画面設計、ワイヤーフレーム作成｜東京のWEB制作会社・ホームページ制作会社｜株式会社GIG

Webサイト制作では、いきなりデザイン制作に着手するのではなく、その前段階で画面設計のためのワイヤーフレームを作成します。そしてクライアントと制作会社間で認識を合わせておくべきは、ワイヤーフレームはデザインの下書きではない、ということです。

ワイヤーフレームは、Webサイトに盛り込むキャッチコピーや画像、また各種コンテンツといった要素を、どういった優先度でどのような配置にするか、前段階の情報設計で定めたコンテンツをいわば「見える化」したものです。
配色やフォントサイズ、また各コンテンツの配置や面積などはワイヤーフレームでは定めず、あくまでもワイヤーフレーム段階では情報整理および要素の確認のために用いられます。

そしてワイヤーフレームで決定した画面設計に対して、ユーザーにより伝わりやすくするための細かい表現をデザインフェーズで決定していきます。
たとえば、ワイヤーフレームでは画像とテキストが別々に配置されていたものを、デザイン段階では画像の上にテキストを配置する、といった細かい表現はワイヤーフレームでは定めない、ということを理解しておきましょう。

デザインフェーズでの画面設計の見直しは、多くの工数が発生してしまい、リリース遅延の原因になりえます。そこでGIGではスムーズな制作進行を実現するために、ワイヤーフレーム段階でクライアントとの認識合わせを行い、適切な画面設計を実現します。