制作ツール：Photoshop
制作時間：30時間
◾️デザイントレースしたLP
トレース元LP
SHE WORKS：https://sheworks.shelikes.jp/
◾️スタイルガイド
◾️スマホとPCでのレイアウトの違い
◾️頑張ったポイント
今回頑張ったポイントは色と文字のトレースです。色はグラデーションや透明度を指示しているものが多く含まれていたため、理解するまでに時間がかかりましたが、検証ツールに基づいたトレースができたのではないかと思っています。また図形の影の表現など細部にまでこだわってトレースしたことがポイントです。
◾️課題を通して学んだこと
今回のWebページトレースでは、特にWebサイトの色の使用方法についてとても学びがありました。多くの色を使用している印象を受けましたが、検証ツールを使用してよく確認してみると、同じ色を使用し、透明度を変更することで違う色にみせている部分がわかりました。コーディングのカラー指示は、カラーコードのみだと思っていましたが、透明度の指定方法が分かるようになりました。