ワイヤーフレーム
わいやーふれーむ
Wireframe
ワイヤーフレームとは、Webサイトやアプリの画面設計図のこと。どこに何を配置するかというレイアウトや動線を線画(ワイヤー)でシンプルに示したもの。
最終更新: 2026/1/19
語源
Wire(針金)Frame(枠組み)。
意味
ワイヤーフレームとは、Webサイトやアプリの画面設計図のこと。どこに何を配置するかというレイアウトや動線を線画(ワイヤー)でシンプルに示したもの。
類義語
なし
なし
具体例
デザインを作り込む前に、まずはワイヤーフレームで情報の配置を確定させた。
詳細解説
「設計図」であり、色や装飾などのデザイン要素は排除して作ります。開発者、デザイナー、クライアントの間で、画面構成の認識を合わせるために不可欠な資料です。手書きや専用ツール(Figma等)で作成されます。
由来・語源
Wire(針金)Frame(枠組み)。
使用例
デザインを作り込む前に、まずはワイヤーフレームで情報の配置を確定させた。
関連用語
- 同義語:
- 関連: