タグ

配色に関するnakomaruのブックマーク (9)

  • デザインやファッションに取り入れたい2015年のトレンドカラー、春のトレンドカラー16色は落ち着いたパステル!

    Pantoneが2015年セレクションしたカラーは、紫みの赤と茶を合わせた「Marsala(マルサラ)」。好みがはっきり分かれそうなカラーですね。 今回はダウンロード素材として、Marsalaを含む2015年 春のトレンドカラー16色をPhotoshop用のスウォッチにして用意しました。 Pantone Color of the Year PANTONE 18-1438 Marsala Marsala(マルサラ)はイタリアのシチリア島西海岸に位置する港湾都市で、有名なのがマルサラワインです。その美しいワインレッドを表現したのが「18-1438 Marsala」だと思われます。ワインは長い時間をかけてじっくり熟成され、深い味わいが生まれます。重厚感があり、表情が非常に豊かなカラーで、その色味は成熟した深みのある雰囲気を演出します。 光沢を加えると艶やかになり、マットにするとオブジェクトの

    デザインやファッションに取り入れたい2015年のトレンドカラー、春のトレンドカラー16色は落ち着いたパステル!
  • デザインやファッションに取り入れたい2014年のトレンドカラー、春のトレンドカラー12色も魅力的!

    Pantoneが2014年セレクションしたカラーは、鮮やかに咲き誇るランをイメージさせる淡くピンクがかったパープル「Radiant Orchid」。 今回はダウンロード素材として、Radiant Orchidを含む2014年 春のトレンドカラー12色をPhotoshop用のスウォッチを用意しました。 Pantone Color of the Year 2014 PANTONE 18-3224 Radiant Orchid Radiant Orchid(レイジアント オーキッド)とは「光り輝くラン」のことで、表情が非常に豊かなカラーです。その鮮やかな色味は信頼と暖かさにあふれ、人々の興味をそそります。 パープルとピンクが織りなす魅力的なハーモニーは、ランの花のように大きな喜び、愛、健康を象徴します。 Radiant Orchidのイメージボード PANTONE Color Systems:

  • 今年流行のフラットデザインで使われているカラーコード

    【Diesel】Dieselで使われているカラー... / #F15C22 / #7A7B7D他...全42件

    今年流行のフラットデザインで使われているカラーコード
  • 「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」

    Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ(いやそのまえにフォトショなりなんなりでデザインカ

    「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」
  • Adobe kuler(現Adobe Color)を使った誰にでもできそうなWeb配色 | ウェブ配色 | ブログ | フォルトゥナ

    色ってそんなにセンスは関係ないですよ 「色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ」という記事があったので、思うところとかを含めて配色の方法についてまとめてみました。私の方ではもう少し具体的な配色の方法についてもまとめたいと思います。 いつもWebカラーセミナーで話すのは、配色に関する問題の8割は知識で解決するということです。「色彩のセンスがない」という人はそもそもその勉強をしたことがないという人が多く、勉強したことのある人は「色は難しい」と仰います。逆に数十年グラフィックデザインをやっていても、Webの配色としてはまったくできていないということも多々あります。これはセンスではなくWebでのセオリーがわかっていないということになります。 センスと知識や学習していないことを同列に扱うのはおかしいですね。 デザイナーで色の勉強をまったくしたことがないという人はやや問題がある

    Adobe kuler(現Adobe Color)を使った誰にでもできそうなWeb配色 | ウェブ配色 | ブログ | フォルトゥナ
  • http://handywebdesign.net/2012/07/12colors-give-you-the-impression/

    http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
  • 読むだけで配色センスがレベルアップ!5分程度で読める良記事まとめ

    作成:2012/12/17 更新:2014/11/01 Webデザイン > ある国で純白の白色は「死」、米国での緑色は「お金」をあらわす。経理財務に関係するサイトで「赤」を無意味に使用してはならない。 世界のさまざまな地域の人たちを対象にデザインする場合は、文化や色の意味にも配慮しなければならない。 世界を相手にすることなんてないけど、売上アップさせる為の色使い、自然な配色の選び方・適切な余白の使い方・バランスのとり方・・・専門家じゃないのでパッと分からないです。そして長時間悩む。 あまり時間を取られないように、「わかりやすくて5分程度で読める良記事」をまとめました。配色がわからなくなったり、売上に困ったらこれらの良記事読んどきゃ大丈夫。 デザイナー、ウェブ系じゃない人もきっと参考になると思います! エンジニア速報は Twitter の@commteで配信しています。 もくじ 色とマーケテ

    読むだけで配色センスがレベルアップ!5分程度で読める良記事まとめ
  • ウェブサイト全体の色を簡単に微調整できるサイト「web colorizer」 : 二十歳街道まっしぐら

    「web colorizer 」はウェブサイト全体の色を調整できるサイトです。 URLを指定すると、プレビューが表示されます。 色のスライダーを調整するだけで、全体の色を変化させることができますよ。 さらに、変更後の結果(画像やCSSなど)はダウンロードすることもできます。 以下に使ってみた様子を載せておきます。 まず「web colorizer 」にアクセスしましょう。 無料登録をしてログインします。 調整したいウェブサイトのURLを指定して読み込みます。 読み込むと、このようにプレビュー+調整バーが表示されます。 スライダーをいじるとこのようにリアルタイムでウェブサイトの色が変化します。 上記例は極端ですが、すこし色を暗くしたい、明るくしたいなどの微調整に利用できますね。 最後にサイト全体をプレビューできます。 「Download result」より、HTMLCSS、変更後の画像など

    ウェブサイト全体の色を簡単に微調整できるサイト「web colorizer」 : 二十歳街道まっしぐら
  • 1