課題|LPトレース 『JAL 空育ってなに?』
SHElikes MULTI CREATOR COURSEの課題でWebページのトレースと分析を行いました。又、スタイルガイドの作成も合わせて行い、色の使い方やレイアウトの組み方も学びました。
|制作概要
制作期間:2週間
使用ソフト:Photoshop
制 作 物 :① トレースしたLP
② スタイルガイド
③ PCとSPでのレイアウトの違い分析まとめ
________________________________
|目次
1. トレースしたLP
2. スタイルガイド
3. PCとSPでのレイアウトの違い分析まとめ
4. 工夫した点
5. 課題を通して学んだこと
________________________________
1. トレースしたLP
今回、日本航空株式会社(JAL)様の『空育ってなに?』というLPをトレースしました。
________________________________
2. スタイルガイド
________________________________
3. PCとSPでのレイアウトの違い分析まとめ
________________________________
4. 工夫した点
▼スタイルガイド
今回トレースしたJAL様のLPは、シンプルながらにグレーを何種類も使いわけ、色を微妙に変えているので、色の分析には時間をかけました。スタイルガイド全体においては、余白間を合わせたり、見やすく綺麗に配置するよう工夫しました。
▼トレース
トレースではとにかくガイドを細かく引いたり、フォントも限りなく近いものに合わせたり、忠実に再現できるように意識しました。
________________________________
5. 課題を通して学んだこと
JAL様のLPは、パッと見てシンプルな印象を持ちましたが、スタイルガイドで実際に調べていくと、グレースケールで何色も絶妙に色を変えていて、細部まで考えて作り込まれていると感じました。
スマホ表示との違いも分析すると、PCとあまり変えてないように見えて、スマホの画面に合うようにセクションごとに色々な見せ方をしているなと、とても勉強になりました。