バナー作成について学ぶ 4.24

今日はバナー作成時に気をつけるべきところ等を学びました。

前回のサムネイル作成よりも、ぱっと見たときのわかりやすさや印象が大事だと思います。

今日学んだ理論をもとに、バナー制作をすすめて行きたいです。

■バナー作成は制限時間を意識しよう

・バナー作成の目標時間は1時間

※企業面接の時にバナー制作1時間の技術テストがある場合もある。

※作成時間がかかると自分の作品に目が慣れてきてしまうためおすすめしない。

 →実際に見る人は1秒程度しか見ていない。

・「手間」「無駄」「無理」はしない

 →ソフトの得意不得意や不要な表現は取り除く

■バナー作成習得は模写から

1.最初はしっかりと「レイアウト」を考える
「余白」「グループ化」「アクセント」を意識

2.次に「文字」に注目
「読みやすさ」を徹底的に意識

3.最後に「配色」を見てみましょう。
「読みやすさ」を維持しつつ「作品の世界観」を守れているか

レイアウトデザイン

 ※面積の意識をしてみる

1.余白

・ 作品の周りに余白をとる

・各項目の周りにも余白を取る

・枠の中を窮屈にしない

2.配置した内容のグループ化

 ・近接

・整列

・反復

3. アクセント

・コントラスト

※右の見出しの方が強調されている

・ジャンプ率を変える

※思いっきりサイズを変えることを意識

  (例)スポーツ新聞は本文と比率の17倍

・アイキャッチを変える

■文字デザイン

・視認性、可読性、判読性を意識する

(参考)https://g102.deau-ag.com/portfolio/archives/1882

■配色

(参考)https://g102.deau-ag.com/portfolio/archives/1960

※赤は細かい違いに気付きやすい⇔緑は細かい違いに気付きにくい

(参考)模写について

■手順

・レイヤーパネルを右クリック>アートボードを新規作成>「+」でアートボードを増やす

・新しいアートボードにオリジナル画像をコピペ

・不透明度を下げる

■写真選びに関して

・視線の向きが同じ画像を探す

※視線もデザインの一つ。デザイナーが何か意図をもって行っている事をくみ取って模写する。

■模写するバナーの選ぶコツ

・水滴の表現など同じように再現するのは難しい

■バナー模写準備(https://design-library.jp)/

https://design-library.jp/23381

https://design-library.jp/23363

https://design-library.jp/15048

https://design-library.jp/23360

https://design-library.jp/16975

https://design-library.jp/19481