<課題>LPトレース
OVERVIEW
SHElikes MULTI CREATOR PROJECTの課題としてWEBページ(PC)トレースを作成。デザインガイドラインの作成と、PCとSPでのデザイン・レイアウトの違いを理由とともに分析を行いました。
制 作 期 間 :6日(平日2時間、休日6時間)
制 作 範 囲 :スタイルガイド作成、トレース作業、分析資料作成
使用ツール:Photoshop
◆トレースしたLP
引用元:https://www.a-tm.co.jp/
◆デザインスタイルガイド
◆PCとSPでのレイアウトが異なる部分の分析
◆工夫したポイント
・写真やバナーの表示サイズなども細かく調整しました。
・ニュース上の赤線などラインで表示している部分の配置や、角も四角になるように気を付けました。
・フォントの太さが設定なしや数字設定だったため、一つずつ目視で調整しました。
◆今回の課題を通して学んだこと
・フォントや色の統一度合いでページ全体のイメージも変わってくると感じたこと。
・PC版とSP版では情報や表示方法の違いなど操作のしやすさなども考慮し、細かく工夫されている変更されていると感じたこと。