Web関連

これでパソコン用メガネも必要ない?目が疲れにくいWebデザインとは

0

突然ですが皆さん、クライミングというスポーツをご存知ですか?

”人工的に取り付けたボルトやハシゴなど、道具を使って登る「エイドクライミング」。
そして道具は使わず体ひとつで登ってしまう「フリークライミング」などがあり、ボルダリングは道具を使わず登る「フリークライミング」の一つです。 そしてその「フリークライミング」の中にはロープを使って高い岩や人工壁(でこぼこの突起物がつけられた壁)を登る「ロープクライミング」があり、ロープは使わずに、比較的低めな岩を登るスポーツを「ボルダリング」と言います。”

※上記参照…初心者のボルダリング入門・上達法

最近、注目され始めているので、みなさん知っているかもしれません。
実は私も趣味でやっているのですが、ダイエットにも筋力トレーニングにもなるので、運動不足の方にはおすすめです!

 

写真でも分かるように、カラフルな人工の石が特徴的ですよね。
カラフルで綺麗だなあって思う人もいれば、「ごちゃごちゃして目がチカチカする」そう思った人もいると思います。

一目見るだけでたくさんのイメージがつくほど「色」というのは大切なのです。

そこで今回は、色に纏わるお話をしたいと思います!

色の重要性

暖色・寒色・中間色・進出色・後退色・収縮色・膨張色…
言い出すときりがないほどたくさんの色の表し方がありますよね。

例えば、冷たい商品を売りにしているのに、全体的に真っ赤でオレンジの文字を使用していると、どう思いますか?
おそらく、ほとんどの方が、「暖かい色」という認識をされると思います。そうなってしまうと、最後。商品イメージは崩れ去っていきます…。

これは、暖色といって「赤・オレンジ・黄色」などの色で、人の感情を高揚させる効果があると言われています。

ちなみに僕は、赤にオレンジの文字をイメージするとカイロの袋を思い浮かべちゃいます…(笑)

bor_15081102.jpg

このように、色はイメージを伝えるのに欠かせないのです。

目が疲れる原因とは?

まずは、目が疲れる原因について考えましょう。

人間は、光の量を調節するために瞳孔を開いたり閉じたりします。
白:黒で提供された情報を人間が認識するためにはいちいち瞳孔を収縮し情報を得ているのです。

その収縮することが目の疲れに繋がってしまうのです。

しかし、瞳孔が開いた状態、閉じた状態、どちらかが良いというものではなく、自然状態が一番目に優しい状態なのです。

では、目に優しい色とは?

ご存知の方もいるかもしれませんが、目に優しい色とは「グレー」です。
彩度も低く、目がチカチカするといったこともありません。

ですが、目に優しい色だからといって、グレーをそのまま使ったデザインをするわけにもいかないですよね。

そんな時には、和色を使います!

パステルカラーよりも、落ち着いた感じの色で、ユーザーにストレスを感じさせることもなく、デザインをすることができます。
また、和色のほとんどが彩度が低く、目に優しい色となっているため、更新システムの画面など、日頃よく使用する画面デザインの配色におすすめです。

しかし、和色といってもたくさんありますので、デザインとコンセプトに合う色を選んでください。
間違っても、表現したいイメージの色と反対の色を選ばないように…。

ちなみに私が見ているサイトは、以下の3つです!

和色大辞典
色の名前
NIPPON COLORS

まとめ

いかがでしたでしょうか。
ただ単に、「かっこいいから」「かわいいから」「綺麗だから」という理由で、配色を決めてしまうとユーザーにとって、最悪の配色になってしまう可能性があります。

「この色を使えばこのように連想されるだろう」といった、第三者、ユーザーの目線で色を決めることも必要です。
逆を言えば、今回とは逆の色の選択をすればインパクトを与えることも可能なのです。

デザイナーの方は、是非いまいちど、配色について考えてみていただけるきっかけになればと思います!
webサイトを見るときに、この色と配置はどういう意味付けでデザインしているのだろうか、といった考えを持ちながら見るとおもしろいですよね!

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

Webデザイン

デザインガイドライン作成

レスポンシブWebデザイン

UI/UXデザイン

関連コラム

短時間でクオリティが上がる、Webデザインのテクニック

0

【Web制作会社が考える】いまでは良い思い出・・・ってい言いたいIE6前のページ

整理術を磨くと仕事だけでなくWeb制作の効率も上がる?!佐藤可士和から学ぶ仕事の取り組み方~第1回~次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. AIに求められているものは、実は意外な物だった
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    SEOが辿ってきた激動の歴史とは? ~SEO誕生から現在までの歴史

    突然ですが、みなさん歴史はお好きですか?私は学生時代は日本史が大好…

  2. Web関連

    ITやWebの力を1番借りたい業界は、観光業界かも?

    あらゆる業界でWebはもちろんのこと、ITの活用やIoTへの取り組…

  3. Web関連

    正しい言葉遣い、出来ていますか?

    社会人には、正しい言葉遣いの知識が必須です。同じ会社の先輩、上司に…

  4. Web関連

    【Web制作会社に聞いた】Webサイト売上げアップに使える”行動心理学” そ…

    さて、今回は「行動心理学」についてのコラムです。Webサイトを…

  5. Web関連

    部屋の片付け -どうしても後回しになっちゃう人へ-

    こんにちは。2015年こそ旅に出よう!と思っている情報デザイン部門の行…

  6. SEO関連

    「文字数が多いほうがSEOに有利」は本当なのか!?

    最近のGoogleの検索アルゴリズムは、以前よりも格段に進化しているた…

おすすめ記事

最近の記事

  1. 持つべきなのか?運転免許証+マイナンバーカード
  2. RPAから始める業務効の自動化 働き方改革への選択肢の一つに…
  3. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  4. 約1年間のウィズコロナ生活で大きく変わったもの
  5. スマートストアにより、小売業は激変する

アーカイブ

  1. Web関連

    どうなるVR競争?GoogleがVRゴーグル開発から撤退
  2. Web関連

    大手企業も導入しているAWSとは?
  3. Web関連

    【初心者向け】ここに注目!スマートフォン用バナーを作成しよう
  4. Web関連

    対岸の火事ではない!?被害拡大中のwebページ改ざんについて。
  5. Web関連

    コンバージョンを上げるABテストとは!?
PAGE TOP