リキッドデザイン

ソリッドデザインの対義語で、Webブラウザの横幅を変更するとコンテンツの表示サイズも変更されるWebデザインのこと。リキッドレイアウト、サイズ可変デザインともよばれており、代表的なものに、Amazon.comのサイトなどが挙げられる。一般的なWebページでは、各列の幅をピクセル数などで指定して固定的なデザインで表示する。このようなWebデザインをソリッドデザイン(サイズ固定デザイン)とよぶ。ソリッドデザインでは、表示するディスプレイの大きさやWebブラウザのウィンドウの大きさに関係なくどのような表示環境でも同じデザインでWebページを表示することが可能である。しかし、ディスプレイの解像度やWebブラウザのウィンドウの幅がWebページに指定されたピクセル数よりも狭いと、Webページの横幅がウィンドウの外にはみ出してしまい、閲覧しにくくなってしまう。ソリッドデザインに対し、リキッドデザインは列幅をパーセンテージで指定するため、表示されるWebページの幅を相対的・可変的にすることができる。実際に表示するWebブラウザのウィンドウ幅に合わせて自動的にWebページの幅が変わり、Webページの横幅がウィンドウの外にはみ出してしまうことはない。Webページの表示環境を選ばないページ作りが可能となる。Webページのリキッドデザイン化は、以前は「TABLE」タグ内の「width」をピクセル指定ではなくパーセント指定とする手法がとられていたが、現在はCSSを用いることが多い。なお、リキッドデザインではコンテンツの表示サイズが無制限に変化してしまうため、著しく画面の大きなディスプレイや逆に表示幅の狭い携帯端末などのディスプレイではデザインが崩れてしまうことがある。この問題は、表示幅の上限や下限を定めたデザインとすることで、こうした問題をある程度回避することができる。リキッドデザインは、商品の一欄が表示されるようなECサイト(ショッピングサイト)や、長文が表示されるニュースサイト、コラムサイトなどで採用されていることが多い。

  • このエントリーをはてなブックマークに追加

カテゴリ: コーダー様向けデザイナー様向け

Amazon書籍

関連書籍が見つかりませんでした。

PickUpWord

FON

世界約150カ国で利用され、400万以上の無線LANアクセスポイントを有する世界最大級の無線LAN(Wi-Fi)コミュニティサービスのこと。サービスを提供している企業「FON」はスペインのベン..

more

人気のキーワード

↑このページの上部へ