レイアウト・グリッドデザイン

レイアウト・グリッドデザイン

規則性を保ちつねに整列させるとデザイン性が高まるらしい。グリッドレイアウトと呼ばれる基本的なデザイン法だ。

グリッドレイアウトで調べるとwebデザインのジャンルとしてひとつあるようだ。私のような素人にはわかりやすいデザインだが、実際やろうとすると、ただグリッドに置くだけではないので難しいものもある。

こないだwebサイトを制作した時にクライアントから大きな画像をもらえなかった為に小さな画像を組み合わせて一つの画像を作ろうと考えたがレイアウトでかなり迷った経験をした。そのためwebサイトを巡回し見本を探し、たどり着いたのがグリッドデザインだ。無作為に画像を組み合わせた時は違和感を感じたがある程度規則性を保ち組み合わせるとそれなりに見栄えの良いものが出来上がる。多分このレイアウト方法は一生付き合うこととなるだろう。

ただ規則性を保つことばかり考えていると面白みにかけ淡白な印象もうける。ここも使い分けなんだろう。

たまたま今日はグリッドレイアウトの勉強をした、CSSのポジションだけでレイアウトする練習だ。こんな感じで出来上がった。

簡閲者は常にウェブページで自分の欲しい情報を引き出そうとしている。それをわかりやすく、見やすくするための配慮が常に必要だ。細かい配慮の連続がレイアウトのコツのようだ。