LPトレース/LP Trace
OVERVIEW
SHElikes MULTI CREATOR COURSEの一環でLPトレース課題に取り組みました。 バナートレース・バナー制作の課題で学んだPhotoshopの基本操作を応用することや、デザインの引き出しを増やすことを意識しながら取り組みました。
【トレースしたLP】
【スタイルガイド】
【PC版とSP版レイアウトの違い】
【色・タイポグラフィについての気づき】
●フォントは使用している色の種類は少ないが、情報の優先度がわかりやすい使い方をしている。落ち着いた色が多いが、アクセントカラーの使い方が工夫されていて、締まりに欠けることなくバランスが取れている。
●余白は基本的に5の倍数で設定されていて、上手に使い分けられているためまとまりのある仕上がりになっている。
【頑張った・工夫したポイント】
●なるべくズレなどがないように、何度も見本と見比べながら画像などの位置を調整しました。ページ下部「お問い合わせ」の背景はよく見るとグラデーションになっていることが発覚し、なるべく再現できるようグラデーションを調整しました。
●スタイルガイドとPC/SP版の違いをまとめた資料は、トレースしたLPの世界観を取り入れたかったため、フォントや配色を統一してみました。
【課題を通して学んだこと】
●Photoshopの基本操作に慣れることができたと感じました。バナートレースやバナー制作時よりもボリュームが多いこともありますが、見本のレイアウトを再現するためにいろんな操作方法を調べたたため、とても勉強になりました。前回の課題でも学んだトンマナや余白間についてもより意識するようになり、デザインの引き出しが少し増えたように感じました。