ワイヤーフレームの作り方とは?考えるべき4つのポイント! Web制作ハウツー UIUX・サイト設計 Webサイトのワイヤーフレームとは? ワイヤーフレームはWFと略されることもあり、Webサイトのページを定める設計図になります。情報の優先順位や構成を決めるもので、基本は制作するテンプレートとなるページ、もしくは全ページのワイヤーフレームを制作します。 以下が実際に制作されるワイヤーフレームとなります。 図1:ワイヤーフレームの例 要件定義だけですと実際の画面イメージが分かりにくいため、画面設計を行いレイアウトの確認を行います。作業工程の途中で項目が足りないとか、そもそもページが足りないなどが発生すると、工数は大きく増えてコストに跳ね返ります。そのようなことを未然に防ぐために画面設計を行います。 以前はパワーポイントやエクセルで制作されていましたが、現在はAdobeXDを利用して制作されるこ