Advertisement

 

 

海外デザインブログSmashing Appsで、Webデザイン制作に使いたいPhotoshop無料デザイン素材を70個まとめたエントリー「70 Free PSD Web UI Elements for Designers」が公開されていたので、今回はご紹介します。

 

クリックしたくなるボタンデザインそのまま使えるWeb素材パーツなど最近多くまとめていますが、まだまだWeb制作で活用したいPSD素材がたくさんありました。

種類やジャンル、用途もアイデア次第でバラバラ。豊富なセレクトとなっているので、週末を利用してお好みのデザイン素材をダウンロードしてみてはいかがでしょう。

 

 

詳細は以下から。

 

 

Webデザインに利用したいPhotoshop無料素材まとめ

 

Free Button Set

シンプルですがどんなデザインにも合わせやすそうなボタン素材4個まとめ、白、黒2タイプが用意されています。

 

 

Big Download Button

やさしい色使いが印象的なPSDボタン素材。通常時、ホバー、アクティブの3タイプが用意されています。

 

 

PSD Button Collection

ブログサイトなどのブックマークやページ送りなど細かいUIデザインに対応したボタン素材まとめ。

 

 

39 Free Web 2.0 Buttons

淡いグラデーション、型押しデザインを組み合わせたボタン素材、ウェブサービスや企業用サイトなどにも合わせやすそうな3色となっています。

 

 

Green Button

超立体的な光の反射デザインが印象的だったので、個人的に参考としてメモ。

 

 

Step Process Panels Sets. PSD

新規会員登録やショッピングサイトなどの詳細情報入力などプロセス、ステップ用パネルデザイン。クリーン、グロスタイプの2種類収録。

 

 

Free PSD Price Box Templates

価格表やスペック表などに利用できそうなカラフルテーブルデザイン、各6色となっています。

 

 

Four Colour Web Elements

広告バナー用にデザインされたボックスデザイン、立体的な3Dリボンには影も追加され奥行きがひろがります。

 

 

Mail Feedback Form

お問い合わせフォームなどにりようしたいかわいい便箋をモチーフにしたPSD素材。レトロ、ビンテージ風デザインとの相性もよさそうです。

 

 

F2U Buttons + Stuff

なめらかな質感のグラデーションで統一したWebデザインUI素材まとめ。ホワイト、ダークバージョンに対応したカラーリング。

 

 

Dark GUI Kit

1px単位まで考えてデザインされたダーク系UIデザイン素材まとめ、個人的にメモとして。

 

 

Free PSD Source 6

オシャレな色使いのページ送り用UIデザイン素材のひとつ。

 

 

Free Colored Web Menus

ナビゲーションメニューバーに利用したいPSD素材で、合計21色でデザインされておりどれもうつくしい色使い。

 

 

Neat UI Controls

角のとれたやさしいUIデザインをモノクロで表現したUI素材セット。ステッカー素材なども収録されていますよ。

 

 

Calender PSD

記事アーカイブ検索などに利用することができそうなカレンダー用UIデザイン、3色の異なるデザインが収録されています。

 

 

Battery PSD

バッテリー残量を表す乾電池デザインがユニークなPSD素材、4色構成されています。

 

 

Free Video Player Interface

iTunesのようなスタイリッシュな質感のメディアプレイヤー用PSD素材。

 

 

Video Player UI

ダーク系背景などに合わせやすいブラックバージョンの動画プレイヤー用PSD素材。

 

 

Video Player PSD

こちらはややマットタイプのダーク系メディアプレイヤー、どんなデザインにも合わせやすそうな色使いが魅力的。

 

 

Free PSD Media Player

ポップなカラーリングをお好みの方にオススメしたいメディアプレイヤーPSD3色セット。

 

 

Music Player Updated

音楽配信などを想定したWebサイトのインターフェースデザイン、シンプルですがオシャレでまとまりのある配色。

 

 

iTunes Replacement GUI PSD

そしてiTunesのインターフェースを忠実に再現したデザインPSD素材なるものもあるようです、少し前のバージョンになるのでしょうか、。ダウンロードはこちらからどうぞ。

 

 

7 Free Web Browser Frames

ブラウザ関連のPSD素材はいくつか紹介しているのですが、7種類のブラウザ対応という便利素材。

 

 

iPad GUI PSD

人気のiPad用インターフェースを完全再現したGUIキット。プレゼンテーションやアプリの動作説明書などにいかがでしょう。

 

 

iPhone 4 GUI PSD (Retina Display)

くっきり表示のRetinaディスプレイ解像度に対応したiPhone用インターフェースデザインセット。本体もPhotoshopでデザインされています。

 

 

Windows 7 Taskbar

タイトル通りWindows 7の半透明タスクバーを再現したPSD素材ファイル、パロディデザインも面白そうです。

 

 

Free PSD Login Panel

ネオンカラーを使ったダーク系ログインパネル用PSD素材、各4色セットとなっています。

 

 

12 Free PSD File Icons

さまざまなファイル形式をモチーフにデザインされたアイコン素材12個セット、テキストや配色なども変更可能。

 

 

3D Glossy Icon Set

3Dエフェクトを加えた輝きのある立体的なアイコン素材20個セット、.PNGファイルの他にPSDファイルを一緒にダウンロード可能。

 

 

7 3D Arrow Icons

なにかと利用機会の多い矢印アイコン、影もデザインされた3Dエフェクト矢印7個セット。

 

 

12 Free Weather Icons

天気予報などのアプリUIデザインとしても利用可能なアイコン12種類セット、一緒にPSDファイルもダウンロード可能となっています。

 

 

Free PSD Rating Elemtns and Icons

評価、レーティングシステムをWebシステムに取り入れるときに便利な☆と♡型デザイン素材。

 

 

Pin Pictures

ピンで止められた写真風サムネイル画像表示用PSD素材。

 

 

Pinboard PSD

コルクボードに写真や押しピン、ステッカーなどをレイアウトしたお得なデザイン素材セット。

 

 

 

 

この他にもWebサイト制作に便利な無料素材などあったら教えてください、追加させていただきます。

 

[参照元 : 70 Free PSD Web UI Elements for Designers – Smashing Apps]

[参照元 : 500+ Free PSD Graphics for Web Designers – Designzzz]