デザイナーチーム課題内容(新しく入った方向け)
入社した方の課題について、デザイナーチームは以下2つをご用意しています。
1.デザインの4原則の書き出し
2.サイトトレース
以上の2つを、3サイト以上こなしていただければ、デザイナーチームでの面談が可能です。サイトは以下の4サイトからお選びください。余裕があれば、3サイトのみでなく、4サイト全て取り組んでいただいても結構です。
(1つのwebサイトでの4原則の書き出しとサイトトレースはどちらも取り組んで1サイト完了とみなします。片方のみの提出だと完了とみなされないので、ご注意ください。)
1.デザインの4原則の書き出し
まずは、こちらで選定したwebサイトをみて、デザインの4原則見つけて、書き出していただきます。
デザインの4原則については、取り組む前に、インターネット検索にて、どんなものなのか見ておくようにしてください。
まずは、以下のリンクから、Google Chromeの拡張機能をインストールしてください。
こちらの拡張機能で、webページ全体のスクリーンショットを撮ることができます。
スクリーンショットを撮ったのち、右上のボタンから、画像データ(png)をダウンロードします。

adobeXDを用いて、赤文字でデザインの4原則がある部分を書き出し、必要に応じて説明を書き加えてください。
↓実施例(これを参考にして作ってください。)
https://drive.google.com/file/d/1g4DYP8ZazfP3lIrKYU6R7b6sPD3BJPvG/view?usp=sharing
終わり次第PDFに書き出して、ファイル名を「(フルネーム)_(サイト名).pdf」(例:佐藤太郎_8lounge.pdf)に変更して以下のドライブにアップロードしてください。
https://drive.google.com/drive/folders/16DAv8Jn3doatrQDTFm1cMYCg_BZqPOhS?usp=sharing
2.サイトトレース
デザインの4原則の課題が終了したら、サイトトレースに取り組んでいただきます。adobeXDを用いて、webサイトをそのままそっくりに作る作業になります。
画像素材は以下のドライブに格納しているので、各自ダウンロードしてください。
https://drive.google.com/drive/folders/1TbSYrK3H4Qbv0_ySdo0E8xs-xM2k-40u?usp=sharing
サイトトレースに関しては、手順書を用意しているので、こちらを確認してください。
https://docs.google.com/document/d/1th4PV-qAMJ7VDWHp_gQggVgwsZ35BArH1cLB2G-9_S0/edit?usp=sharing
終わり次第、PDFで書き出して、「(フルネーム)_(サイト名).pdf」(例:佐藤太郎_8lounge.pdf)に名前を変更したのち、以下のドライブに提出してください。
https://drive.google.com/drive/folders/1ni3eZJ4soZd_k4s6hV-LqidVgbGEI6uo
提出したのち、以下のgoogleフォームで、氏名と課題をアップロードしたPDFのURLを提出してください。
https://docs.google.com/forms/d/e/1FAIpQLSeiJ0QXt7dzZ48CsLlsTuMZopOmlLrKSVib0C-Dd0DhtzTctA/viewform?usp=sf_link
3.サイトデザイン
上記二つの課題が完了いたしましたら、サイトデザインに取り組んでいただきます。
adobeXDを用いてサイト要件に従ってデザインを制作してください。
<制作例>
スイーツショップ.pdf
<サイト要件>
https://docs.google.com/document/d/1CCvb1Q-Xts5rxl_qblvjQs16b5-wqMFtmaMe2isetu4/edit
<画像素材>
https://drive.google.com/drive/folders/18b322DhfPDEt0hZKPMm6DQB71Gpqt2k8
終わり次第、PDFで書き出して、「(フルネーム)_(サイト名).pdf」(例:佐藤太郎_スイーツショップ.pdf)に名前を変更したのち、以下のドライブに提出してください。
https://drive.google.com/drive/folders/1YZM2gP3tRd3GNHW-Hf5gyUO4ElYYbAvW?usp=sharing
提出が終わりましたらslackの「team-入社」で報告をお願いします。