Webデザインのセオリーを学ぼう

www.slideshare.net

 

・デザインとアートは違う

   デザインには目的と意図がある。
   アートは自己表現

 

・デザインセオリー

   レイアウト
   色
   フォント

 

・レイアウト

   デザインの4つの基本原則(ダブり内容)
   視線の流れ
   黄金比 … 1:1.618
   白銀比 … 1:1.414

 

・色

   (ダブり内容)

 

・フォント

  書体のもつ雰囲気を理解する。内容にふさわしい書体を選択する。
  文字の大きさ、コントラスト(文字の太さの比率)、ジャンプ率(本文のサイズに対する見出しのサ  イズの比率)、文字間、行間で雰囲気を演出する。
  ターゲットによって文字の大きさを考える。

  内容

    書体選びの重要性
    フォントファミリー
    コントラストの例
    ジャンプ率
    文字詰め、行間にも注意する
    文字の間隔を細かく調整

センスのいらない配色

www.slideshare.net

 ポイント

・色相:色み(赤・青・黄・緑など)

・明度:色の明るさ

・彩度:色の鮮やかさ

・トーン:明度・彩度の複合概念

・3色ベースで考える

   ベースカラー:70% …無彩色 or メインカラーの明度を上げた色

   メインカラー:25% …明度の低い色が扱いやすい

   アクセントカラー:5% …メインカラーの補色

・4色目以降は

   色相が同じでトーンが異なる色

   トーンが同じで色相が異なる色