ウェブサイト制作をするときに重要なプロセスのひとつとして使用するボタンなどのUIデザインパーツの作成があります。
効率的にウェブサイト制作を行うには、テキスト、サイズなどを編集可能な無料UIデザインキットを利用してみてはいかがでしょう。
海外デザインブログSpeckyboy Design Magazineで、そのままウェブサイト制作で利用することが可能な無料ウェブUIキットを50個まとめたエントリー「50 Free PSD UI Kits and Templates for Web Designers」が公開されていたので、今回はご紹介します。
ダウンロードした素材をスタンプ感覚で簡単にモックアップを作成することもできますし、細かい部分までデザインされた素材を利用することでクリエイティブなデザインを完成させることができます。
どれもPhotoshopで編集可能なPSDファイルでダウンロード可能となっており、パーツごとにジャンル分けしているのでお気に入りのデザインアイテムを探してみてはいかがでしょう。
詳細は以下から。
無料ダウンロード可能、ウェブサイトに使えるデザインUIキットまとめ
GUIコンプリートセット
淡いグラデーションを利用したapple風ウェブUIデザインをまとめた無料素材キットのひとつで、パンくずリストやボタン、ツールチップ、動画プレイヤーなど統一性のあるデザインが揃っています。
ザラザラとした質感の壁紙に合わせてデザインされた立体的な無料UIデザインキット。
どんなデザインにも合わせやすい色使いが魅力的。
itunesなどで利用されているapple風UIデザインを忠実に再現した無料キットで、やさしい色使いのグラデーションを利用しています。
こちらもapple風UIスタイルをパロディしたデザイン素材キット。
名前の通り「春」を感じるさわやかな緑色のGUIデザインが特長の無料素材キット。
ボタンも通常、ホバー、アクティブ時の3種類がそれぞれ用意されています。
レトロ、ビンテージな印象を与える色使いでそれぞれデザインされた素材パーツをまとめた無料セット。
「日本用UIデザイン」に特化したデザインパーツで、清潔感のある白色を中心にデザインされています。
利用できるテーマデザインを選ばないシンプルなボックス、ボタン、ラジオボタンなどを収録した素材セット。
オレンジ色を基調に立体的なUIデザインパーツをまとめた素材セットのひとつで、必要なパーツが一通り揃っています。
ボタン、メニュー用PSDファイル
Dropdown and Standard Button Set with All States
カラフルにデザインされた3種類のボタンファイルのほかにドロップダウン用メニューボタンが用意されています。
10色の彩りゆたかなボタンデザインをそれぞれ3種類ずつデザインした素材セット。
9種類のバリエーション豊かなボタンデザインをまとめてダウンロード可能な無料素材セット。
つやつやとした質感で立体的にデザインされたボタンパーツで通常、アクティブ時の2スタイルを用意。
6色でデザインされたそれぞれ色合いの異なるボタンデザインを合計30個まとめたお得な無料素材セット。
iphone風のスライド式トグルデザインをやわらかい色使いでデザインした素材パーツ。
ダーク系ウェブサイトデザイン制作を行うときに利用したいボタンデザインと検索フォームをまとめた素材セット。
パンくずリストにスタイリングを適用したいときに便利なシンプルなデザイン素材。
ノイズエフェクトを適用した質感の高いダーク形ナビゲーションメニューバー用デザイン。
上記デザインパーツと同じデザイナーさんが作成したホワイトバージョン用ナビゲーションメニュー素材。
縦型ナビゲーションメニューを利用するときに使いたいダーク形ナビゲーションメニューバー。
フォームエレメント用パーツ
やさしい色使いでデザインされたフォーム用デザインUIパーツで、どんなデザインにもなじみやすいデザインが印象的。
apple風UIデザインをモチーフに型押し（レタープレス）デザインでまとめられたフォーム用デザインパーツまとめ。
お問い合わせやコメントフォーム用デザインとして利用可能な立体的なUIデザインパーツ。
サインイン、ログインフォーム用パーツ
背景画像が透けて見えるセクシーなログインフォーム用PSD素材パーツ。
ポップアップで表示されるサインアップ用フォームをデザインしたUIパーツセット。
メタリックなデザインが特長的な個人情報登録用フォーム。
プログレスバー
進行状況によって色を変化させたカラフルなプログレスバーをデザインした素材キット。
進行状況をツールチップで表示するシンプルなプログレスバー用デザインキット。
オーディオ、ビデオプレイヤー用パーツ
Audio/Video Interface Controls
モダンなデザインを使ったスタイリッシュなプレイヤー用素材パーツのひとつで、html5で組まれたサイトなどにいかがでしょう。
再生ボタンなどの他に、音量調整用トグルやフルスクリーン表示用ボタンなどがあらかじめデザインされています。
その他のデザインパーツ
Lightboxを利用している方にオススメしたいスキン用PSDテンプレート素材のひとつ。
ウェブサイトにスライドショーを利用したいときに便利なスライドショー用PSDテンプレート素材で、影をつけることで立体的なデザインに仕上がっています。
グラデーションを効果的に利用することで立体感を表現したカレンダー用PSDテンプレートファイル。
どれも自分で作成するとなると時間のかかりそうな素材が多く集められており、効果的に利用することでデザイン制作時間の短縮、節約にもなりそうですね。
[参照元 : 50 Free PSD UI Kits and Templates for Web Designers – Speckyboy.com]
