企画/ディレクション
ワイヤーフレーム
わいやーふれーむ
Webページのレイアウトや構成要素の配置を骨格として表した設計図。
📖定義
Webページの構成・レイアウト・情報の優先順位を視覚的に整理するための設計図。色やデザインは含まず、ボックスやテキストでコンテンツの配置のみを表現する。
FigmaやMiroなどのツールで作成されることが多く、デザイン着手前にクライアントや開発者と構造・導線・コンテンツ量の認識を合わせるために使用する。
💬クライアントへの伝え方
「家の設計図のようなもの」と例えると伝わりやすい。間取りだけが描かれていて、壁の色や素材は決まっていない状態。見た目のデザインより先に「何をどこに置くか」を決める工程です。