【課題】LPトレースと分析

【 制作期間 】２週間
【 使用ツール 】Photoshop

【 スタイルガイド 】

【 レスポンシブデザイン分析シート 】

①目的

Webページをトレースして分析することで、デザインルールを把握し、またデバイスによるレイアウトの変化を明確にする。

②工夫した点

シャドウの色違いやテキストの太さなど、ソースコードを確認しながら厳密にトレースしました。

スタイルガイドはコーディングをすることを考慮して、カラーの不透明度など細かいところまでまとめました。

レスポンシブ分析シートは、画面サイズによってどういう調整がされているのか、対比して分かるように、シートの見せ方にも工夫しました。