WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
Infinite Red: Experts in all things React Native
Your experts in all things React NativeFor over eight years, Infinite Red has been the top React Native app development company in the world. US-based, expert-level, and ready to help you take the leap on your React Native project. We’ve been building impactful React Native projects since the beginning.When React Native was released in 2015, our team started building projects in it. Over the inter
ウェブデザインで可読性を考慮した背景と文字の色の組み合わせ方
ホワイトの背景にブラックの文字、ブラックの背景にホワイトの文字の組み合わせがベストでしょうか？ ウェブデザインにおいて、背景と文字の色の組み合わせ方で可読性を考慮するきっけかになるスタディをDevloungeから紹介します。 ホワイトとブラックを使用したコントラストのスタディです。 上段の1と3はホワイトに#ffffff、ブラックに#000000を使用しており、最も高いコントラストをもっています。 下段の2と4はそれより若干低いコントラストになっています。 上記をモニター越しに見ると、下段の方がより読みやすく、デザイナーがホワイトの背景の場合に文字の色を#000000ではなく、#333333を使用したくなるのも頷けます。 カラフルの背景色と文字色のスタディ ※訳者注：オレンジの箇所のテキストが間違ってますが、そのまま掲載しています。 左と右を比べた場合、左のボックスの方に目を奪われると思い
Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス - かちびと.net
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
色が与える影響ってあるよね - もっこもこっ
色って面白いなぁと思って色彩学の勉強しているところです。 最近読んだ本の中にはこういうのが載っていました。 色によっていろいろと効果があるみたいです。 色の新しい捉え方 (光文社新書)より↓ 色 主な分泌ホルモン 刺激部位 作用 効果 赤 アドレナリン 循環器系 血流を促進する 興奮・情熱 橙 インシュリン 自律神経 アルコールを受け付けない 健康増進 黄橙 グレリン 自律神経 食欲増進 食欲・元気 黄 エンドルフィン 自律神経 笑いを生む、鎮痛 明朗 黄緑 成長ホルモン 自律神経 成長を促進する 成長 緑 アセチルコリン 脳下垂体 ストレスの解消 安心 青 セロトニン 視床下部 血液の生成 安心・集中 青紫 オブスタチン 自律神経 食欲抑制 集中・安定 紫 ノルアドレナリン 視床下部 危機に対する警報 恐怖・不快 ピンク エストロゲン・プロゲスラン 腺下垂体 血流をよくする 快活・若々し
第14回 色を使いこなすための基礎知識「色の3大構成要素」とは
今回から配色について学びます。配色とはページ背景やフォントも含めて，ページ全体を色分けしていく作業を指します。ここで最初の疑問です。どうして色を付けなければならないのでしょうか。この問題から考えてみましょう。 色を付ける作業にはふたつの目的があります。 読みやすくする 飾り立てる デザインに不慣れな人ほど，色を使うことでページを飾り立てる意識が強くなるかと思います。しかし本来配色の目的はページを読みやすくすることにあります。読みやすいというのは，文字が背景に沈み込み過ぎていないことだけでなく，例えば長時間読んでいても目が疲れないことも含みます。飾るという視点はいったん置いておいて，まずは読みやすい配色について，サンプルを作りながら考えてみることにします。 最初にベースとなるHTMLを作っておきます（リスト1）。読みやすさを考えるために，文章は適度に長いものを用意してください。h1タグとpタ
第15回 色使いによる立体的なWebページ構成と“1/6の法則” : ITpro
前回のお話の冒頭で，白背景に黒文字は目を疲れさせるということを指摘しました。今回はその問題の解決策から始めましょう。 白はすべてが全力で点灯している色（#ffffff）であり，黒はすべてが消灯している色（#000000）です。白と黒というのは，他のどの色を2色選んだときよりも明度の差があるわけです。2色またはそれ以上の色数の中での明度の高低差を「コントラスト」と言います。コントラストが激しいものは目を疲れさせます。 「本や雑誌も白に紙に黒いインクじゃないか」と思うかもしれませんが，紙はディスプレイの白ほどは明るくありません。昼間に十分に読書できる明るさの部屋で，フラッシュを使用せずに本を撮影すると図1程度です。想像よりもはるかに暗く，写真で見ると白には見えません。 目を疲れさせない配色の探し方 人間には見た物を脳で補完する機能があります。裸電球の下でフラッシュを使わずに白い画用紙を撮影する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.ttm123.com/color/B0.html