タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

配色に関するmzpのブックマーク (8)

  • ウェブサイトの色の心理学:phpspot開発日誌

    Find the Perfect Colors for Your Website << Vandelay Website Design Color choice is a crucial decision in every website design. 色の心理学に関連するエントリ Color Wheel Pro: Color Meaning Choosing Colors For Your Website Design The Meaning of Colour in Web Design 上記エントリでは、 赤は愛、情熱、危険、警告 青は信頼、成功、重さ、プロフェッショナリズム 緑はお金、動物、健康、ヒーリング、ハーモニー といった意味を持つといったことが述べられてます。 色の意味について知っておくことで、WEBデザイン制作の際の参考や、顧客に対する説明の際に役立つかも。 Color

  • カラーオンチなウェブデザイナーのお助けサイト : HotWeb Magazine

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

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

    Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
  • Color Codes Matching Chart HTML (Pantone, CMYK, RGB Hex)

    Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes. However, conversion of CMYK c

    Color Codes Matching Chart HTML (Pantone, CMYK, RGB Hex)
  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • i d e a * i d e a - 使える2.0系カラーパレット

    ドットインストール代表のライフハックブログ

    i d e a * i d e a - 使える2.0系カラーパレット
  • Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法:ITpro

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

    Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法:ITpro
  • 統一された色彩を自動的に作るサイト「EasyRGB」 - GIGAZINE

    奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c

    統一された色彩を自動的に作るサイト「EasyRGB」 - GIGAZINE
  • 1