DesignWalker

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

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

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

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

Design Stencils – Design Pattern Library – YDN

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

Free Sketching & Wireframing Kit

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

Wireframe Symbols

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

OmniGraffle Wireframe Stencils | Konigi

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

Free Web UI Wireframe Kit

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

OmniGraffle UX Template | Konigi

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

Mac OS X Interface 2

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

Flex 3 Stencil

こちらはFlexのステンシル

Web Page Elements

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

Designers Toolbox: OS Form Elements

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

Browser Form Elements PSD

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

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

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

Web Form Elements Vol.2

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

Web Form Elements

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

Webdesigner kit

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

WEB UI Treasure Chest v 1.0

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

Windows 7 Window PSD

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

Exclusive Free GUI Pack from Art.Gen

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

iPhone and iPad Development GUI Kits, Stencils and Icons

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

UI Design : Google Android GUI Application Mockup PSD

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

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

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