【課題】LPトレース

OVERVIEW

実案件を想定したデザイン短期集中型プログラム【SHElikes PRO デザイナーコース】の課題でLPトレースに取り組みました。 (2025年11月)

YEAR 2025

【目次】

  • 使用ツール
  • 制作時間
  • 制作物
  • 工夫したこと
  • 学んだこと

【使用ツール、制作時間】

◼️使用ツール:Photoshop

◼️制作時間:2週間

【制作物】

◼️サイトトレース

◼️スタイルガイド

◼️レスポンシブ比較

【工夫したこと】

サイト制作にあたり、どのような工夫がされているのかを知るために検証ツールを細かく確認しました。どんな意図があって色・余白・フォントサイズを使用しているのかを考えながら、忠実にトレースすることを意識しました。

【学んだこと】

普段何気なくいろんなサイトを見て素敵なデザインだなと思うことはありましたが、ルールの中でデザインされているということを初めて認識しました。特に余白については、最初は検証ツール下部の図を見て書き出していたのですが、その図には意図的に設定されているわけではない余白も表示されているためコードに何が書かれているのか確認すると良いと知り、コードを確認することの大切さを学びました。