LPトレース(レイアウト・構造理解)

OVERVIEW

SHElikes PROデザイナーの課題で、WEBサイトトレースに取組みました。(実施内容:WEBサイトトレース/スタイルガイド作成/PCとスマホのレイアウト比較の資料作成・制作期間:2週間・使用ツール:Photoshop)

YEAR 2024

① スタイルガイド

② WEBサイトトレース

③ PC・スマホ比較

④ 頑張ったポイント

・スタイルガイド、PCとスマホの比較では、気づいたことを追記し、デザイン基本原則にも注意しながら、見やすいレポートになるよう作成を行いました。

・トレースでは、画像を実際にダウンロードし、画像にも影をつけるなど、細かいところまで見本に近づけることを重視して作成を行いました。

⑤ 制作を通して学んだこと

・スタイルガイドを作成することで、Webサイトでの配色やフォント、余白にはただデザインするだけではなく、一定のルールがある事を学ぶことができました。

・PC・スマホ比較では、画像や文字の大きさを変える等、デバイス毎に見やすくなるようなビジュアルデザインが施されていることを学ぶことができました。