ライフスタイルクリエイターズ

神田 翼 (管理人)のプロフィールはこちら

【参考デザイン】黄色・イエローをメインカラーにしたWEBサイト3選

スポンサーリンク

こんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。


黄色は、アクセントに使うだけでも、背景全面に使うだけでも、WEBサイト全体の印象がかなり変わります。黄色は「元気」や「明るい」イメージを与えることができるので、効果的に取り入れることができると良いデザインになりそうです。少し黄色の性質と効果をご紹介。

【黄色の性質】
膨張色、進出色、温暖色、興奮色、軽量色のイメージ効果を持っています。黄色は有彩色の中で一番明るい色です。光や太陽のイメージが浮かびます。見ているだけで心を弾ませ楽しい気分にさせてくれるのでコミュニケーションを円滑にしてくれます。知性を刺激し行動を活性化してくれます。昼夜問わず認識しやすいので注意の色として使われます。五感のなかで聴覚と関係が深いのは黄色です。黄色い声援という言葉があるように、明るい声やよく通る音のイメージは黄色に繋がります。

【黄色の心理効果】
集中力を発揮させる。判断力がUPする。記憶力を高める。注意をうながす。気分が明るくなる。

参照:黄色のイメージ | 色の性格・心理効果・色彩連想


今日は黄色の効果を上手く使ったWEBサイトを紹介します。

鞍知 on 鞍知 [クラッチオンクラッチ]


 http://www.cluch.jp/

クラッチオンクラッチは名古屋のグラフィック制作会社です。白い背景にアクセントで黄色が使われています。会社のロゴがシンプルに「黄色の丸」のみ。全体のデザインもシンプルですが、黄色が目を引きます。

子供たちの未来農園 | 茨城県つくば市で農薬不使用の野菜を作る農園


 http://miraifarm.com/

茨城県つくば市が誇るヒップホップ農家・子供たちの未来農園を運営している中村淳さんのサイトです。黄色の印象である「元気・明るい」というイメージにぴったりです。「ヒップホップ農家」という肩書もプラスして、本来の農家のイメージを払拭する明るい印象のデザインです。

スポンサーリンク

目の前のアイテムが、一瞬でキャッシュに変わるアプリ「CASH(キャッシュ)」


 https://cash.jp/

アプリを探す時は、スマートフォンのストアから探して見つけることが多いのですが、このアプリはSNSで見つけました。ファーストビューで、なんだこれ?とサイトをクリックしてしまいました。これだけ分かりやすいサイトだと、新しいサービスでもすぐにどんなものか理解できます。個人的には、このサイトの黄色が1番好きです。明るすぎない感じ。文字も読みやすいです。

最後に

黄色を使う時は、文字が読みづらくなっていないか?という点には気をつけないといけないですね。明るい黄色を使うと、逆に見づらくて、そのデザインが一際目立ってしまいます。また気になったサイトがあれば、追加していきます。

デザイナー/フリーランスパパ@神田翼
神田翼

フリーランスのWebデザイナーの神田 翼です。2児の父親です。父親でもガッツリ子育てがしたいという思いから、フリーランスとして働くことにしました。このブログではフリーランス・子育て・WordPress・ブログ運営のことを書いています。(プロフィール)

最新の記事一覧

月別表示

トップへ戻る