ホームページデザインの基礎

ホームページを作る際に、ユーザーに興味を持ってもらうため
リード文とイメージ画像などを配置する事になります。

この時に、時にはイメージ画像に重ねてリード文をまとめた方が
よりコンパクトにすっきりと収まる場合があります。

読ませたいリード文を効果的に見せるよう、
字体や背景イメージを工夫し、情報を整理するようにしましょう。

いざ作ったホームページが
どうも統一感がなくなってしまった…という場合の
対処法について書いていきたいと思います。

まずは、ビュレットについて統一されているかを確認しましょう。

ビュレットとは、リンクテキストの頭につけるマークのことです。

トップナビゲーション、サイドメニュー、コンテンツ内リンクなど、
他ページへのリンクが張られているテキストのビュレットは
同じ形状のものになっているでしょうか。

ホームページを作る際には、
まず全体のラフデザインを作ってから
細部を作り込むといった手順が一般的です。

しかし、いざ完成してみると、
なんだかまとまりのないページになってしまうことがあります。

ラフデザインの段階では統一感のあるデザインであったものが、
メニュー部分を担当者Ａさん、トップナビゲーションボタン部分を
担当者Ｂさん、コンテンツ部分を担当者Ｃさん…と別人が作業を
したために微妙に統一感のないページになってしまった、という事ですね。

ベースカラーなどの基本的要素は統一されているものの、
各担当者がそれぞれ独自に細かな修正を加えたため、
全体としてちぐはぐになってしまう、ということです。

サイトデザインを作る際に、
とりあえずphotoshopなどでラフデザインを作るというのは
一般的な作業手順のようです。

ホームページとして細部を作り込む前に、
ただのポスターのように全体のイメージ画を作ることで、
依頼者と作業者の認識をすり合わせる事ができるため、
完成間際になって大幅なデザイン修正が発生する事を防止できます。

ラフデザイン案が確定したら、ホームページとして作り込む工程に進みます。

優れたサイトとは、凝ったデザインのサイトだけではありません。

では、例えばあなたが「良いサイトだな」と思うサイトを
いくつか挙げてみてください。

それらのサイトのうち、
凝ったデザインのものはいくつありますか？

デザインはシンプルだけど、知りたい情報がすぐに探せて
情報量も豊富なサイトはありましたか？

ユーザーがサイトに何を求めるかによって、
「良いサイト」の基準は変わるものです。

優れたサイトを作るためには、サイトの目的とユーザー層を
明確にしておく必要があるのです。

例えば、洋服を買う時に、
色や形や絵柄だけで決める事はしないでしょう。

触ってみて手触りを確かめたり、
自分の持っている服との相性をイメージしてみたり
するのではないでしょうか。

ホームページも同じです。

配置する要素の色や形だけでなく、テクスチャなどの質感、
コンテンツとの相性、などがサイト全体でマッチしていなければ
存在感のあるサイトを作る事はできません。

デザインに慣れていない初心者の場合、
整理されたページに変化を付ける作業に戸惑いを感じるでしょう。

そういう場合は、とにかく作業ひとつひとつを
丁寧に行うよう心がけましょう。

繊細な仕事をすれば、繊細な画面が出来上がるものです。
何も大胆な動きを加えずとも、小さな変化ひとつでも
ガラリと印象を変える事も出来るのです。

デザインとは設計と言い換えることができます。
配色やイメージ画像は手段でしかありませんから、
伝えたい事をどのように伝えていくかを
明確に設計する必要があります。

高級感のあるイメージを伝えたくてホームページを作ったとします。

訪問者がホームページを見て、
高級感のある印象を受けてくれれば
それは良いホームページデザインである、という事ができます。

初めてホームページに訪れた人が
興味本位でページを閲覧してくれる時間は限られています。

ですから、

必要な要素を短時間で伝える必要があるのです。

ホームページの目的を明確にし、
余計な機能や情報を排除して
シンプルに設計することで
良いホームページを作ることができるのです。

ホームページを制作するにあたり、
サイトの目的を明確にしてから
デザインを考える事をお勧めします。

センスのいい配色と
操作性の良いサイト構成になっていても、
目的に合わないホームページであってはいけません。