いいデザインには共通点があった!2色の法則と情報整理のコツ

優れているデザインとはなんなのか?

6ec5cef1e162724c9a4cedc3767e4230_s

久々に技術的な記事ですね。昔から良いデザインに共通していると言えば色をほとんど使わないということです。これはデザインだけではなく、写真にも言える事です。わかりやすく写真に例えてみるとわかりやすいですよね。

gp-img01b
出典:第49回Canonフォトコンテストグランプリ作品

gp-img02b
出典:第49回Canonフォトコンテスト準グランプリ

free-img09b
出典:第46回Canonフォトコンテスト入賞作品

色の数がほとんどない事がわかります。このように写真もそうですが、伝えたい事をストレートに表現するためには色の数を制限することにより、その場において何に焦点を合わせるかというのがポイントになります。例えばこのデザインでユーザーに実行してほしい事は「ボタンを押させる事」と定義した場合、ボタンの色は統一し、ボタンを押させるためのキーワードを配置します。
この時に写真なども配置する事があると思いますが、あまり主張しすぎないようにするのがポイントです。あくまでも副産物としての扱いにしてください。

デザイナーは情報を整理する事

デザインはレイアウトするのではなく情報を整理しターゲットが欲しているキーワードや目的を整理する事が一番のデザインとなのかもしれませんね。このような根本があるからこそ、レイアウトに信憑性が増し見ている人にその想いが届くのかもしれません。

本質を理解すること

しかし、レイアウトや色ばかりコダワリ本質を忘れているデザイナーも少なくないでしょうね。僕もその一人かもしれません。よく「カッコイイデザイン」にしてほしいとよく言われますが、カッコイイデザインを作って売り上げが上がれば苦労しません。(例外はありますけど)
僕の持論ですが、デザインは誰の悩みを解決するのか?という事が一番大切なんじゃないでしょうか。誰かの助けになるからこそ、デザインに価値が生まれそこに利益が発生するのではないでしょうか。自分勝手なデザインをして本質を忘れた時が一番危険なデザインで、価値のない産物が出来てしまうのかもしれません。

色を制限し(できれば2色がベスト)、デザインの目的をしっかり決める

それではまとめとして、デザインする上で重要な事は「色を制限する」「目的を決める」の2つです。この2つを定義する事により少なくともデザインの説明をするのに十分な説明が可能でしょう。本当はまだまだ沢山ありますが、良いデザインは「良かった」「助かった」「知らなかった」と感情が湧きだす事が一番良い事なのかもしれません。

以上いいデザインには共通点があった!2色の法則と情報整理のコツでした。気に入ってくれたらシェアしてね!

2016/08/30 | デザイン

関連記事

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

document_img01

15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 ま...

記事を読む

design_skill

今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても...

記事を読む

新着記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

410cb567eef6283065274df2547a2b9a_s
Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイトの効

smartphoneIMGL0018_TP_V
UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て

PASONAZ160306470I9A2122_TP_V
ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイト

skitched-20180814-223313
今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テク

6935b31778bafbaa90cbd4cc223ae54e_m
見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑