【課題】LPトレース
OVERVIEW
SHElikes MULTI CREATOR COURSEの課題にて、LPをトレースし、PCとスマホサイズで異なる点の分析をまとめました。 【制作期間】約15時間 【使用ツール】Photoshop
LPトレース
スタイルガイド
PCとスマホでレイアウトが異なる箇所の分析
工夫したポイント
見本に近づけるため、見本を下に敷いてフォントサイズ、コンテンツのサイズや角度等細かく調整を行ったり、検証ツールを使用し数値を確認しながらトレースを行いました。
今回の課題で学んだこと
◼︎色・タイポグラフィ・余白について
LPは、色・タイポグラフィ・余白に規則性があり、構成されているということです。
スタイルガイドを作成する前は、使用する色の数が多く感じていましたが、実際には基準となる色をもとに濃淡を調整することで、さまざまな表現が生み出されていることに気づきました。
また、それによりLPの世界観の統一に繋がっているということを学びました。
◼︎PCとスマホのレイアウトの違い
単に小さくするだけではなく、スマホ用のレイアウトにしたり調整を行うことの大切さを学びました。PCよりもスマホで閲覧される可能性が高いため、画面サイズが小さくなるスマホだからこそ、見やすさを意識したレイアウトにしたいと思います。