WEBページトレース

制作時間：約2時間

使用ツール：Photoshop

○トレースしたWEBページ

株式会社エイチームさんのWEBページをトレースさせていただきました。

○スタイルガイド

○PCとSPのレイアウト比較

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

・ディベロッパーツールの使い方

　選択した要素にどのようなCSSが当てられているのかを確認することができる

・Webデザインにおける余白や要素のサイズ

　余白や要素のサイズによく8の倍数がつかわれている

　適当に余白を考えるのではなくこのようにルールを設けて余白を考えることが大切

・PCとSPのレイアウト変化

　閲覧するデバイスのサイズにより見え方が異なるため、考慮してデザインをすることが　　

　重要