ワイヤーフレームとWeb制作フロー

wireframe
ワイヤーフレーム。聞きなれない言葉だけど、Webページの大まかなコンテンツやレイアウトを示した構成図のことをいう。一般的にWeb制作の過程では、上流工程でワイヤーフレームづくりを行い、その後にビジュアルデザインやインタフェース制作、HTML/CSSなどページへの落とし込み作業となる。優れたワイヤーフレームとは、ただの絵コンテではなく、サイト戦略やユーザーへの期待と配慮などが詰まった設計図となる。

そんなワイヤーフレームのコレクションサイトを見つけたのでメモしておこう。その名も「I Love Wireframes」。そのまんま。手書きのラフなものから、細部まで記述されたものまで。ぼけーっと眺めてみるのも面白い。また、ハイクオリティサイトのワイヤーフレーム分析というレポートも参考になる(かなり古いが)。

関連情報として、Web制作の全体フローは「Web Site Project Workflow」に綺麗に纏まっている。

Related Entries

Leave a Comment

Name: (Required)

E-mail: (Required)

Website:

Comment: