【課題】LPトレース
OVERVIEW
WEBスクールの課題にて、LPをトレースし、PCとスマホサイズで異なる点の分析をまとめました。 【制作期間】約15時間 【使用ツール】Photoshop
LPトレース
スタイルガイド
PCとスマホでレイアウトが異なる箇所の分析
頑張ったポイント
文字間や各要素の余白を意識し、見本を下に敷いてフォントサイズ・コンテンツサイズ・角度などを細かく調整
検証ツールを使用し、数値を確認しながら正確にトレース
学び
色合いの統一やベースカラーの選定でサイトの雰囲気を壊さず文章を配置できる
フォントサイズ・ウェイト・余白を効果的に使い分けることで、情報の分かりやすさを向上できる