WEBデザインを勉強中 - デザイナーを目指して -

WEBレイアウト領域の定義

WEBデザインのレイアウトは、訪問者が使用していると思われるディスプレイの表示解像度と同じか、より小さいサイズを基準に領域を決めています。現在普及している表示解像度の最小値は幅800×高さ600pxです。

この最小値をターゲットディスプレイサイズとした場合、レイアウトのサイズは幅780×高さ450px程度になります。

ターゲットディスプレイより、レイアウトのサイズのほうが小さくすることには理由があり、ホームページを閲覧するときは、ブラウザを介して閲覧しますよね。このため、ディスプレイ内にはWEBページのほか、各種ブラウザのインターフェイスを表示するスペースが必要になります。

その占有領域をターゲットディスプレイサイズより引くことによりレイアウトのサイズが決まります。

ディスプレイサイズの幅800×高さ600pxは、最小値ですが、現在は幅1,024×高さ768pxが標準とされており、この場合のレイアウトサイズは、幅1,000×高さ600pxになります。

ただ、ブラウザのブックマークなどの表示領域をブラウザ左側に常駐させるユーザーに考慮するために、レイアウト領域は幅780×高さ450～600pxにとどめておくことようにしています。

一般的には、このレイアウト領域を採用することが多いそうです。

高さは、450～600pxにとどめておくことと書きましたが、必ずこれ以内に収めるようにレイアウトをするというわけではありません。訪問者に一番、伝えたい情報等をこの高さ以内から閲覧できるようにしておくということです。

なので高さは600px以上でもいいようです。しかし、サイトの内容にもよりますが、あまりにも縦長なページは訪問者に不快感を与えるようなので、注意しましょう。