wireframe 読み：わいやーふれーむ
とは、
『Webサイトやアプリの画面設計図』
概要
詳細≫
ワイヤーフレームは、Webサイトやアプリ、ソフトウェアなどを設計する際に用いられる、画面構成の下書きにあたる図である。
色や装飾、画像といった見た目の要素を排し、見出し、本文、ボタン、ナビゲーションなどの配置や情報の流れを簡潔に示すことを目的とする。
主に企画段階や設計初期に作成され、制作者や関係者の間で構造や機能の認識を共有するために用いられる。
語源
詳細≫
wire「針金」frame「枠・骨組み」という英語から成る語で、装飾を取り除いた「骨組みだけの構造」を意味する表現に由来する。
建築や工業分野で使われていた立体構造の表現方法が、WebやUI設計の分野に転用された。