パクリはいけないけど、、、参考にさせてください!(><
引用 - http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/
今後のチェック項目として使いたい
基本原則
- グルーピングして近づけるものは近づけ、離すものは離す – 視覚的な情報の組織化
- まずは揃える – 揃えてレイアウトの基礎のルール作りをする
- ルールは繰り返す – 繰り返すことでより一層ルールが明白になる
- コントラスト – 主役はきっちり目立たせる。優先順位がはっきりする
レイアウトの基本
- 要素と要素は視覚的につながっている – ひとつ要素を置くから、次の要素が置けるようになる
- 視覚的なつながりを繰り返してルールを明確にする – 2つより 3つ、3つより 4つ
- ルールを破ってリズムを作る – 退屈な印象を壊して変化、メリハリを作ることも大事
イメージに合わせたレイアウト
ホワイトスペース
- ばらばらの余白はまとめてみる – 余白を使って何を目立たせるかが重要!
- 余白によって生まれる流れを考慮 – コントラストをつけて優先順位をはっきりさせないと混乱する