SUMMARY
用意されたテキストを使用し、各自で素材を集めカフェのWEBサイトを制作。デザインに沿ったロゴを作り、コーディングする。
POINT
- 01
余白
文字間や文字周りの余白を多めにとってる。渡されたテキストの情報量が多かったので、サイトの訪問者が文字量が多くて読みたくないなあと思わせないように、余白をあけて読みやすくしてる。余白で洗練されてスッキリ。
- 02
色
WEBサイトがカフェなので、コーヒーをイメージした薄い茶色を背景色に。アクセントカラーとして、フッターを紺色にしてる。また、重たい色は最上部ではなく、最下部にあることで安定する。文字は紺にして背景と馴染ませる。
- 03
素材
メニューの写真は全て切り抜き。切り抜くことで、無駄な情報を省き、抜け感もできるので洗練された印象に。素材といえど、サイトの顔になってくるので、カフェサイトの世界観に合うよう、画像を加工することを惜しまない。
COMMENT
カフェのWEBサイトのデザインとコーディングを制作しました。授業で学んでないハンバーガーメニューやスムーズスクロールやスライドショーにはなかなか苦戦しました。コピペだけでは動いてくれないので、自分の書いたコードとすり合わせながら作りました。コピペではなく、しっかりと理解した上で作れるよう勉強します。次は動画と組み合わせて作りたい。
schedule- 72h
- 2022.12.01～12.16
By Illustrator,Photshop