学科 ユーザーインターフェイス基礎④【オンライン】

Webページの作成②

ワイヤーフレームを「デザインラフ」として仕上げていきましょう。たたき台のワイヤーフレームが決定したら、実際のサイトのイメージに近付けていく作業を行います。
実際のWebページの見た目を再現した「デザインラフ」をしっかりと作成していきましょう。

ワイヤーフレームは営業がつくることも多い。

黒は、完全な００００の黒は読みにくいとされているので、ややグレー位が読みやすい。

ロゴなど文字を画像として貼る場合には、必ず、ALTには、画像の通りの文字を入れること。
SEOおよび、読み込みトラブルなどの時に備えてることにもなる。

上記注意③は重要。

色の指定の方法　色相を合わせる

配色パターンについて

文言は編集しておく

デザインの３つの要素にそって順番に作業してくのが基本ですが、
最初のレイアウトの次は、文字になります。　このときに先に文言をエディタなどで作成しておくとよいです。
文字をあとで、レイアウトにはめ込むさいに、ベタ打ちしてしまうと全角文字が知らず知らずに紛れ込んでしまうことが多く、エラーの原因になるからです。
最初に文字情報をまとめておくことで、こうしたエラーを防ぐことができます。