MENUCLOSE
twitter ツイッターfeedlyRSS

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

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

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

公開日:2017年07月25日
最終更新日:2022年01月17日
オンスタ運営
デザイン
Webデザイン
ホーム > 全記事一覧 > お知らせ > シンプルなデザインについて考えてみる
このエントリーをはてなブックマークに追加
シンプルなデザインについて考えてみる
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

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

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

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

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

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

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

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

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

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



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

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

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


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

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


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

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

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


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

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

さいごに

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


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


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
Webデザイン
オンライン学習
プログラミング
マークアップ
公開日: 2019年06月20日
最終更新日: 2022年01月17日
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
  • # cocoda!
  • # pickup
  • # Schoo
  • # TECHACADEMY
  • # Udemy
  • # オンライン学習
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【.htaccess】WordPressでも馴染みの深い.htaccess。その概要とよく使うTips5選
WordPress
システム
テクノロジー
デザイン
公開日: 2020年06月29日
最終更新日: 2022年01月17日
【.htaccess】WordPressでも馴染みの深い.htaccess。その概要とよく使うTips5選
  • # .htaccess
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザインはコンテンツで決まる!
デザイナー
デザイン
公開日: 2018年03月15日
最終更新日: 2018年03月15日
デザインはコンテンツで決まる!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ホームページを「おしゃれ」に!エフェクトを導入する方法<ホームページ制作初心者向け>
Webデザイン
テクノロジー
ホームぺージ更新
マークアップ
設計
公開日: 2018年02月16日
最終更新日: 2018年02月16日
ホームページを「おしゃれ」に!エフェクトを導入する方法<ホームページ制作初心者向け>
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
展示会・イベントの装飾を作成したい企業の方必見!装飾の種類とオススメな制作会社をご紹介!
デザイン
公開日: 2018年02月15日
最終更新日: 2018年02月15日
展示会・イベントの装飾を作成したい企業の方必見!装飾の種類とオススメな制作会社をご紹介!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザイナーが成長するには(デザイナーがキャリアアップするための道のり-其の2)
デザイナー
デザイン
公開日: 2017年01月16日
最終更新日: 2022年01月17日
デザイナーが成長するには(デザイナーがキャリアアップするための道のり-其の2)
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
Webデザイン
プログラミング
公開日: 2017年07月17日
最終更新日: 2022年01月17日
【JSプラグイン】スクロール連動型アニメーション!jQuery不要のJSプラグイン「AOS」!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ロゴマークの基礎知識 その②
デザイン
ロゴ制作
公開日: 2017年08月23日
最終更新日: 2017年08月23日
ロゴマークの基礎知識 その②
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【新人デザイナー】初心者向けWebデザイン勉強法
デザイン
公開日: 2021年09月14日
最終更新日: 2021年09月14日
【新人デザイナー】初心者向けWebデザイン勉強法
m.takai

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
Webデザイン
オンライン学習
デザイナー
制作
公開日: 2019年11月12日
最終更新日: 2022年01月17日
webデザイン参考まとめ!webデザイン学習に役立つサイト4選(国内外問わず)
  • # webデザイン参考
  • # 国内外問わず
オンスタ運営
全記事一覧

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

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

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

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