タグ

Web制作と色に関するpmakinoのブックマーク (27)

  • Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro

    Webサイトを設計する際,「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから,色の変更指示で不眠開発になるという話は,いまだ昔話にはなっていません。 色の問題を解決するためには,色についての知識があったほうが助かります。ただし,色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で,色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて,我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば,赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり,黄色の標識を目にすると周囲に対して少し注意力をはらったり

    Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
  • 第23回 「色」が持っている三つのチカラ

    前回に引き続き,「色」の話をします。前回は,「色を決めるプロセス」に触れましたが,今回は色がユーザーに届いた後,どんな「効果」を発揮するのかを考えてみます。 「色」が他の要素に比べて「雄弁」になりうる場面は,少なくとも三つあります。「強調」「印象」「関連」です。言葉で長々と説明しなくても,色を有効活用することで,発信者が持っているこれら三つの意思を,暗黙的にユーザーに伝えることができます。 ▼強調 まず「強調」に注目してみましょう。 前回の安全色に関する慣れ(あるいは刷り込み)のおかげか,特定の色に対して私たちは似たような反応を示します。例えば赤色を使った「ここに注目!」という表示があれば,この部分だけが目に飛び込んで見えます。他の文字色が黒であるがゆえに,そのコントラストの差によって目立たされているのもわかると思います。 しかし,この強調するという効果を,あまりに多用すると,かえって焦点

    第23回 「色」が持っている三つのチカラ
  • Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法:ITpro

    実は多くの人が,「色」の扱い方――色の選び方,色の作り方,色の使い方など――を不得意に感じているようです。かくいう私も決して得意ではありません。そこで今回は,そういった色コンプレックスを克服する方法を取り上げてみましょう。 ▼原因を知る(自分に能力がないわけではないと知る) 全くの個人的意見ですが,多くの人が色にコンプレックスを持つ理由は,小学校教育にあるのではないかと疑っています。もう少し具体的に書くと,「12色の絵の具」です。 中でも「緑=ビリジアン」が一番罪深い存在だと私は思っています。誰でも,野外の風景を描かされた記憶はあるでしょう。しかし,木々の緑や小さな野の花を描こうとしたときに,ある「壁」にぶつかったことはないでしょうか。 それは,自分の見ている「緑」と,パレットで作っている「緑」とのギャップです。ビリジアンに様々な色を混ぜ合わせて試してみるのですが,自然界の「緑」には程遠い

    Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法:ITpro
  • AJAXで配色を決める無料サービス「Accessibility Color Wheel」

    カラーホイールの中にマウスを入れるとリアルタイムでプレビューの色が変わります。「Foreground」がテキストの色、「Background」が背景色、「Invert」をクリックするとテキスト色と背景色が入れ替わります。また、「Bigger」を押すとカラーホイールがさらに大きくなり、「Smaller」を押すとカラーホイールが小さくなります。 Accessibility Color Wheel あと、ページの下部にあるのは色覚障害の人が見た場合の配色になっています。 なお、このカラーホイールの元になったのはこちらの無料サービスです。こっちもおもしろい。 4096 Color Wheel Version 2.1

    AJAXで配色を決める無料サービス「Accessibility Color Wheel」
  • アクセシビリティTIPS(カラー編) 色のバリアフリー度をチェック - [ホームページ集客の方法]All About

    色のバリアフリー 正常に色が認識できる人にとっては何でもない配色でも、色覚障碍を持つ人にとっては非常に見難い場合があります。私たちの日常生活において、情報伝達の手段に色を使うことは頻繁にありますので、特定の色が見え難い人もいるという配慮は常にしておきたいものです。例えば、印刷物や野立て看板、プレゼンテーション資料などもそうですし、極端な話、交通標識にその配慮がなければ命に関わります。 ウェブページでも同じ事です。少し前までは、PDAや携帯ではモノクロも多くありましたが、現在はほとんどがカラー対応になっていますので、情報伝達における「色覚バリアフリー」への配慮は常に意識しておきたいものです。 色覚障碍そのものについては、専門家の方にお譲りしますが、ウェブサイトの構築時には少なくとも「誰にでも見易い配色」を意識しておかないと、思わぬ機会損失に繋がりかねません。色の組み合わせによっては、色覚障碍

  • 過払い金 web簡単無料窓ロ|過払い金 web簡単無料窓ロは手軽に過払い金を受け取れるとても便利なサービスですので、少しでも借り入れをしたことがある方は是非ご活用ください。

    過払い金の請求を依頼するなら杉山事務所が最適です。というのも杉山事務所をお勧めする理由がこんなにあります。 ・完全成功報酬制なのでリスクなし ・申請時はなるべく周囲にばれないように配慮 ・日でもTOPクラスの実績 ・相談だけなら無料 ・簡単な入力フォームで手軽に依頼

    過払い金 web簡単無料窓ロ|過払い金 web簡単無料窓ロは手軽に過払い金を受け取れるとても便利なサービスですので、少しでも借り入れをしたことがある方は是非ご活用ください。