見出し画像

無料添削デザインスクール #368「カフェの名刺とサイト」

イライジャ｜WEBデザイナー　デザイン添削おじさん

添削

カフェの名刺とサイトですね。
シンプルなモダンな感じですね。

■名前

「名刺」なので、表だけで完結するようにお店の名前は入れた方がいいです。

■QRコードの大きさ

QRコードは確実に読み込める推奨サイズが3cmくらいで、頑張れば1cmでもいけるけど、読み込めない可能性が高いので、意外と大きくしないとダメなものです。

入れる情報が多い時は、裏面に詳細のリンクとかを貼ることもあります。

名刺は情報整理が全てなので、デザインも大切ですが事務的に見やすい整理が大切です。

■文字だけでもデザインをする

ワードプレスのテンプレートに文字を打ったようなデザインになってしまっているので、メインビジュアルだけでもデザインをしてあげたいです。

情報も足りないようなので、このくらいの情報はほしいですね。
並びとしては、普通の自己紹介と一緒です。

「来週が誕生日です！」

ここから始まる自己紹介はかなり異例ですよね。

「拙者ハルと申す」
「この度、快晴の地に店を出すこととなった」
「駅前である」
「10月6日に開店でござる！来たれよ！」

お侍ですが、普通ですよね。

あとは、文字をどう組むか次第です。
ここから先はどんなお店なのかなどの情報がないと作れないところです。

ここは自由度がかなり高いので、どんなお店なのかを決めて作らないとふり幅が大きすぎて作るのも大変になります。

■原寸

文字サイズなどが原寸で確認していないように見えます。
実際のWebサイトにしてみると文字も大きすぎるので、実際に作る原寸でデザインも作るようにしてください。

原寸で作るとこんなサイズ感ですかね。
背景もベタ一色なので単調な感じがしますね。

渋めにしたり、やり方は色々です。

背景に画像を入れてしずる感出してみたり。

そもそもの見せ方を変えてみたり。
色々あるので、どれがしっくりくるかを試してみてください。

■基本

フッターがぐちゃぐちゃなので、参考サイトなどを見て基本的な作りを真似して作ってみてください。

全部逆になっていますね。
ロゴは左。
センターにそろえたりとサイトによってバラバラですが、ある程度法則性はあります。

フッターの区切りに使っていた線の丸ぽっちもよく分からないので消しました。
意味のないデザインというのはないので、何かあるのかと困惑させるデザインや統一感のない突然登場するデザインは避けた方がいいです。

参考サイトなどを見ずに作った感があるので、とにかく参考サイト、参考デザインをたくさん見て、それらのいいところを取り入れて作ってみてください。

デザイン添削のご依頼はTwitterから！

Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。


いいなと思ったら応援しよう！