prototyping - 概念的なウェブサイトのデザインのためのツール

Question

（Visioを除いて）どのツールが視覚的に心地よいWebサイトサイトマップまたは概念的なWebサイトの図を生成しますか？

クライアントに素敵な図を提示したいのですが、どこから始めればよいのかわかりません。私たちはすべてデザイナーではなく、コーダーです。

Visioの図形またはステンシルはかなり古いものです。業界の他の人はどのようなツールを使用していますか？

Answer 1

Visio と同じカテゴリーではありませんが、私はBalsamiqが提供するワイヤー フレーミング ツールの大ファンです。ワイヤー フレーミング (Visio のようなサイト マップ ツールに加えて便利です) のトピックについては、Smashing Magazineが最近、ワイヤー フレーミング リソースに関する優れた記事を掲載しました。

Answer 2

マイクロソフト スケッチフロー

http://www.microsoft.com/expression/products/Sketchflow_Overview.aspx

_{(ソース: microsoft.com )}

_{(ソース: microsoft.com )}

_{(ソース: microsoft.com )}

Answer 3

イラストレーターを使用して、非常に生のWebページレイアウト画像の基本的なボックスを描画します。以前は、Photoshopを使用して、視覚的に複雑なWebサイトのモックアップを作成していました。ここで、フォトショップの段階をスキップして、コードに直接進みます。

ブループリント（ http://www.blueprintcss.org/ ）と呼ばれるcssフレームワークを使用して、インターフェイスをすばやく構築します。グリッドシステム、cssリセット、タイポグラフィとフォームなどが含まれます。

サイトマップは、マインドマッピングソフトウェアを使用して描画できます。私はオムニグラフフルを使用しています（私はMacで作業しています）それはうまく機能します。