LPトレース

OVERVIEW

SHE likes MULTI CREATOR COURSEの課題で、「空育(JAL企業サイト)」のLPトレースに 取り組みました。 トレース・スタイルシート作成・PCサイトとスマホサイトのレイアウト分析まで行いました。

YEAR 2022

----------------------------------------------------------------------------------

使用ツール: Photoshop

制作時間 :15h

制作内容 :LPトレース・スタイルシート作成・レイアウト分析

目的   :LPトレースを通して、配色やフォント、余白の使い方における規則性を学ぶ

----------------------------------------------------------------------------------

>制作物

トレース


スタイルシート


PCサイトとスマホサイトのレイアウト分析

>POINT

1.白をベースとして黒・グレーで色の差異をつけ、一企業として安心感のある印象を

持たせています。

2.PCサイトと異なり、スマホサイトは横幅が狭くスクロールの手間を減らすために、

見やすくする工夫をする必要があります。

3.余白やフォントサイズについては規則性があり、全体的に見て統一感があります。


>課題を通して学んだこと

LPにおいて、配色・フォント・余白を全体的に見て統一感を持たせることが大事だと

わかりました。

相手に伝わりやすいデザインを作るために、見た目のデザインだけでなく、

スクロールしやすいポイントを作ることの大切さも学びました。


また、見出しと本文のサイズやあしらいの方法、画像の配置の仕方やボタンの設置など

見やすさが散りばめられていることがわかりました。