LPトレース

■トレースしたLP

JALさんが実施する次世代育成プログラム空育®のLPをトレースしました。（実際のサイトはこちらです）

■デザインガイドライン

LPページトレースを行う際に、デザインガイドラインを作成しました。配色や文字、余白を調べることでトレースの精度を上げるために行いました。

■スマホとの比較分析まとめ

webサイトは、PCで見る場合とスマートフォンで見る場合レイアウトに違いが出てきます。その比較を行いました。

■工夫した点

このサイトは色数が少ないのですが、グレースケールをうまく使い情報を表現していました。今回のトレースではその情報表現の部分を学びたかったので、そちらを細かく見ながらトレースを行いました。

同時に、今まで学んできたデザインの４原則を再度意識しながら制作しました。

スタイルガイドなどでは、余白の大きさをPADDINとMARGINに分けて書き出すことで今後の課題に生かせるように工夫しました。

■今回の課題を通して学んだこと

今回の課題では、Webデザインにおける基本的なビジュアルデザインの感覚をつかみつつ、一定のルールに則ってデザインするということを学びました。また特有のデバイスによるレイアウトの変化を学ぶことができました。

これにより、インパクトがあるなと感じている箇所に対しての情報の入れ方の工夫を知ることができました。

また、スタイルガイドを作ったことで情報設計の段階に置いて繰り返しの余白などを決めておくことで視認性が上がることを学びました。

■向上したスキル

• LP制作における基本設計
• LP制作における情報設計