ページやコンテンツの幅を固定し、画面サイズの変化を想定していないレイアウトのことです。
自由度が高く、視覚的に魅力的でオシャレなデザインになりやすいです。
昔は一般的なレイアウトでしたがスマホなどの表示に適さないものもあり、画面サイズによりデザインを変更する場合もあります。またSEO的にもあまり良くありません。

サイト例
HAPISTA

ページ内の構成要素を、グリッド（格子状）に配置するレイアウトです。
スマホなど多くのユーザーにも対応しやすく、サイト管理も簡単です。
グリッドレイアウトにはいくつかの種類があるので合わせてご紹介します。

リキッド・レイアウト同様、コンテンツの幅を％で相対的に指定するのに加えて、最大幅と最小幅も指定します。
そうすることにより、表示崩れを防ぐ効果があります。

サイト例
株式会社ジェイ・シー・エス

画面サイズによってコンテンツ幅が可変するのは、リキッド・レイアウトと同じですが、
スマホ表示ではコンテンツの一部を消すことや、PC表示ではなかったコンテンツを表示するなどを行えることがメリットです。
画面サイズに適した調整が行えるので様々なデバイスに対応することができ、メジャーなレイアウトのひとつとなっています。

画面サイズを100％となるよう構成されていて、コンテンツの幅を％で相対的に指定して表示させます。

グリッドに沿って配置されたコンテンツを画面サイズによって、コンテンツを配置し直すレイアウトのことです。
どの画面サイズでも適切なサイズで表示されます。
最近ではMasonryのような可変グリッド・レイアウトが実装できるプラグインも多くあります。
デメリットとしてはスマホ表示ではページが長くなりがちです。

カラムとは、元々文章やデータの長さを表す単位のことで、webデザインでは、縦方向のブロックをカラムと言います。

インパクトや訴求力が強いのでランディングページやキャンペーンページなどには１カラムがよく使われていたり、
ブログなどカテゴリが多いサイトでは、２カラムでサイドバーを追加するなどで使われることが多いです。
いくつかのカラムを混在させたマルチカラム・レイアウトというのもあります。
リキッド・レイアウトと併用してデザインされることが多く、ポータルサイトなどで多く採用されています。

サイト例
FOOD&COMPANY

レイアウトだけでも多くの種類があり複数のレイアウトを組み合わせたり、
デザインのトレンドや流行りの動きを取り入れることで目的や用途に合った使い分けをしていきましょう！