MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
シンプルなデザインについて考えてみる

シンプルなデザインについて考えてみる

公開日:2017年07月25日
最終更新日:2019年05月28日
オンスタ運営
デザイン
Webデザイン
ホーム > 全記事一覧 > 制作 > デザイナー > デザイン > シンプルなデザインについて考えてみる

こんにちは!デザイナーのさとおです。
デザイナーとして業務に携わる中で、「今回のデザインはシンプルな感じで」というオーダーをいただく機会も多くあります。
以前そのような要望をいただいた際、要望に忠実にデザインしたつもりでしたが、「ちょっとシンプルすぎるなー」と指摘されたことをきっかけに気になったことを今日は少し考えてみようと思います。

そもそも、”シンプルなデザインってなんだろう?”

  • 一般的なもの?凝らないこと?
  • 整頓されてるもの?
  • 色数の少ない感じ?むしろモノクロ?
  • スッキリした感じ?スタイリッシュ?
  • 飾り気のない感じ?無地?

改めて考えてみると中々一言では言い表せないほどいろいろな解釈ができてしまうということもあり、請け負ったデザイナーからすれば「シンプル」だけでは情報不足です。

シンプルってなんとなくいい感じに聞こえてしまう万能の言葉ですが、その正体はすごく広くて曖昧なものなのです。

まずはシンプルという言葉を使うにあたり、意味の範囲を狭めるためにもっと深く突き詰めてみましょう。

最近のウェブデザインの傾向=シンプル

フラットデザインや、弊社も得意としているレスポンシブウェブデザインなど、最近のウェブデザイン自体がシンプル傾向にあり、装飾をなくし写真・画像とテキストをレイアウトするというものも増えてきています。

シンプル=イメージではない



日本カラーデザイン研究所が出している言語イメージスケールには、「シンプル」という言葉は存在しません。
確かにこの中にあるイメージの方向性に対して、「シンプル」という言葉はどこにでも当てはめることができます。

デザインにおけるシンプルとは

ここまでで、写真・画像とテキストだけでレイアウトすることでもイメージの事でもないことをご紹介しました。


そもそもシンプルを直訳してみると、「単純、簡単な,やさしい、基本的な、~するのに簡単な」といった感じです。

つまりこれをデザインに置き換えててみると、「理解しやすいように簡単にすること」


シンプルというのは、ただ単に単純ということではなく複雑な構造をいかにわかりやすくするかということであり、デザインの主張を抑えていかにコンテンツを引き立たせるかというところにあると思います。

シンプルなデザインのメリット

Simple is Best!という言葉があるとおり、シンプルということはそれだけで素晴らしいこと!という考え方もありますよね。
そんなシンプルをなぜ好むのか、どんなメリットがあるのでしょうか。


シンプルは、
分かりやすく、使いやすく、廃れにくいため、多くの人に受け入れられる傾向にあります。
また、整頓された構造の美しさから、同時に心地よさも感じさせてくれる効果もあります。
つまり、目的を達成させやすいというところにあります。

クライアントの想いや個性を最大限に出そうと凝った装飾をあれもこれもとモリモリにするのではなく、何を訴求したいのかをしっかりと考え、本当に必要な情報だけを吟味し絞り込んだデザインにすることで高いユーザビリティにもつながると思います。
コンテンツファーストと言われている今、シンプルなフラットデザインが主流になっている理由もここにあります。

さいごに

このように、伝えたいテーマをできるだけ絞ってデザインすることが、シンプルなデザインを行う上で非常に大事になってきます。
ですが、一歩間違えると手抜きなデザインに見えてしまうこともあるシンプルなデザイン。
いかに
安っぽくなく、かつシンプルで意味のあるデザインを制作するかということは、今後もデザイナーにとっての課題だと感じています…‼︎
また、クライアントとの言葉の解釈を統一させるためにも、今回ご紹介した言語イメージスケールのようなツールを使ってみるのも良いのではないでしょうか。


以上、現場のさとおでしたー!

関連コンテンツ

グリットデザインを使いこなそう!
Webデザイン
デザイン
公開日: 2018年08月10日
最終更新日: 2019年05月28日
グリットデザインを使いこなそう!
オンスタ運営
制作現場で使えるバナー制作のワークフロー
デザイン
公開日: 2017年02月16日
最終更新日: 2019年05月28日
制作現場で使えるバナー制作のワークフロー
オンスタ運営
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
デザイン
マークアップ
公開日: 2019年03月30日
最終更新日: 2019年09月02日
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
オンスタ運営
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
Webデザイン
オンライン学習
プログラミング
マークアップ
公開日: 2019年06月20日
最終更新日: 2019年09月05日
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
  • # cocoda!
  • # pickup
  • # Schoo
  • # TECHACADEMY
  • # Udemy
  • # オンライン学習
オンスタ運営
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
Webデザイン
デザイン
公開日: 2016年12月08日
最終更新日: 2019年05月28日
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
オンスタ運営
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
Webデザイン
プログラミング
公開日: 2017年07月17日
最終更新日: 2019年05月28日
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
オンスタ運営
なんか物足りない…デザインにひと工夫!簡単テクニック10選
Webデザイン
デザイン
公開日: 2019年01月25日
最終更新日: 2019年05月28日
なんか物足りない…デザインにひと工夫!簡単テクニック10選
オンスタ運営
WEB用に使われる画像形式の基礎と特徴
Webデザイン
マークアップ
公開日: 2019年04月19日
最終更新日: 2019年06月15日
WEB用に使われる画像形式の基礎と特徴
オンスタ運営
よく使われるA4パンフレットの折り加工の種類
デザイン
パンフレット
公開日: 2018年08月02日
最終更新日: 2019年05月28日
よく使われるA4パンフレットの折り加工の種類
オンスタ運営
Webデザイナー、DTPデザイナーが取れる資格まとめ
デザイン
公開日: 2019年03月30日
最終更新日: 2019年06月21日
Webデザイナー、DTPデザイナーが取れる資格まとめ
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。