【実践課題】WEBサイトトレース

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、WEBサイトトレースに取組みました。 また、「スタイルガイド」と「PC・スマホのレイアウト比較」についても資料にまとめました。

YEAR 2024

①制作時間・使用ツール

・制作期間:2週間

・制作時間:スタイルガイド(8時間)

      WEBサイトトレース(10時間)

      PC・スマホ比較(6時間)

・使用ツール:Photoshop

②スタイルガイド

③WEBサイトトレース

④PC・スマホ比較

⑤頑張ったポイント

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

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

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

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

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