架空カフェサイト虎威殿

ーカフェサイトをデザインしましたー

項目:デザイン

制作時間:3週間

使用ソフト:XD・Photoshop・Illustrator

制作の流れ

① デザインを考える前にデザイン計画書を作り、和風のイメージを考える
② デザイン計画書で色やフォントなど決まったら、実際にXDでデザインを考える
③ 発表

デザインの仕様書

虎威殿のサイト全体

・意識したこと

今回のテーマが和風のカフェサイトということで、和風を思い浮かべたときに私は屏風とあんこが思い浮かびました。なのでメインカラーを黄土色にし、アクセントカラーにあんこの色の紫を取り入れました。和風だからといって古くなりすぎても印象が良くないと思い、画像の形を丸などにし、和風さの中に新しさも感じれるように意識しました。一度このデザインを公表したときに、予約のボタンの形が楕円だったのですが、楕円はマークアップする際に難しいということを知り、角丸のボタンにしました。

・感想

架空のユーザーをもとに制作したのがこのカフェサイトが初めてでした。同じ条件でデザインをしても人によって捉え方などが違い、自分なりにくみ取ってデザインをする大変さや面白さが分かりました。また、今回ほとんどの画像を編集しました。主に明るさなどを調整しました。そうすることによって、明るい雰囲気を出せたり食べ物の場合は、より美味しそうに見せることができることを知り、画像にも手間を加えることが大切だと学びました。