バナートレース

OVERVIEW

SHElikes MULTI CREATOR コースにて、既存のバナーをトレースし分析をしました。

YEAR 2023

使用ツール:illustrator

制作時間:180分


目次

①見本バナー

②トレースバナー

③バナートレース分析

④頑張ったポイント

⑤制作をとおして学んだこと


①見本バナー

ラクスルさまの「初夏のお試しキャンペーン」バナーをトレースしました。


②トレースバナー



③バナートレース分析


④頑張ったポイント

配色や文字組の分析を頑張りました。ベースカラーとアクセントカラーが補色に近い色を選定しており、情報に優先度が色でも表現されていることが分かりました。また、文字組については、デザインの4原則「近接」と「整列」が活かされていることに気が付きました。文字サイズや余白をそろえ、あしらいに統一感を持たせることで、情報量が多いグループであっても、視覚的に伝えたいことが正確に伝わるバナーになっていることが分かりました。

操作面では「雲」のあしらいや背景のパターンの作成を頑張りました。


⑤制作をとおして学んだこと

バナートレースは、Photoshopやillustratorの操作の練習だけに留まらず、分析することの面白さや、納得感を学びました。特にガイド線をつかって、トレースしてみるとお手本バナーは、細部まで整列されていていることがわかりました。デザインの4原則「近接」「整列」「反復」「コントラスト」がしっかりと盛り込まれており、あらためて原則を意識して作成されたバナーは見やすく、情報がしっかり整理されていることを実感しました。