Pedia

ワイヤーフレーム

わいやーふれーむ

Wireframe

ワイヤーフレームとは、Webサイトやアプリの画面設計図のこと。どこに何を配置するかというレイアウトや動線を線画(ワイヤー)でシンプルに示したもの。

最終更新: 2026/1/19

語源

Wire(針金)Frame(枠組み)。

意味

ワイヤーフレームとは、Webサイトやアプリの画面設計図のこと。どこに何を配置するかというレイアウトや動線を線画(ワイヤー)でシンプルに示したもの。

類義語

なし

なし

具体例

デザインを作り込む前に、まずはワイヤーフレームで情報の配置を確定させた。

詳細解説

「設計図」であり、色や装飾などのデザイン要素は排除して作ります。開発者、デザイナー、クライアントの間で、画面構成の認識を合わせるために不可欠な資料です。手書きや専用ツール(Figma等)で作成されます。

由来・語源

Wire(針金)Frame(枠組み)。

使用例

デザインを作り込む前に、まずはワイヤーフレームで情報の配置を確定させた。

関連用語

  • 同義語:
  • 関連:
TOP / 検索 Amazonで探す