LPトレース
OVERVIEW
SHE likes MULTI CREATOR COURSEの課題で、「空育(JAL企業サイト)」のLPトレースに 取り組みました。 トレース・スタイルシート作成・PCサイトとスマホサイトのレイアウト分析まで行いました。
----------------------------------------------------------------------------------
使用ツール: Photoshop
制作時間 :15h
制作内容 :LPトレース・スタイルシート作成・レイアウト分析
目的 :LPトレースを通して、配色やフォント、余白の使い方における規則性を学ぶ
----------------------------------------------------------------------------------
>制作物
トレース
スタイルシート
PCサイトとスマホサイトのレイアウト分析
>POINT
1.白をベースとして黒・グレーで色の差異をつけ、一企業として安心感のある印象を
持たせています。
2.PCサイトと異なり、スマホサイトは横幅が狭くスクロールの手間を減らすために、
見やすくする工夫をする必要があります。
3.余白やフォントサイズについては規則性があり、全体的に見て統一感があります。
>課題を通して学んだこと
LPにおいて、配色・フォント・余白を全体的に見て統一感を持たせることが大事だと
わかりました。
相手に伝わりやすいデザインを作るために、見た目のデザインだけでなく、
スクロールしやすいポイントを作ることの大切さも学びました。
また、見出しと本文のサイズやあしらいの方法、画像の配置の仕方やボタンの設置など
見やすさが散りばめられていることがわかりました。