9/20 学科 ECサイトデザイン基礎②【オンライン】

本日のテーマ

今後のバナー制作に向けて情報収集をしましょう。

まずは1時間で1つ作れるように

ワンポイントアドバイスまずは、模写をして徹底的に真似をしましょう。そのバナーの制作者が、意図していていた技術・技能・表現などを、Photoshopのソフトでどのようにすれば再現できる考えながら作成してみましょう。これまでの「文字の見やすさ」と「レイアウト」「文字」「配色」をしっかりと意識して真似をしてみましょう。

・余白
作品の周り、各項目の周り、枠の中身
・グループ化
近接、整列、反復
・アクセント(上記が出来ている前提)
コントラスト、ジャンプ率、アイキャッチ

文字デザイン
可読性、視認性、判読性

最後に配色
1.CMYK(印刷物)とRGB(Web)では色数が大きく異なります。
2.色の3属性は「陰影」として表現するのか「柄」として表現するのかをしっかりと見極めたうえで使い分けましょう。
3.グラデーションの使い方は十分に気を付けましょう。安易なグラデーションは違和感でしかありません。配色にも意味がある事をしっかりと意識してみましょう。


CMYKとRGB
色の3属性 HSB
トーン(色調)
グラデーション

色の3属性を意識して、「陰影」なのか「柄」なのかをしっかり使い分けましょう。

【初心者向け】バナー広告とは?他広告との違い、メリット、作成ポイントを徹底解説!

近年、多くの企業に活用されているWeb広告ですが、リスティング広告やSNS広告など、細かい種類はさまざま存在しています。 バナー広告も、現在注目を集めている広告の一種…

【初心者向け】バナー広告とは?他広告との違い、メリット、作成ポイントを徹底解説!

近年、多くの企業に活用されているWeb広告ですが、リスティング広告やSNS広告など、細かい種類はさまざま存在しています。 バナー広告も、現在注目を集めている広告の一種…


レイヤースタイルを変更するとバナーの文字っぽくできる
描写モード

バナーの模写練習

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です