ウェブの画面設計に使えるまとめ

admin — Fri, 30 May 2008 08:06:59 +0000

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。

要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそのサイトの善し悪しに直結するのではないでしょうか？

今回は、画面設計の際に使えそうなサイトをいくつかピックアップしてみました。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DesignWalker » tool