【スクール課題】デザインカンプトレース
OVERVIEW
SHElikesのスクール課題として、デザインカンプのトレースを行いました。 スタイルガイドやタイポグラフィーも作成しました。 使用ツール:photoshop 所要時間:40時間程度 製作期間:2週間

【目次】
①課題要件
②情報設計
③PCとSPの違いについて
④制作を終えて学んだこと
①課題要件
【サイトのトレース】
【スタイルガイドとタイポグラフィーの作成】
【PCとSPの表示の違いを明確にする】
②情報設計
③PCとSPの違いについて
④制作を終えて学んだこと
初めて検証ツールを使い、フォントサイズや余白サイズを調べました。
スタイルガイドやタイポグラフィーを作成したことにより、スムーズにトレースする事が出来ました。
PCとSPの違いについても、デバイスにとって一番読みやすい表示にすることで、離脱率を防げることも学びました。

③PCとSPの違いについて
④制作を終えて学んだこと