2024.07.11WebDesign【遭難するか避難できるか】Webデザイン前のコンセプト確認【自己防衛】Creative21Webデザインのコンセプトって何だろう?そもそもなんでコンセプトが必要なのだろうか?これからWebデザイナーとして活動していきたいので、コンセプトの考え方やコンセプトをどうやってデザインに活かしていくのかを知りたいです。いった疑問に答えるよ!Naoyaやぁ!みんな!元気?デザイナーの@Naoyaです。目次コンセプトって何?何故コンセプトが必要なのか?デザイナーが確認しておくべきコンセプト目的地を決めて確実にゴールしようスポンサーリンクコンセプトって何?コンセプトとは、制作を行う際に目的を決め、そのプロジェクトの基本となるルールのことです。コンセプトの具体例10代の男の子に向けたカードゲーム20代の女性に向けた小顔効果が高いノーズシャドウ40代の男性に向けた自宅でできるフィットネス商品プロジェクトによってこの様にコンセプトがあり、その目的を果たすためにプロジェクトに関わるメンバーは業務を遂行します。Naoyaなんかスパイみたいでかっこいい!何故コンセプトが必要なのか?結論、制作物を売るためです。いうと商品やサービスを売るにはターゲットを明確にする必要があるからです。このターゲットをマーケティング用語でペルソナとも言います。順番に見て行こう!子育てで時間が取れない主婦ターゲットに応じてサービスを考えてみる子育ての時間をより楽にする便利グッツ子育てをしながら自宅でも勉強ができる学習サービス「子育てで時間が取れない主婦」がターゲットの場合は上記のようなサービスが考えられます。子育てをしながら勉強すると思うと大変だと思います。隙間時間に自分のペースで学べる授業があったらきっと助かりますよね。「疲れを癒したいサラリーマン」がターゲットの場合は上記のようなサービスが考えられます。お昼休みにちょっとしたリラックスが出来たら最高ですよね。午後の仕事のモチベーションにもなりますよね。転職を検討している社会人ターゲットに応じてサービスを考えてみる仕事帰りに学べるスクール転職先を紹介してくれるエージェント「転職を検討している社会人」がターゲットの場合は上記のようなサービスが考えられます。仕事をしながら全く違う畑に転職しようと思うと学習の仕方に迷いますよね。そんな時に仕事帰りに学べるスクールがあったら、助かりますよね。この様にターゲットに応じて商品やサービスが作られています。繰り返しになりますがコンセプトが必要な理由は商品やサービスを売るためです。デザイナーが確認しておくべきコンセプト続いて具体的にデザイナーがデザインを行う上で、確認しておくべき要素です。制作/改修の目的の確認を行ないます。いうとそもそも目的が分からないと何を誰に向けて作ったらいいのか分からないからです。ターゲット層ターゲット層の確認を行ないます。いうとターゲット層に応じて作るデザインが全く異なるからです。同じ商品でターゲット層による違いを確認してみるこちらは「ASTALIFTさん」の化粧品です。ナノの赤の美容成分「ナノアスタキサンチン」や「ナノリコピン」を配合しており、ナノの力でしっかり浸透させる、キレイになりたい全ての女性がターゲットです。こちらは「NULLさん」の化粧水です。こちらの商品は髭剃り後の肌荒れや乾燥肌に悩んでいる男性がターゲットです。この様に同じ商品でもターゲットに応じてデザインが全く異なります。同じ化粧水でも男性向けか女性向けかで全然デザインが違うの面白いですよね。繰り返しになりますが、ターゲット確認を行います。フォントの指定フォントの指定があるかどうかの確認を行います。いうと、企業のブランディングの関係で、使用して良いフォントが決まっている場合があるからです。繰り返しになりますが、フォントの指定があるかどうかの確認を行います。デザインテイストデザインテイストも確認する必要があります。デザインテイストとは、デザインの雰囲気です。同じコンセプトでもデザインのテイストによって全くデザインが異なるからです。かわいいデザインテイストを考えてみるガーリーなデザインポップなデザイン例えばかわいいという括りの中にも、ガーリーやポップなどのデザインテイストがあります。ガーリーなデザインガーリーとは子供っぽいや、女の子らしいという意味です。ポップなデザインポップとはコントラストがはっきりしている、はじける、ごちゃ混ぜなどの意味があります。この様にかわいいという括りを一つ考えてみても無数のデザインテイストがあります。繰り返しになりますが、デザインテイストも確認する必要があります。配色の指定を確認します。ディレクターのイメージやクライアントのイメージが明確な時があるからです。子供向けの商品→明るくてポップな色を使いたい高級感のある商品→黒をメインで使いたい上記のとおり。この様にイメージが明確な時があるので、あらかじめ認識がずれない様に確認を行います。要望がある場合は下記の三つのカラーの確認もしておくとより安心です。繰り返しになりますが、配色の指定があるかどうかの確認を行います。Naoya美容院で髪を染める流れと一緒!参考画像デザインを作成する前に参考画像を集めます。ディレクターやクライアントとの方向性にズレがないかの確認ができるからです。体験談:プロはいきなり手は動かさない。自分が勤めていた制作会社では、ほとんどのデザインで一発OKを出す先輩神デザイナーが複数いました。先輩神デザイナーに共通していたことは、デザインを作る前に参考画像などをディレクターに共有することでした。Naoya美容師の方に雑誌や画像を初めに見せればイメージがずれないのと同じ!体験談:参考画像収集において「Pinterest」は神ツール参考画像を集める際には「Pinterest」というWeb上の画像をストックできる無料サービスを利用するのがおすすめです。業界では有名なツールでデザイナーは使い倒しています。カテゴリを自分で分けられたり、作ったカテゴリーを共有することも可能です。最後にその他の確認です。上記以外の項目でも部分的な指定や要望はちらほら出てくるからです。Naoyaやっぱり前髪にはこだわりたい。目的地を決めて確実にゴールしよう制作前のコンセプト確認は自分を守る意味でもとても重要です。認識を示し合わせることで、デザイナーもディレクターもクライアントも皆、仕事を円滑に進めることが出来るからです。ぶっちゃけここがぶれると一生仕事が終わらないという負のスパイラルに突入するので気をつけましょう。一生懸命デザインしているのに、いつまでもOKが出ないのって正直しんどいですよ。Naoya深夜の会社でキーボード音が鳴り響く、、、。笑コンセプト確認を簡単に要約してみるみんなで目的地を決めて確実に辿りつこういきなり手を動かすということは目的地を決めずに自ら遭難するようなものです。自分は遭難しまくって、終電や土日出社を繰り返してもはや会社に住んでました。Naoyaみんなは遭難しないでね!もしも遭難したら下記の記事を参考にしてみると良いです。【今日も終電ですか?】やばい、何も浮かばない。デザインヘルプ!デザインのアイデアが浮かばない。デザインが浮かばなくて手が止まってしまっている。納期が迫っていてとにかくなんとかしないとやばい。いった疑問に答えます。...自分のコピペ用の為にもデザイナーが手を動かす前に確認するべきことをまとめておきます。参考画像その他メールアドレスが公開されることはありません。2020.10.22WebDesignCreative21NexOut【無料あり】Webデザイナー向け転職エージェント【建設的な関係を】2020.09.26WebDesignCreative21NexOut【初心者必見!バナーデザインの作り方】参考のデザインを集めてイメージを固めろ。【10の基本でコツを掴め】2019.07.26WebDesignCreative21NexOut【初心者必見!バナーデザインの作り方】Webデザインは説明すると上手くなる。【10の基本でコツを掴め】2019.02.02WebDesignCreative21NexOut【初心者必見!バナーデザインの作り方】Webデザインはチェックしてもらうと上手くなる。NexOut記事URLをコピーしました。