ワイヤーフレーム (WF) とは ワイヤーフレームとは、Webサイトの目的に応じて「何を・どこに・どのように」配置するかを表現した設計図です。「ワイヤー(導線)」と「フレーム(枠組み)」の言葉のとおり、シンプルに要素や情報だけを配置し視覚化したWebサイトの骨組みを指します。よく「ワイヤー」や「WF」と短縮して使われることがあるため、表現も覚えておきましょう。 ワイヤーフレーム、モックアップ、プロトタイプの違いは? Web制作現場ではよくワイヤーフレームと一緒に「モックアップ」「プロトタイプ」という言葉が使われます。3つの違いはなんでしょうか? ワイヤーフレームは構成、モックアップは色などのデザインを加えたもの、プロトタイプはボタンがクリックできるなどの動きを加えたものを指し、それぞれ検証する対象が異なります。 ワイヤーフレームは誰がなんのタイミングで作る? ワイヤーフレームは一般的にディ
