所要時間:約12時間
制作ツール:Photoshop
トレースしたデザイン :株式会社Luup サービス情報サイト(https://luup.sc/)
■トレースしたもの
■スタイルガイド
■PCサイトとスマホサイトとの比較
■課題を通して学んだこと
・検証ツールについて少し慣れることができた。
・PCとスマホ表示でのレイアウト変更に工夫があり、参考になった。
・ブランドカラーの取り入れ方が参考になった。
■頑張ったポイント
・検証ツールで色やフォント余白などを隅々まで見るように気を付けた。
・比較では「縦積み」「ボタンの大きさ」「その他」で線の色を分け、わかりやすいように工夫した。
■課題の感想
検証ツールを使用しながら分析し、規則性を考察することが難しかった。また、スタイルシートへ載せる空白を選ぶ作業が大変だった。
検証ツールでどのように作られているかを見ることができるため、今後は色々なHPを考察し、実際に制作する際の参考にしたいと思った。