皆のもの。ご機嫌いかがかな?
まったりサムライでござる!
ネットで調べものをしていると様々なサイトを目にするが、
誰でもお気に入りのWEBサイトやブログは1つ位はあるであろう。
サイトは1記事読めば自分に合うサイトかそうでないサイトかおおよそ判断出来てしまう。
サイトの「記事(情報)」は、ユーザーの『お気に入り』になるか否か判断する基準となる最も重要な判断要素だ。(当たり前じゃ)
しかし、サイトを訪問したユーザーがそのサイトを気に入るかどうかは「記事」だけでは決まらぬ!
「記事」とは別に、人に強い印象を与える要素もある!
それは、「サイトデザイン」と「ユーザビリティーの高さ」じゃ!
「ユーザビリティーの高さ」は、求めている記事に即座にたどり着けるサイト構成や、レスポンシブデザインなどの“居心地の良さ”。
「サイトデザイン」はサイトの配色等の“視覚的な印象”になる。
今回は、「サイトデザイン」に関する「サイトの配色」についての記事になるぞ!
パッ!と見た時に人の目を引く美しい配色を集めてみた。
サイトのメインカラーの選定・サイトロゴカラーの選定などに是非役立ててほしい。
各カラーと相性が良い色見本と共にお届けじゃ!
心して読まれよ!
(といっても、色見本を見ていくだけのつまらない記事になってしまった感は否めないが…。)
目次
赤色系
(活動的・情熱的・衝動的なイメージ)
楽天の赤
#BF0000
rgb(191,0,0)
“赤”は購買意欲を高める効果もある。
拙者は「Amazon」派だが家内は「楽天」派だ。(取るに足らぬ小言じゃ!)
UNIQLO 赤
#EE0000
rgb(254,0,0)
先と同様、“赤”には購買意欲を高める効果もある。
拙者はファッションには興味を示さぬ方だ!(甲冑にはこだわっておる!)
Googleロゴの“o”と“e”の色
#EA0030
rgb(234,0,48)
毎日お世話になる「Google」
創業者が“LEGO”好きでLEGOの配色をつかったという話も…。
拙者は、「Google」ロゴ配色の“赤”が好物じゃ!
Yahoo!ロゴの色
#FF0033
rgb(255,0,51)
オレンジ系
(暖かい・自由なイメージ)
吉野家 オレンジ
#EF7B00
rgb(239,123,0)
オレンジ色には、“家庭的”や“暖かさ”を感じる。(また食したいの~)
吉野家ロゴのオレンジ色は美しい。
au (KDDI)ロゴ
#EB5300
rgb(235,83,0)
黄色系
(幸福・好奇心・向上心なイメージ)
Amazon ロゴの口⁉部分
#FF9A00
rgb(255,154,0)
マクドナルド ロゴの“M”
#FCCA0F
rgb(252,202,15)
マクドナルドは店内のソファー等の配色にも“赤系”を使って食欲増進を図っている。
※落ち着きのない配色で、回転率を高める理由でも使われています。サイトへの多用は厳禁かも…。
緑系
(穏やか・平和・自然なイメージ)
LINE の緑
#00BA00
rgb(0,186,0)
FamilyMart のグリーン
#00A041
rgb(0,160,65)
Amebaブログ ロゴの色
#2E8D3C
rgb(46,141,60)
青系
(冷静・誠実・清潔なイメージ)
Twitterロゴの色
#55ACEF
rgb(85,172,239)
はてなブックマークロゴの色
#1B9ACE
rgb(27,154,206)
標準のリンクの色
#1A0DAB
rgb(26,13,171)
ネットを多く使う者は本能的に自然と注目してしまう色じゃ!
リンクの色にこの配色を使うと“ダサい”という印象が強いが、サイトカラーなどに使う分には美しい色だと思う。
黒系
(おまけ)
WEB制作などを手掛る
株式会社 LIG のロゴ
ホームページではWEBコンテンツ作成に関して勉強になる情報を多く配信されているので知っている者が殆どだろう。
「LIG」のロゴは限りなく黒に近いが黒ではない。
ほぼ黒で、素人目にはわからない。
なぜ LIG のロゴカラーを紹介したのか?
それはロゴの配色に関わる秘密を発見してしまったからだ!
LIGのロゴの16進法カラーコードは〔#200706〕だ。
不自然すぎるコードを見て思わず調べた結果、ニヤけてしまった。
株式会社LIGは2007年06年に設立されている。
これは偶然ではないはず。
偶然だとすれば、そちらの方が驚きだ。
LIGのサイトはオシャレで使い勝手も良く、見習うべきWEBサイトだと思っていたが、
こんなユーモアがあったとは…。
ますます気に入ったぞ!
#200706
rgb(32,7,6)
以上じゃ!
参考になる配色はあったかの?
またセンスのいい美しいカラーを発見したら更新しようと思う!
では今回はこの辺で、
さらばじゃ!