初心者のためのデザイン日誌11

UPDATE：2016.11.16

CATEGORY

Contents

webデザインのレイアウトその2
- フリー・レイアウト
デザインの基礎知識コーナー
- 学んだこと①

初心者のためのデザイン日誌始まります！！第11段です！

webデザインのレイアウトその2

ウェブ・レイアウトを大きく分けると「グリッド・レイアウトデザイン」と「フリー・レイアウトデザイン」の 2つに分けることができます。
前回はグリット・レイアウトデザインを紹介したので今回はフリー・レイアウトデザインのお話です。

フリー・レイアウト

フリー・レイアウトは、予め決められたページ幅でコンテンツをレイアウトしますので、画面幅の変動によるレイアウトを気にすることもなく固定レイアウトとして使うことができます。掲載する情報量が多い場合などにフリー・レイアウトはよく用いられます。ただし、ユーザーのデバイス環境によってはページが見づらく、SEO 的にも有効ではありません。

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

これをブラウザを横に引き伸ばしたとします。

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-2

ブラウザを横に広げたとしてもレイアウトが大きくなったりせず固定されたままなのがフリー・レイアウトです。

ひと昔前はフリー・レイアウトのwebサイトが基本だったと思います。硬いイメージを与えがちですが逆を言えば信頼性があるレイアウトとも考えられます。

デザインの基礎知識コーナー

毎回箇条書きでお得な情報載せていきたいと思います。

学んだこと①

SEO→Search Engine Optimizationの略。日本語では「検索エンジン最適化」と訳されています。その名の通り、Googleなどの検索エンジンにおいて、特定のキーワードで検索された際に、検索結果ページで上位に表示されるように工夫すること。自分のWebサイトに検索エンジンからの流入を増やすため、重要視されているマーケティング手法のひとつ。