Webデザインを独学で始める最初の課題
としてバナー模写を挙げているチャネルが
多いので以下にまとめてみた。
【バナー模写 参考手順】
1.サイズを確認してキャンバス作成。
2.バナーの要素を分解。
3.文字情報から配置。
4.文字情報の優先度を調整する。
5.文字以外の要素を配置、調整する。
6.フォントや全体の色や装飾の調整。
※1~2時間程度での完了を目指す。
【要素分解として】
①文字情報
②写真・イラスト・アイコンなど
③その他の装飾
・デザイン要素のグルーピングを意識する。
・フォントや色はなんでもOK。
・「何を伝えたいのか?」を考える。
・素材探しは、時間をかけ過ぎないでOK。
・なぜこのフォントが選ばれているのか?
(フォントの特徴を学ぶ)
・なぜこの配色なのか?
(カラーコードを並べて配色パターンを学ぶ)
※要素の優先度を考えるクセが身に付く。
という事でそろそろバナー模写を始めてみよう。
としてバナー模写を挙げているチャネルが
多いので以下にまとめてみた。
【バナー模写 参考手順】
1.サイズを確認してキャンバス作成。
2.バナーの要素を分解。
3.文字情報から配置。
4.文字情報の優先度を調整する。
5.文字以外の要素を配置、調整する。
6.フォントや全体の色や装飾の調整。
※1~2時間程度での完了を目指す。
【要素分解として】
①文字情報
②写真・イラスト・アイコンなど
③その他の装飾
・デザイン要素のグルーピングを意識する。
・フォントや色はなんでもOK。
・「何を伝えたいのか?」を考える。
・素材探しは、時間をかけ過ぎないでOK。
・なぜこのフォントが選ばれているのか?
(フォントの特徴を学ぶ)
・なぜこの配色なのか?
(カラーコードを並べて配色パターンを学ぶ)
※要素の優先度を考えるクセが身に付く。
という事でそろそろバナー模写を始めてみよう。