9/20 学科 ECサイトデザイン基礎②【オンライン】
本日のテーマ
今後のバナー制作に向けて情報収集をしましょう。
制作の制限時間を意識しましょう。コツは「手間」「無駄」「無理」をしない
まずは1時間で1つ作れるように
ワンポイントアドバイスまずは、模写をして徹底的に真似をしましょう。そのバナーの制作者が、意図していていた技術・技能・表現などを、Photoshopのソフトでどのようにすれば再現できる考えながら作成してみましょう。これまでの「文字の見やすさ」と「レイアウト」「文字」「配色」をしっかりと意識して真似をしてみましょう。
・余白
作品の周り、各項目の周り、枠の中身
・グループ化
近接、整列、反復
・アクセント(上記が出来ている前提)
コントラスト、ジャンプ率、アイキャッチ
文字デザイン
可読性、視認性、判読性
最後に配色
1.CMYK(印刷物)とRGB(Web)では色数が大きく異なります。
2.色の3属性は「陰影」として表現するのか「柄」として表現するのかをしっかりと見極めたうえで使い分けましょう。
3.グラデーションの使い方は十分に気を付けましょう。安易なグラデーションは違和感でしかありません。配色にも意味がある事をしっかりと意識してみましょう。
CMYKとRGB
色の3属性 HSB
トーン(色調)
グラデーション
色の3属性を意識して、「陰影」なのか「柄」なのかをしっかり使い分けましょう。
レイヤースタイルを変更するとバナーの文字っぽくできる
描写モード
バナーの模写練習

