Designare cafe

ロゴの作成でお悩みですか？ 今は簡単に作れるサービスもありますが、それではやっぱり味気ない。 ちゃんとその会社の理念が込めてあったり、お店やサービスの雰囲気が伝わるデザインにしたいですよね。

自分でロゴをデザインしたいと思っても、いざ作ろうとすると悩んでしまう… 世の中には本やネットで調べればいくらでもサンプルを見ることができます。それでも悩むのは、作り方のルールを知らないからなのかもしれません。そこで今回は、悩まず作れるポイントをご紹介します。

ロゴデザインについては、以下の記事もオススメです。簡単に作るコツがわかっちゃいますよ！ 作り方のコツを伝授！実例で学ぶロゴデザイン

Step2 ベースとなる形は？

どんな雰囲気にするのか決まったら、次はベースとなる形を考えていきます。 ロゴにはいろんな形があるので、悩んでしまうのはここではないでしょうか？ でも迷わなくていいんです。形から連想される雰囲気があるので、それに合わせて選べはOK！ 代表的な形をあげてみましたので、以下を参考にしてみてください。

同じ四角や三角でも、向きや角度、角の丸み具合でも雰囲気は変わります。

Step3 モチーフは？

さて、形を選んだら次はモチーフを考えてみましょう。 モチーフは、直感的にイメージしやすく、シンプルな形のものが良いでしょう。 例えば、カフェならコーヒーカップ、お花屋さんなら花、住宅関係の会社なら家、塾なら文房具、動物病院なら動物のシルエットなど関係するモチーフを作ります。すぐに作れない場合は書き出しておくだけでも大丈夫です。

モチーフが思い浮かばないものもあるかもしれません。その場合は企業名やサービス名の頭文字を入れるのもひとつの手です。 例えば、「デジナーレカフェ」なら「D」、「鈴木工務店」なら「S」といった感じです。 一文字じゃなくても、英語ではなく漢字だってもちろんOK！ デザインされたフォントを使うこともできるので、イラストが苦手な人もこちらなら手軽に作れるのではないでしょうか。

Step4 組み合わせよう

素材が揃ってきたところで、先ほど選んだベースとなる形とモチーフを組み合わせます。 白抜きにしたり、線画にしたり、ベースとなる形に入れるだけでなく、組み合わせてもいいですね。 シンプルですが、これだけでロゴっぽくなってきます。

ここがセンスの見せ所です！円を複数重ねてずらしてみたり、四角を回転させてみたり、枠をつけたり、変形させたり…ここでいろんなパターンを出してみてください。 色をつけたいところですが、イメージが色に左右されてしまうので、まずはモノクロで考えるほうがまとまりやすいと思います。

Step5 色をつけよう

ある程度形がまとまったら、色を選びます。 色を選ぶポイントもベースとなる形を選んだときと同様、色にも色自身が持つイメージがあります。 以下を参考に意味のある色を選ぶと良いでしょう。

色を付けるときのポイント

１）　メリハリのある色を選ぶ

ロゴが使用される場所にもよりますが、メリハリのある色を選びましょう。 基本的には鮮やかな色が良いですね。 視認性の高い色は「赤」で、ロゴでは多く使用される色です。 鮮やかな黄色は単色で使用せず、濃い色と組み合わせると目立ちます。

２）　たくさんの色を使いすぎない

たくさんの色を使うほどバランスをとることが難しくなります。 また、色は印象を左右するため、チグハグな印象になってしまう可能性もあります。 色選びが苦手の人は、1色または、1色＋グレー系がオススメです。

３）　奥行きを持たせたいなら、グラデーションで色を付ける

色をつけたら、なんだかのっぺりして垢抜けない…という場合もあります。 そんな時には、グラデーションをかけてみましょう。 グラデーションの色は青～水色など、同系色にすると落ち着きます。 立体感や奥行き感も出てきますが、やりすぎると逆にやぼったくなってしまうので使いすぎに注意。

さて、今回は作り方とポイントを説明しました。 次回は、実際に例を挙げてこの作成方法になぞらえながら、作り方をご紹介したいと思います。

特集

・【フリー素材】手書き植物の素材セット

・【フリー素材】UIアイコンフリー素材

・【フリー素材】手書きふきだし素材スペシャル Ver.2

インタビュー

・イラストレーターを目指し活動中！～後編～

・イラストレーターを目指し活動中！～前編～

・Webデザイナー　斉藤 加奈子

テクニック

・水彩絵の具ブラシを作成する方法

・クリスマス素材の作り方 初級 後編

・アピアランスを使った手書き風イラストの描き方

書籍

・センスは知識から始まる

・レイアウト、基本の「き」

・なるほどデザイン 〈目で見て楽しむ新しいデザインの本。〉

セミナー

アワード

素材サイトリンク集

・.foto project

・DOTS・DESIGN

・Shutter stock images

求人サイトリンク集

・MOREWORKS

・Find Job!

・WORK CANVAS

用語サイトリンク集

・オシャレチップス

・Web Create Station

・WEB用語辞典