【スクール課題】デザインカンプトレース

OVERVIEW

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

YEAR 2025



【目次】

①課題要件

②情報設計

③PCとSPの違いについて

④制作を終えて学んだこと

①課題要件

【サイトのトレース】

【スタイルガイドとタイポグラフィーの作成】

【PCとSPの表示の違いを明確にする】

②情報設計③PCとSPの違いについて

④制作を終えて学んだこと

初めて検証ツールを使い、フォントサイズや余白サイズを調べました。

スタイルガイドやタイポグラフィーを作成したことにより、スムーズにトレースする事が出来ました。

PCとSPの違いについても、デバイスにとって一番読みやすい表示にすることで、離脱率を防げることも学びました。