【バナー模写】#7〜レイヤー効果を重ね付け〜
こんにちは、kuruです。
WEBデザインを学ぶ一環として、バナー模写をしております。
後ほど見返して転げ回るのを楽しみに、頑張りたいと思います。
見本
制作物
制作について
制作時間:1時間
目的:ツールの使い方や、デザインを学ぶため。
印象:初学者でも簡単、親しみやすい。
印象の要因:
手書き風文字をキャッチコピーに使用して、親しみやすさを出している。
カラフルな枠線で囲うことで、スクールの硬いイメージをポップなイメージに緩和している。
ターゲット:学生&ママ世代。これから学習を始めようとしている初学者。
気づき:
シンプルにまとめて、とっつきやすさを表現している。
ターゲットをしっかり文字で書くことで、伝わりやすさ100%。
クリックしやすいようにボタンを作っている。
感想(今後の課題):
枠線も再現できたらよかったかなと思いました。次は挑戦してみようと思います。
使用した画像の関係で、文字に境界線と光彩をつけて可読性を上げました(上がってるはず…)。
ボタン部分は、輪郭とグラデーションでできました。レイヤー効果を重ね合わせるの楽しい…。けど難しい…。
まとめ
今回は、ボタンの作り方や枠線、境界線の付け方などを学べました。
レイヤー効果の重ね付けは、センスが問われそうです…。知識を付けてカバーしていきたいと思います。
引き続き、ツール操作マスター目指して頑張ります!