LPトレース
OVERVIEW
SHElikes MULTI CREATOR COURSEの課題でWEBサイトトレースを行いました。(制作時間:約10時間、制作期間:3日間)
=もくじ=========
① 制作物
② 分析内容
③ 工夫した点・学び
=============
① 制作物
トレース対象:B/43
② 分析内容
■デザインガイドライン
■PCとスマホでレイアウトが異なる点
③工夫した点・学び
■工夫した点
ただなぞり書きするようにトレースするのではなく、WEBサイトにおけるフォントサイズや余白の感覚を掴めるよう、フォントサイズ、余白を意識しながらトレースをしました。フォントについては、あらかじめ各見出しや説明文のフォントサイズを調べてまとめておき、それを元にトレースしました。余白については、スペーサーを用いながらトレースしました。
■制作を通して学んだこと
ー 検証ツールの使い方
WEBサイトの余白やフォントの種類、サイズの調べ方を学びました。
ー 余白
WEBサイトがある程度の規則性を持って余白が取られていることを学びました。
ー フォントのサイズ感
最も小さい説明文のフォントサイズで16px程度であることを学びました。