[B! color] udyのブックマーク

udy id:udy

colorに関するudyのブックマーク (37)

新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
udy 2015/01/11
color

Webサービス

webデザイン
リンク
Coolors - The super fast color palettes generator!
The super fast color palettes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.
udy 2014/10/24
color

generator

Webサービス

tool

design
リンク
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。そんな人にぜひおすすめしたいのが、アドビシステムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
udy 2009/01/27
color

webデザイン

webサービス
リンク
ピンクは若返り、黒は老いを早める!?　色がもたらす驚きの心理効果 - Ameba News [アメーバニュース]
ITmediaのニュース﹁モテたい女性は赤い服を着るべし？﹂の中で、“赤い色は男性に対して女性をより魅力的に感じさせる”という報告がされました。　そこで、この他にも色がもたらす心理効果にはどのようなものがあるのか、調べてみました。色は人間の心理に働きかけ、連想による感情作用を呼び起こします。最近では色で心身のバランスを整えるカラーセラピーなどが流行し、近代的なイメージが持たれていますが、色を使って人を治療した起源は古く、古代エジプトやアトランティス大陸の時代では太陽の光を使い特定の色の光線が差し込むような部屋を作り、その光を使い治療したと言う記録や伝説も残っているそう。また、古代中国では、てんかん患者を紫の部屋に入れて治療をしたり、腸の病気の人は体に黄色の塗料を塗って、黄色のカーテンを通して黄色の光線を注ぐ治療も行うことがあったとか。インドでは5千年前から続くアーユルベーダの中で人
udy 2008/11/13
ピンクとか赤とか好き。

color
リンク
Palette Grabberでウェブサイトの色をインポート（無料デザイン支援ツール） | ライフハッカー・ジャパン
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
udy 2008/08/20
firefox

extension

webデザイン

color
リンク
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
udy 2008/06/03
webデザイン

webサービス

color
リンク
色の名前と相性のよい色を表示する -HTML Color Names
HTML Color Names 「HTML Color Chart with 140 Color Names」に140色が一覧となっています。各色をクリックすると、その色のHTML Hex Codeと相性のよい色が表示されます。
udy 2008/05/26
webサービス

webデザイン

color
リンク
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて﹁調和﹂と﹁役割﹂を持つ効果的な配色をしたいものですね。そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。では、さっそく配色の基本になる﹁色相﹂﹁明度﹂﹁彩度﹂﹁トーン﹂それぞれの色彩心理や視覚効果を紹介します。色相差で配色︻イメージ効果︼暖かい⇔冷たい　動的な⇔静的な　情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。背景色の心理補色︵黄⇔青赤⇔緑︶の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。︵色相対比︶
udy 2008/03/20
webデザイン

color

まとめ
リンク
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
udy 2007/07/29
webデザイン

color

tips

font

まとめ
リンク
浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛（東洲斎写楽） ■鳳凰図屏風（葛飾北斎） ■江戸名所　浅草金龍山（歌川広重） ■ 亀戸梅屋舗（歌川広重）ゴッホが模写したことでも有名な絵参考：印象派と浮世絵の意外な関係 ■春画（渓斎英泉）【オマケ】ちょっぴりセクシーな配色？浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
udy 2007/06/28
webデザイン

color
リンク
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ︵かもしれない︶テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素配色を行う前に、色に関する基礎知識をおさらい。色は﹁色相・彩度・明度﹂の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを﹁色の3属性﹂と呼びます。色相︵しきそう‥Hue︶色相とは、赤・橙・黄・緑・青・紫などの色みのこと。︵色相はつながりあって色相環という輪になります。︶彩度︵さいど‥Saturation‥Chroma︶色の鮮やかさ、強弱の度合いのこと。彩度が高い︵鮮やか︶⇔彩度が低い︵鈍い︶明度︵めいど‥Value‥Brightness︶色の明るさの度合いのこ
udy 2007/05/18
webデザイン

color

tips

tool

まとめ
リンク
知っておくと便利な「無彩色」の使い方
白、黒、グレーのように色みを持たない色のことを﹁無彩色﹂と言います。︵むさい色じゃないよ！︶﹁無彩色﹂はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として﹁無彩色﹂の使い方を紹介したいと思います。色には大きく分けて﹁有彩色﹂と﹁無彩色﹂の2種類あります。有彩色は﹁色相、明度、彩度﹂の3つの性質があるのに対し、無彩色は﹁明度﹂*だけの性質を持っています。 *明度︵めいど‥value︶色の明るさの度合いのこと。最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに﹁無彩色﹂はかかせない存在背景など部分的に使うグラデーションをつける明度差をつけて強調する光と影をつけて立体感を出すどんな色ともケンカをしない﹁無彩色﹂は、使う場所を選ばない万能な色。 Webデ
udy 2007/05/05
color

webデザイン

tips
リンク
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
udy 2007/04/22
color

css

template

webデザイン

まとめ
リンク
もうこれで迷わない！色に関するお役立ち資料まとめ | P O P * P O P
色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。以前ご紹介した﹁これで完璧！ロゴデザインのためのお役立ち資料まとめ﹂と同じシリーズですね。色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。念のため、全部のカテゴリーをあげておきましょう。 Color Basics ︵色の基本︶ Color Psychology & Meaning ︵色が心理に与える影響および色の意味︶ Color Science & Theory ︵色の理論︶ Color
udy 2007/04/18
color

webデザイン

まとめ
リンク
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます「Clash」は補色の関係を考えるのに使える「Six-Tone」あたりは割と使いやすい「Websafe」にするといわゆるセーフカラーのみで選択可能になります元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
udy 2007/03/28
webデザイン

color

tool

css
リンク
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの﹁ColorBlender﹂。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。色が決まったら右の﹁Match blend from active colour﹂を押し、今のパレットを破棄することをOKする。すると自動でピックアップされた色が出てきます。Editing modeを﹁Direct Edit﹂から﹁AutoMatch﹂に変えると、スライダーを動かすだけで色がピックアップされます。フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
udy 2007/03/28
webデザイン

color

tool
リンク
“色”でグッと引きつける！：NBonline(日経ビジネスオンライン)
カラーリングの基礎は不可欠の知識﹁プレゼン資料の配色の重要性に意識が高まってきたのはここ3年ぐらい。まだまだ改善すべき点が多いというのが日本の現状です﹂。こう話すのは、企業のドキュメント資料の企画や設計、制作などを手がけるコドスの矢島隆さんだ。﹁パワーポイント﹂でプレゼン資料を作成することが当たり前となった今、図の配置や文字の流し方などの構成に気を使う人は増えている。だが多くの人はカラーリングまでは学び切れていない。思いつきや個人的な好き嫌いで色を決めてしまうケースは少なくない。
udy 2007/03/22
color

presentation
リンク
日本の伝統色を組み合わせてみた - DesignWalker
udy 2007/03/15
color

webデザイン
リンク
//// COLOURlovers :: loving colours since 1981
Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.
udy 2007/02/28
webデザイン

color
リンク
イメージスケール
基本のイメージスケールは、イメージの判断基準であるWARM- COOL、SOFT-HARDの座標軸上に単色、形容詞、形容動詞を表現した配色が配置されています。(第3軸としてCLEAR-GRAYISHの軸があり、3次元のイメージ空間となっています) イメージスケールの開発過程については、﹁カラーシステム﹂講談社刊、P156をご参照ください。
udy 2007/02/28
color

webデザイン
リンク
1 2 次のページ