このページでは、almaarea.com（以下「アルマエリア」といいます）の管理人が気になった単語について説明した用語集の中から「リキッドデザイン」についての解説を試みています。
「リキッドデザイン」以外にも、アルマエリアの説明や内容について、意味の分かり難い言葉がありましたら、Helpページ内の用語集をお試しいただければ幸いです。
リキッドデザインとは
リキッドデザインとは、英語でLiquid Designと書き、直訳すると液体のデザインです。転じて、流動的なデザインと解釈されています。
一般的には、表示されているウィンドウのサイズに応じて、ページの横幅が可変する構造または、そのように表示されたとしてもデザインが崩れ難いことを意味する言葉です。
リキッドデザインを採用することで、コンピュータブラウザのウィンドウサイズに干渉しないウェブサイトを作成することができます。
かつては多くのウェブサイトが、自然とリキッドデザインを取り入れたレイアウトを行ってきましたが、一定サイズ以上のディスプレイの普及や、文章量と画像のバランスを考慮した見栄えの良いレイアウトが好まれる様になったことなどの理由により、最近では見かける機会が少なくなりました。
リキッドデザインの特徴
リキッドデザインは、表示されるコンピュータブラウザのウィンドウサイズに干渉しません。そのウィンドウサイズに応じて、ページの横幅が収縮し、それに応じて文字列が並び直ります。その結果、ページの横幅に空白が生まれることが少なくなり、画面の最大幅での表示に適しています。
また、設計者は文字列が並び直ることを考慮して、画像の大きさや配置を行っており、極端に見難くならないように配慮されています。
これにより、ウェブサイトは、様々な画面サイズに応じて、ウェブサイト本来の目的である情報の提供を行うことができるようになります。
様々な画面サイズに応じることができるということは、インターネットの利用者であるユーザーの環境に応じて、都度、最適な環境を提供できるということでもあります。
少なくとも、ウェブサイトのページが画面の右横にはみ出して表示される心配はありません。
このことから、自分の好きな画面サイズで見ることができるため、ユーザビリティの高いデザインであると言うことができます。
利用者の閲覧環境に依存しないデザイン。
それがリキッドデザインの最大の特徴です。
リキッドデザインのデメリット
ところが、最近では企業などの商用ホームページを中心に、ピクセル単位で正確に段組みされたウェブサイトが主流となっています。
それほど利便性が高いのであれば、もっと多くのウェブサイトがリキッドデザインを採用していても良い筈です。
これには次の様な理由が考えられます。
- 小さいディスプレイでの表示を考慮するため、大きな画像が使い難い
- 流動要素を生み出すために、文章主体のウェブページに仕上がってしまう傾向がある
- デザインの手段が限られるため、独自性を表現し難くなってしまう
これらの理由は私の個人的な考えであり、一般論とは大きく異なるかもしれません。
しかし、リキッドデザインがウェブサイトの設計者泣かせと言うべき、設計の難しさを持っていることは誰もが認めるところでしょう。
ウェブサイトをキャンバスに見立てて、一つの芸術作品として考えれば考えるほどに、画面に応じて横幅が変化する極めて流動的な空間に対して、サイトイメージを伝えるための独自性や、必要な広告要素を盛り込みつつ、主文となるコンテンツを引き立てた配置を施していく……というのは、並大抵の難しさではありません。
ウェブサイトとしての読み易さへの挑戦
それでも、リキッドデザインにこだわるというのであれば……それは読み易さへの挑戦と言い換えることができるのではないでしょうか？
元来、ウェブサイトは見る人の見やすさに応じて、文字の大きさを替えて表示する機能を備えていました。文字の大きさを変えるなんて……紙面に印刷された文字では不可能なことです。
そこで、表示されている文字の大きさを変化させるだけでなく、文字が大きくなれば順番に下に流れて行って、文字が小さくなれば上の段に繰り上がり、画面の外にはみ出ることなくページ内の情報を表示することができたならば、そのウェブサイトは多くの人にとって、とても読み易い情報媒体となるでしょう。
すべてを完璧に調和させることはとても難しいことですが、ウェブサイトの持つ可能性と利便性を活かし、利用してくれる閲覧者に対していかなる制約も求めない姿は、サービスの有るべき形だと思っています。