DesignWalker

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。 要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそのサイトの善し悪しに直結するのではないでしょうか？ 今回は、画面設計の際に使えそうなサイトをいくつかピックアップしてみました。

PowerPoint Prototyping Toolkit

Office PowerPoint 2007をお持ちの方には便利なツールキットです。あらかじめ、よく使いそうな要素が用意されているので、とっても便利なキットです。

きれいなフォーム要素などが用意されています。

こちらはウインドウのプリセット。PowerPointで作ったとは思えないくらいとってもきれいに作られていますね。

Tools – Information Architecture Institute

こちらは、いろいろなタイプのツールがVisioやPDF、PowerPointなどで用意されてます。試しにCavazzaWireframe.pptというファイルを開いてみました。フォームの部分などそのまま使えそうな感じです。

Interactive Prototypes with PowerPoint

PowerPointのサンプルが公開されています。

Description of Enterprise Dashboard

ダッシュボードのサンプルです。

PowerPointのテンプレートは、以前このブログで、ご紹介した『PowerPointテンプレートサイトいろいろ』からどうぞ〜。

Design Stencils – Yahoo! Design Pattern Library

Yahoo!が提供してくれている、キットはOmniGraffle,Visio,PDF,PNG,SVG形式で公開されているので、いろいろなソフトでそのまま使えて、とっても便利ですね。

オムニグラフ [Omni Graffle]

Macをお使いの方々は、Omni Graffleがいろいろなツールなどが公開されているので便利かも。

Graffletopia

Omni Graffle用のシンボルやシェイプ、パターンなどがダウンロードできるサイトです。

SimpleWireFrame

Graffletopiaで人気のSimpleWireFrameは必要要素が網羅されているので、とっても便利。

OmniGraffle Wireframe Palette

こちらのパレットも便利そうなツールですね。

PDF Prototypes: Mistakenly Disregarded and Underutilized

PDFで画面設計を書く方も多いのではないでしょうか？こちらでサンプルがダウンロードできます。

DUB – DENIM

こちらは、ワシントン大学が開発したUIデザイン用のツールです。手書きで書き進めていく感じのツールです。