こんにちは。
デザインチームのAです。
私はデザイン未経験で学校などでもデザインの勉強を
したことのない全くのデザイン素人だったので、
入社前にバナートレースを100個提出しました。
そのおかげで、
画像作成などにおいては
マシなものが作成できるようになりました。
（そのバナートレース100個のデータは
消えてしまいました…）
今回はトレース課題について書きます。
画像のトレース
データが消えてしまったので
画像を載せることができないのですが、
業務で使えそうな画像のトレースをして、
文字の配置
配色
余白の使い方
矩形の置き方
などを主に学びました。
あとは、
実際に業務で作成した画像を上司に見ていただいて
いただいた指摘箇所の修正をしていくうちに、
徐々に作成しているときにどこがダメか、
などが見えるようになってきました。
ですが、
まだまだデザインの引き出しが少ないので、
現在やっているWEBサイトのトレースで
引き出しを増やしていきたいです。
WEBサイトのトレース
WEBサイトのデザインが全然できていないので、
前々回の昇給のタイミングで、
「WEBサイトのトレースを週４枚提出する」を
条件に給料を上げていただいたんですね。
ですが、
週1～2枚ほどしか提出せず、
約束を破ってしまいました。
そのため、
12月22日までにサボっていた枚数分の
トレースを提出することを約束し、
今は毎日寝不足になりながら頑張っています。
最近のWEBサイトは
一見シンプルなデザインが多いですが、
実際にトレースをしてみると
意外と要素数が多かったり、
文字や質感が凝っていたりして
想定以上に時間がかかるものも多いです。
サイト集などに載っているデザインは、
プロがしっかり作ったものなんだなと
改めて実感します。
実際にトレースをしたもの
実際に私が行ったWEBサイトのトレースを載せます。
１）株式会社上月工芸社様のホームページ
https://kouzuki-kougeisha.co.jp/
ロゴが縦書きなのが印象的でした。
メニュー部分やキャッチコピーにも目が行くように
デザインされていると感じました。
２）株式会社垣本ハウス様のホームページ
https://kakimotohouse.co.jp/
左上の写真に青～ピンクのグラデーションがかかっているのがキレイです。
写真を目立たせすぎずに配置したいときに、
その写真自体にサイトで使用している色を被せる表現は時々見かけます。
「お問合せボタン」がピンク色でアクセントになっており、
ホームページの導線設計もしっかりされているなと感じました。
ブログ記事の文字数が足らないので、
最後にもう一つ紹介します。
３）3BL（スリービーライフ）様のホームページ
https://3bl.jp/
サイトを開いたときのアニメーションと、
ファーストビューの写真と文字が左右から出てくる
おしゃれな設計になっているのでぜひ見に行ってみてください。
これはデキテルのデザインの参考としてではなく、
個人的に好きなBULYさんの商品の写真が
すごく合いそうなサイトだったのでトレースをしました。
トレースで使用している写真は、
BULYさんのものになります。
https://www.buly1803.com/jp/
現在あるデキテルのデザインの中で、
メインイメージがこのサイトのように
複数枚配置されているデザインはないので、
今後このようなデザインがあってもいいなと思いました。
引き続きWEBサイトのトレースを頑張ります。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣
ここまで読んで下さり、ありがとうございました。
