LPトレース

使用ツール：Photoshop

制作時間：24時間

目次

①トレースしたLP

②スタイルガイド

③PCとスマホのレイアウトの比較・分析

④頑張ったポイント

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

①トレースしたLP

空育（JAL）さまのLPをトレースしました。

②スタイルガイド

③PCとスマホのレイアウトの比較・分析

④頑張ったポイント

スタイルガイドと分析の余白設定。8の倍数を意識して、優先順位が同等の要素について
は、「近接」「整列」「反復」を意識して配置しました。

トレースは、再現性を高めるために、デベロッパーツールを細かく確認しながらすすめました。

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

デザインの4原則「近接」「整列」「反復」「コントラスト」を意識すると、統一感のあ
る読みやすいLPになることを学びました。また、グレーを何色も使用していたり、細かいフォントの使い分けや、セクションごとに余白にルールを設けることで、情報の優先度を整理することができ伝わりやすいLPになることがわかりました。今後自分でLPを作成する場合は、事前のワイヤーフレームや、情報設計を周到に行い、ユーザーに最後まで読んでもらえる作品づくりにこだわりたいです。