イケてるデザインをつくる第一歩

株式会社エレファンキューブ 支倉常明

はじめに

2

前提「デザイナー」ではないけれど、業務としてよくデザインをつくっている立場の経験則で書いています。

この資料でいう「デザイン」は、「見栄えをつくること」と、あえて狭義にとらえています。（本来の「デザイン」ってそうじゃないよ！というご指摘ごもっともです。）

この資料の「イケてる」は、「かっこいい」「かわいい」など「よい」イメージを表すのにこの言葉を使っています。

3

対象となる方これからデザインを学ぼうという方

デザインをする必要があるけど、どうもうまくいかない方

デザインを学んだけれど、どうも思ったとおりのデザインができないという方

Web・出版・服飾など、どんなジャンルの「デザイン」でも参考になるはずですが、資料内の例は、Webデザインっぽいイメージで書いている部分が多いです。（自分はWeb屋ではありませんが）

4

なぜこの資料をつくったか自分が当然と思ってやっていたことが、意外と他の人がやっていないのかも？と気付いたので。

デザイン関連の書籍などを読むと、いきなり「配色」「レイアウト」など知識から入ってきます。それは非常に重要なのだけど、それを学ぶ前にやってみることがあるんじゃないか！？というのがこの資料の内容です。

5

デザインの知識ゼロでも問題なし。（むしろないほうが先入観がなくてよいかも）

「デザインをつくりたい（つくらなきゃ）」という動機があれば問題なし。

さぁ、本題へ

6

イケてるデザインをつくる５ステップ＋１

7

ステップ０自分にセンスがあるか？

8

ステップ０：自分にセンスがあるか？「自分にデザインセンスがあるか？」これ、超重要。

センスがあるとは？

自分が「イケてる」と思うものと、他の人が「イケてる」と思うものが一致している

センスがないとは？

自分が「イケてる」と思うものと、他の人が「イケてる」と思うものがズレている

9

ステップ０：自分にセンスがあるか？なるべく多くの人と意見交換をして「自分にセンスがあるか」を見極める

「センスがある」なら、あとは自分の感覚を信じる

「センスがない」なら、デザインは諦める・・・それでもデザインをする必要があるなら、徹底的に自分の感覚には頼らないでデザインをつくり、必ず「センスがある人」に見てもらう。

10

ステップ１大量にデザインを見る

11

ステップ１：大量にデザインをみる WebデザインをするならWebサイトを、出版物の紙面デザインをするなら書籍を、服飾デザインをするなら服のカタログや実店舗を、とにかく、今、世に出ている先人がつくったデザインを１つでも多く大量にみてみる。

その中で「イケてる」と思ったものを、どんどんピックアップしていく。「自分にセンスがない」なら、ピックアップは他人に頼む or ピックアップされている媒体（例えば、イケてるデザインのWebをあつめたサイト）をみる。

12

ステップ１：大量にデザインをみる「イケてる」ものをピックアップしたら、その中で「自分がつくりたいもの」と一番イメージが合っていそうなもの、あるいは、単純に「一番イケてる」と思うものを１つ選ぶ。

「センスがない」人は、ここも「センスがある」人に頼ること。面倒なので以後「センスがない」人の注釈は省略します。

13

ステップ２真似てつくってみる

14

ステップ２：真似てつくってみるステップ１で１つ選んだ「イケてるデザイン」を完全に真似てデザインをつくってみる。Webのようにデザイン＋中身（コンテンツ）があるものであれば、中身だけは自分のつくりたいものに差し替えてつくる。

ポイントとしては、デザイン面（色とかレイアウトとか）には手を加えずに完全に真似てつくること。

15

ステップ３見比べる

16

ステップ３：見比べる ステップ１で１つ選んだ「イケてるデザイン（以後、元デザイン）」とステップ２で「真似してつくったデザイン（以後、真似デザイン）」を見比べてみる。

「真似デザイン」が「元デザイン」と同じくらい「イケてる」ものができればOK。次のステップは飛ばす。

ただ、ほとんどの場合は「真似デザイン」は、なにか違和感があり「元デザイン」には勝てない。違和感があったら次のステップへ。

17

ステップ４違いを見つけて改善

18

ステップ４：違いをみつけて改善 ステップ３で違和感があったなら、「元デザイン」と「真似デザイン」を細かく・細かく・細かく・・・見比べて違いをみつける。

大事なことなのでもう一度「細かく見比べる」ことがポイント。

色が違う・余白が違う・文字サイズが違う、など…違和感を感じるということは、何かが違うのでそれを見つける。見つけたら同じになるように改善する。

改善したら、ステップ３に戻ってもう一度見比べる。まだ違和感があるなら、もう一度細かく見比べて改善する。これを違和感がなくなるまで（つまり、「元デザイン」とおなじくらい「イケてる！」となるまで）繰り返す。

19

ステップ５最後に、独自性をだす

20

ステップ５：最後に、独自性をだす ステップ４までで「イケてる真似デザイン」ができたら、ここでやっと独自性をだしてオリジナルデザインにする。このとき、ステップ４の状態は残しておくこと。

例えば、色を変えてみる、レイアウトを変えてみるなど、少しずつ変えてみる。

変えたら、ステップ３・４でやったのと同じように見比べてみる。変えたことによって「なんかイケてない」状態になってしまったら、どこを変えたらおかしくなったのかを見極めて、その変更を適用するかしないか決めていく。

21

以上。これだけ。

22

ポイントおさらい自分にデザインセンスがあるか見極めること

まずは、そのまま真似すること

違和感があるなら、細かく見比べて違いをみつけること

23

さいごに この資料の方法でデザインをつくってみる過程で、どこがどう変わると違和感がうまれるか＝デザインにおいてどこに気を付けるべきか、がわかってきます。

この資料の方法でデザインをつくってみた上で、デザインの基礎知識や業界なりのデザインセオリーなどを学ぶと、一気に腑に落ちます。

この方法は、デザインだけでなく他にも応用できると思いますよ～。

24

@tsunet111

facebook.com/tsuneaki.hasekura

25