【実践課題】課題③Webページトレース

OVERVIEW

架空のWebページをトレース、分析に取り組む課題です。 Webサイトにおける読みやすい文字サイズ、レイアウト組み、色使いやバナーサイズなどを観察を通して感覚を掴むよう努力しました。

【制作情報】

作成時期:2025年7月

制作時間:約3週間

使用ツール:Photoshop

【目次】

①制作物

▶︎スタイルガイド

▶︎Webページのトレース

▶︎PCとスマホでレイアウトが異なる箇所の分析

④課題を通して学んだこと


①制作物

▶︎スタイルガイド◀︎

▶︎Webページのトレース◀︎


▶︎PCとスマホでレイアウトが異なる箇所の分析◀︎

④課題を通して学んだこと

全体の配置や間隔に注目して課題に取り組みました。

同じ内容をとってもPC版とスマホ版だと画面サイズが大きく異なり、画面が小さくなることにより配置間隔が大切だと気付かされました。