【実践課題】Webページトレース
OVERVIEW
SHElikes MULTI CREATOR COURSEにて、Webページのトレースと分析に取り組みました。Webデザインの基礎を学び、スタイルガイドと、PCとスマホの画面の違いについて分析したものを資料にまとめました。(制作期間:1週間 / 使用ツール:Photoshop)
目次
1 Webページトレース
2 スタイルガイド
3 PC画面とスマホ画面の分析
4 学んだこと
1 Webページトレース

2 スタイルガイド

3 PC画面とスマホ画面の分析

4 学んだこと
■Webサイトの作り
・上部ではこのサイトはどういったサイトなのか、何の会社なのかを抽象的に説明し、下部では具体的な内容となっていました。
・早期離脱を回避するために、興味→内容理解の仕組みづくりができていて、そこにはフォントのサイズや、イラストの使い方や写真の配置など、様々な工夫がされていました。
■検証ツールの使い方
・使用されているフォントの種類やフォントの大きさ、余白の大きさなど、検証ツールの使用方法を学びました。
