【課題】LPトレース

OVERVIEW

WEBスクールの課題にて、LPをトレースし、PCとスマホサイズで異なる点の分析をまとめました。 【制作期間】約15時間 【使用ツール】Photoshop

LPトレース

スタイルガイド

PCとスマホでレイアウトが異なる箇所の分析


頑張ったポイント

  • 文字間や各要素の余白を意識し、見本を下に敷いてフォントサイズ・コンテンツサイズ・角度などを細かく調整

  • 検証ツールを使用し、数値を確認しながら正確にトレース

学び

  • 色合いの統一やベースカラーの選定でサイトの雰囲気を壊さず文章を配置できる

  • フォントサイズ・ウェイト・余白を効果的に使い分けることで、情報の分かりやすさを向上できる