ワイヤーフレームに使える素材いろいろ

以前、このブログでご紹介した「ウェブサイトの設計図 ワイヤーフレームを活用しよう

ウェブサイトをデザインする前に、用意すると、とっても便利なワイヤーフレーム。

ページの各要素をレイアウトして、デザイン制作をスムーズに行うことが出来ます。

今回は、そんなワイヤーフレームに使える素材をいろいろとまとめてみました。

Design Stencils – Design Pattern Library – YDN

Yahoo!デベロッパーネットワークで公開されているステンシル。いろんな形式でダウンロードできるので、とても便利ですよ。


Design Stencils - Design Pattern Library - YDN

Free Sketching & Wireframing Kit

こちらもワイヤーフレームに必要な要素を一通りまとめてくれています。IllustratorやPDF、SVG、EPSでファイルを公開してくれているので、助かりますね。


Free Sketching & Wireframing Kit

Wireframe Symbols

Illustrator形式でダウンロードできるワイヤーフレームのシンボルファイル。


Wireframe Symbols

OmniGraffle Wireframe Stencils | Konigi

オムニグラフでかなり使えるステンシル。


OmniGraffle Wireframe Stencils | Konigi

Free Web UI Wireframe Kit

こちらもオムニグラフでつかえるシンプルなキットです。


Free Web UI Wireframe Kit

OmniGraffle UX Template | Konigi

サイトのページレイアウトに重宝しそうなテンプレート。


OmniGraffle UX Template | Konigi

Mac OS X Interface 2

こちらはMax OS Xのテンプレートです。


Mac OS X Interface 2

Flex 3 Stencil

こちらはFlexのステンシル


Flex 3 Stencil

Web Page Elements

小さなアイコンも含まれているページ要素がまとめられています。


Web Page Elements

Designers Toolbox: OS Form Elements

ブラウザごとにフォームの要素がまとめられています。


Designers Toolbox: OS Form Elements

Browser Form Elements PSD

Photoshop形式でまとめられている、フォーム要素。FirefoxとIEバージョンでまとめられています。


Browser Form Elements PSD

Turquoise PSD « Ps Galaxy – Free PSD Files and best photoshop Freebies

こちらは、Vistaの要素がPhotoshop形式でまとめられています。


Turquoise PSD « Ps Galaxy – Free PSD Files and best photoshop Freebies

Web Form Elements Vol.2

サンプルしかダウンロード出来ませんが。とっても参考になりますよ。


Web Form Elements Vol.2

Web Form Elements

こちらもクールなウェブフォームのサンプルです。


Web Form Elements

Webdesigner kit

Photoshop形式でちょっとした要素がまとめられています。


Webdesigner kit

WEB UI Treasure Chest v 1.0

ボタンやフォーム、アイコンなど、いろいろな場面で使えそうな要素がいっぱい詰まっています。


WEB UI Treasure Chest v 1.0

Windows 7 Window PSD

ウィンドウズ7の要素をPhotoshopでどうぞ。


Windows 7 Window PSD

Exclusive Free GUI Pack from Art.Gen

とっても質感のある、ボタンがまとめられています。


Exclusive Free GUI Pack from Art.Gen

iPhone and iPad Development GUI Kits, Stencils and Icons

iPhoneとiPadのステンシルとアイコンがまとめられています。


iPhone and iPad Development GUI Kits, Stencils and Icons

UI Design : Google Android GUI Application Mockup PSD

こちらはAndroidの要素がまとめられています。


UI Design : Google Android GUI Application Mockup PSD

A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio

Google Drawingsで使えるワイヤーフレームのキットがまとめられています。


A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ