<課題>LPトレース

OVERVIEW

SHElikes MULTI CREATOR PROJECTの課題としてWEBページ(PC)トレースを作成。デザインガイドラインの作成と、PCとSPでのデザイン・レイアウトの違いを理由とともに分析を行いました。

YEAR 2022

 制 作 期 間 :6日(平日2時間、休日6時間) 

 制 作 範 囲 :スタイルガイド作成、トレース作業、分析資料作成 

 使用ツール:Photoshop


◆トレースしたLP

引用元:https://www.a-tm.co.jp/

◆デザインスタイルガイド

◆PCとSPでのレイアウトが異なる部分の分析

◆工夫したポイント

・写真やバナーの表示サイズなども細かく調整しました。

・ニュース上の赤線などラインで表示している部分の配置や、角も四角になるように気を付けました。

・フォントの太さが設定なしや数字設定だったため、一つずつ目視で調整しました。

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

・フォントや色の統一度合いでページ全体のイメージも変わってくると感じたこと。

・PC版とSP版では情報や表示方法の違いなど操作のしやすさなども考慮し、細かく工夫されている変更されていると感じたこと。