ECサイト運用基礎①

バナー模写

模写の制限時間:1時間

コツは「手間」「無駄」「無理」

①レイアウトを考える
 「余白」「グループ化」「アクセント」を意識
②文字に注目
 「読みやすさ」を意識する
③最後に配色
 「読みやすさ」を維持しつつ「作品」の世界観を守れるか

レイアウトデザイン

〇余白、ホワイトスペースの意識
ポイント
①作品の周りに余白をとる
②各項目の周りにも余白をとる
③枠の中を窮屈にしない

〇配置した内容のグループ化
ポイント
①近接(Proximity)
②整列(Alignment)
③反復(Repegtition)

〇アクセント、脇役と主役の構成
ポイント
①コントラスト(contrast)
②ジャンプ率を変える
③アイキャッチを考える

文字デザインは「可読性」「視認性」「判読性」

参考サイト

※ロゴなどは「練習でお借りしました」と記載する

バナー広場 https://banner-hiroba.com/
バナーライブラリ https://design-library.jp/
レトロバナー https://retrobanner.net/
bannnner.com https://bannnner.com/

o-dan https://o-dan.net/ja/
ぱくたそ https://www.pakutaso.com/
food.foto https://food.foto.ne.jp/
Pexels https://www.pexels.com/ja-jp/