LPトレース/分析

OVERVIEW

既存のLPのトレースを行い、レスポンシブ対応のデザインの違いについてまとめました。 |制 作 物 : ① 既存のWEBページトレース② スタイルシート③ PCとスマホのレイアウトの違い分析シート |制作期間:2週間 |使用ソフト:Photoshop

YEAR 2023

 |目次

 1. 制作物

 2. 工夫した点

 3. 学んだこと



1. 制作物

2. 工夫した点

以下、それぞれの制作時に工夫した点を挙げました。

トレースは細部の設定まで見落とさないこと、分析シートは情報量が多いため読み手に負荷がかからないようにわかりやすくまとめることを目標にしました。


3. 学んだこと

● PCは画面が横長なので、視線を左から右に誘導させる配置が目立ち、スマホでは縦

 長の画面なので上から下へ視線が流れるようなレイアウトになっていると気づいた。

● 余白間は、大枠は規則性があるが、今回題材にしたLPはあえて規則性を持たせていな

  い部分があった。高明度の配色や丸みのあるフォントの使用から、子供にも楽しく読

 んでもらいたい意図の感じられるLPだったため、あえて崩すことで最後まで飽きるこ

 となく読み進めることができるのかもしれないと感じた。