Advertisement

 

海外デザインブログWebdesigner Depotで、Webサイト制作に利用したいデザインPSDパーツ素材を50個まとめたエントリー「50+ PSD UI Web Design Elements」が公開されていたので、今回はその中からいくつかピックアップしてご紹介します。

 

どれも細かい部分まで時間をかけてデザインされた高品質なデザインパーツばかり揃っており、今後のデザイン制作に利用してみてはいかがでしょう。

 

 

詳細は以下から。

 

 

Webサイト制作に利用したいデザインPSDパーツ素材まとめ

 

Circular Progress Bars

ファイルのアップロードなどの進行状況を教えてくれるプログレスバー、かわいい配色でデザインされています。

 

 

Circular Power Buttons

家電製品に利用されていそうな本物そっくりで立体的なボタン素材。On/Off両方に対応しています。

 

 

Review & Rating Stars

レーティング評価などを設置しているブログやサイトなどに活用したいレタープレス風星型パーツ。

 

 

Album Cover and Tooltip

音楽アルバムの詳細などを記載できるツールチップを備えたデザインパーツ。

 

 

Progress Loading Indicators

ぼんやりと輝くネオンが印象的なプログレスバー用デザイン素材。

 

 

Safari v5.1(OSX Lion) Download Manager

最新版OSX Lionのダウンロードマネージャーをそのままそっくり再現したPSD素材パーツ。

 

 

Mac OSX 10.8 Elements

タイトルのままとなりますがMac OSX 10.8バージョンで利用されているUIデザインをセットにしたPSD素材。

 

 

GUIFX Elements Pack “Victor”

ゴージャスでエレガントな色使い、質感を表現したUIデザイン素材、まとめて利用することで統一感を出すことができそうです。

 

 

Chunky 3D Button

ポップで目立つカラーリングと超立体的なデザインを組み合わせたボタンPSD素材。

 

 

Progress Bar

ビビッドな配色を使ってデザインされたプログレスバー素材、状況に応じて4種類を使い分け可能。

 

 

Seek Bar

こちらもプログレスバーをデザインしていますが、カラフルなグラデーションを使ったPSD素材。

 

 

Transparent Glass UI

透明ガラスをモチーフにデザインされたUI素材キット、背景が透けて見えるクールな仕上がりを演出。

 

 

Blaubarry UI Kit

レタープレスや淡いノイズテクスチャなど細かくデザインされたUIデザインキット、個人的にお気に入りなのでメモとして。

 

 

Solid UI Kit

Webサイトで利用するであろうUIデザインを超立体的に仕上げたPSD素材。

 

 

Dark UI Element Set

むらさき色が印象的なダーク系デザインに利用したいUIデザインPSDキット。

 

 

Classic Login Form

黄金リボンデザインを使ったクラシックなログインフォーム用PSD素材。

 

 

E-Commerce Step UI

ショッピングサイトで個人情報を入力するフォームをわかりやすくステップごとに分けたユニークなUIデザイン。

 

 

Form Goodness Kit

ミニマルでスタイリッシュなデザインが魅力的なフォームデザイン用UI素材キット。

 

 

Tabbed Table

タブで展開するオシャレな色使いのテーブルデザイン用PSD素材、配色の参考にもいかがでしょう。

 

 

Web UI Treasure Chest v1.0

何度かご紹介した気もしますが、ボタンやステッカー、カレンダーなどWebサイトに必要なデザインパーツをまとめたお得なセット。

 

 

これまでにまとめたWebデザインPSD素材まとめ

 

これまでにもWebサイト制作に利用したいデザインパーツを定期的にご紹介しています。以下のエントリーなども参考にしていただくと良いかもしれません。

 

Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめ

動画プレイヤーやカラフルなUIデザイン素材などを中心にまとめています。

 

 

即戦力、Webデザインに活用したいPhotoshop無料パーツ素材70個まとめ

iPhoneやiPadなどのUIデザインなども同時にまとめたエントリーとなります。

 

 

Web制作に利用したいPhotohsop無料UIデザイン素材20個まとめ

今回の参照元サイトにまとめられているUIデザインなどを中心にまとめたエントリー、同時にCSS3で表現可能なフォームデザインなども収録。

 

 

ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ

ひたすらボタン素材だけを集めたまとめエントリー。

 

 

Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ

 

まだまだ足りないという方は、「PSD素材まとめ」カテゴリーより探してみてはいかがでしょう。

[button_square color=”red” url=”https://photoshopvip.net/archives/category/resource/resource-psd”] 「PSD素材まとめ」カテゴリーはこちらから [/button_square]

 

[参照元 : 50+ PSD UI Web Design Elements – Webdesigner Depot]