授業解説
ビジュアルデザインの基本となる「4 原則」の説明と実際の Web サイトを紹介ながら使われ方を解説します。
また、デザイン力を上げるための Web サイトトレースの方法の演習。
前提知識・技術
- Photoshop のレイヤーパネル、マスキングなどの操作
- 文字ツールの扱い(エリア文字、ポイント文字)
授業目標
- 「近接」「整列」「反復」「対比」の 4 原則の使われ方を意識。
- デザイン力を上げるためのトレース方法を理解する。
授業資料
デザインの四原則
デザインには基本中の基本となる「四原則」があります。
Web デザインに限らず、提案資料やちょっとしたレポートを作る際にも、
この 4 つを知っているだけで格段にわかりやすくまとめることができる大変便利な法則です。
- 近接 Proximity
- 整列 Alignment
- 強弱 Contrast
- 反復 Repetition
この4つは単に「レイアウトのコツ」にとどまらず、見た目以外のデザインの役割、「思考・概念を組み立てる」という部分に密接に関係しています。
ノンデザ TV
20 年以上愛されているデザインの定番書「ノンデザイナーズ・デザインブック」のエッセンスを動画で解説
Web サイトトレース
時間まで、一緒に作業を進めていきます。
「デザイン力が UP する!Web サイトのトレースのやり方とポイント。 | Nozakichi.com」を参考にトレースをしていきます。
プラス、余白用の BOX を作成しています。BOX を作成することで、余白の数値を自分の中に取り入れていきます。
- Web サイト:resolver inc. / 株式会社リゾルバ|繋げるチカラで、解決する
- キャプチャ用機能拡張:Fireshot
- 素材:re-solver