作り方から学ぶデザインの作り方こんにちは!webデザイナーのちづみです!今回はデザイン作成の基本ということで名刺を元にどのような流れでデザインを考えて行けばいいのかということを説明していきます。真似して学習の参考にしていただければと思います!デザインする目的を考える今回は名刺をつくるという仮の設定を元に進めていきます。何を作るときは、必ず何らかの「実現したいこと」が存在しています。「名刺を作りたい」にもその背景となる理由は必ずありまして、それを解決、達成するためにデザインという工程が入ります。デザインを作るにはまず、何のためなのかを洗い出すことは重要で、それがないとデザインが始まりません。目的・課題を達成、解決するため名刺を持っていなかったために困っていた問題があったとします。ねこ名前を覚えてもらえないにゃ〜ねこ連絡先の話になった時にパッと教えられないにゃ〜ねこそもそも名刺を持ってないと恥ずかしい思いをしたにゃ〜こんな感じがあげられると思います。この名刺を渡すことによって、どのような印象を持ってもらいたいのかも洗い出しましょう。ねこ女性らしく、信頼感のある印象が欲しいにゃ〜これにそってこのようなことが達成できるようにデザインを作っていきます。ここでしっかり軸を作っておくのはすごーーーーーく重要です。あととっても重要なのが、わかりやすいかどうかです。理想としては名刺を見た人全員がこの目的達成に対して得て欲しい印象や情報収集ができるのかということを考えなければなりません。そのわかりやすくを作るにはどうすればいいのかが次です。実現したいことがわかりやすく伝えられたのであればそれがいいデザインです。近接(Proximity)整列(Alignment)強弱(Contrast)反復(Repetition)ちょっと難しそうですが、やっていることはとてもシンプルです!また、この順番の通りに作るのがやりやすいと思います欲しい情報を載せてみる次に欲しい情報をおもむろに載せてみましょう。現時点では順番などは何でもいいです。こんな感じになりました!1近接まずはじめに近接を使って、近い情報、同じような情報のものをグループ化して近くに置いて見ましょう。この名刺でみると、名前と読みのローマ字が同じような情報、メール、電話、サイトが連絡先として同じようなカテゴリーになります。近接を使えば情報量は何も変わっていないのになんだか内容がまとまった感じがしますねまずは整列を使って直線上に並べてみます。これだけで綺麗になりましたね。次に揃えるということをします。当たり前かもですが、これもとても重要です。ポイントは見えない線や四角を浮かび上がらせることです。みて、浮かび上がらせましょう。次に、この情報の中で特に強調したい部分は何かを考え、目立たせたいものは強く、そうでないものは小さくします。強調させることを考える他に、一歩引く、小さくするものも考えると強調部分がより効果を発揮します。今回の場合はまず最初に名前を覚えてもらいたいはずです。名前部分を強くしてみます小さく引く部分です。連絡先部分を小さくしてみます。次に繰り返しの要素を入れていきます。同じような項目は繰り返しの要素を取り入れるとまとまりが生まれます。今回の場合はメール、電話、サイト部分の連絡先に反復要素を入れていきます。アイコンを入れて繰り返し要素を作りました!印象作りをするここまででそれっぽい名刺になってきました!最後にねこ女性らしく、信頼感のある印象が欲しいにゃ〜これを達成するために調整していきます。やり方は女性らしく、信頼感のあるデザインの名刺を探してエッセンスをもらうことです。ピンタレストなどはカラーもみつつ、「あ、これ女性らしいな」とか理想の印象のデザインをピックアップしましょう。フォントによっても印象が大きく変わりますね!色々まねしながら印象を試してみましょう!一例ですが、こんな感じの流れで作ってみるのがいいと思います!より実践的で充実したデザインスキルを学ぶならねこやっぱり転職とか独立に強いデザインスキルをもっとしっかり学びたいにゃちづみ実際、私がそうだったように未経験からデザイナーになるのは可能です!キャリアチェンジに強いデザインスキルをしっかり身につけるのであればスクールが一番です。本格的なデザインを学ぶのであれば、TECH::EXPERTのデザインクラスがおすすめです。カウンセリングは無料でできますので、ぜひ利用してみてください。手書きロゴ制作・イラスト制作承ります!RECOMMENDこちらの記事も人気です。@098ra0209会社員→小学校の先生→フリーランス国内外を旅しながらホームページ屋をやっている人です。現在は日本各地や東南アジアを転々としながら生活しています。ノマドの働き方や、フリーランスのあれこれについて発信しています。