この色をあと10%暗く(明るく)したい

ウェブデザインを作っているときに、「この色をもう少し暗く(明るく)したいんだよなー」と思うことってよくありますよね。今日は、そんなときに使えるカラージェネレイターをご紹介します。 サイト自体は英語ですが、直感的に操作でき、とても簡単なので、ぜひトライしてみてくださいね。

続きを読む

色からのアプローチ(4) True Colors-2/2

[追記] 2013.9.27 1つ図を飛ばしていました。すみません!<(_ _)> 一番最初に追加しました。 * 色からのアプローチ(3) True Colors-1/2の続きです。 消費者の反応 人々は、異なる色にどんなふうに反応するでしょうか? 色はそれぞれ異なった反応を引き出します。 研究はそれぞれの色がどう私たちに影響するかを明らかにします。 業種 左から順に、 エネルギー、金融、航空、飲食、家庭、 テクノロジー、健康、衣服、車、農業

続きを読む

色からのアプローチ(3) True Colors-1/2

前回は何となく色を眺めるスタンスでしたが、今回はちょっとお勉強モード。ちょっとだけね。^^ ロゴについての情報や解説が満載のLogoblink.com(英語)というサイトで、デザインが見やすくて美しく、色に関する読み物として有益なものを見つけたので紹介します。 Infographic: colors of world brands - Logoblink.com いつものことですが、日本語訳は機械翻訳に頼り切っている意訳です。実は、よく分からない部分もあったりします(汗)。明らかに間違っているところを見つけたら、優しく教えてくださいね。

続きを読む

色からのアプローチ(2) 最も強力な色

私を含め、デザインを生業としていない人は、色のセオリーに乗っ取ってデザインするのが難しいと感じているのではないでしょうか。 その辺の解説については本やサイトが山のようにあると思うので、理屈から入るアプローチはそちらに譲るとして。ここでは色を感じてみようと思います。 色を感じる良い題材を見つけたので、紹介します。

続きを読む

色からのアプローチ

「配色サンプルを作る」を書き始めてから、すっかり色からのアプローチが楽しくなってしまいました。 で。まさに色からwebデザインにアプローチするサイトを見つけて、とっても楽しくなっちゃったので、みなさんにもご紹介します♪ Colors - CSSMania http://www.cssmania.com/colors/ 英語サイトだけど、色のコードだけわかれば…いや、コードなんて知らなくても、気に入った色をクリックするだけで楽しめるから大丈夫♪ CSSManiaのサイトのスクリーンショットで良く使われている色が並んでいます。 ずらーっと並んだ全189色 青とグレーの色幅が多いかな。 かく言うこのブログも水色がメインです。^^ だって、目が疲れにくいし、他の色とケンカしないし、嫌味がないから使いやすいんだもん。 そこをあえて(笑)、赤い色を見てみましょう。色のコードは#CC1919。 指定した色か類似色を含むサイトデザインのサムネイルが並びます うひゃー、カッコイイ! 自分じゃ絶対できない色づかいとデザイン♪  サイドに出てくるカラーパレットも要チェック ベージュ系と赤の組み合わせ、いいよねー♪ とか言いつつ、#E5E5E5や#CCCCE5のサムネ群にすごくそそられる(笑)。ベースカラーとして使いやすいし、品良くまとまるのかもしれない。 やっぱりね、王道だけど、よいデザインをいっぱい見て目を肥やす…

続きを読む

配色サンプルを作る(3)

前回まではこちら配色サンプルを作る(1) 配色サンプルを作る(2) AdobeのKulerは人が作った配色を参考にするものでした。単に配色を作るだけのものは他にもあります。今日はその一例をご紹介します。 HTML Color Combination Chooser - Web Design for Developers http://colors.napcsweb.com/colorschemer/index.html 英語ページですが、英語がわからなくても、スライダの意味がわかれば使えると思います。カラーパレットを見ているだけで、楽しいですし♪ Kulerより軽く、さくさく動く気がしますね。 Monochromatic Analogic(base + neighbours) Analogic+(base, neighbours + compliment) Split Complimentary Triadic Dobule Contarast とまぁ、こんなふうに、いろいろなテイストの配色サンプルが得られます。いろいろいじって確認してみてください。 やみくもに色を決めるのではなく、こうして計画的な配色をしたほうが、より洗練されたWebデザインができるのにねぇ…という自嘲と反省をたっぷり味わいつつ終わります。^^; ↓参考になったら、クリックで応援してね!↓ マイペース更…

続きを読む

もっと見る