【制作概要】
人材マッチングサービス「SHE WORKS」のLPデザイントレースを行いました。
トレースをしながらPCとスマホの表示の違いを分析し、Google Chromeの検証ツールを用いてフォントの種類やサイズ、余白を調べスタイルガイドとしてまとめました。
使用ソフト：Photoshop
制作時間：15時間
【目的】
・ビジュアルデザインの感覚を掴む
・デバイスによるレイアウトの変化を学ぶ
【制作物】
●見本とトレース
●PCとスマホの表示の違い分析
●スタイルガイド
【制作を通して学んだこと】
・セクションごとに色を変えることで、区切りをわかりやすくできることを学びました。
・同じ色でも不透明度を変更して設定されているところが多く、色を新たに設定するよりも効率的なのではと感じました。
・レスポンシブ対応できるよう、画面サイズに応じて余白が変化する設定になっていることに気づくことができました。