css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
デザインやファッションに取り入れたい、2010年のトレンドカラー
Pantoneが2010年、セレクションしたカラーは、熱帯の空と海を思わせるトルコ石の「ターコイズ」。 Color of the Year for 2010: PANTONE 15-5519 Turquoise 穏やかなブルーと爽やかなグリーンがあわさったターコイズは健康で安心なイメージを与え、慈悲とヒーリングを象徴する色として親しまれています。 ターコイズは男女の区別無く、ファッションでもインテリアにも最適なカラーです。 使い方としては、ブラウンを加えて少しエキサイティングにしたり、レッドを加えてピンク系にしたり、深いブルーを加えて海色にしたり、グリーンを加えて生き生きさせたり、イエローグリーンで新鮮なトレンドをつくりだすことができます。
Photoshopのグラデーションファイル600+ – creamu
Best Design Optionsというサイトで、Photoshopのグラデーションファイルがたくさん紹介されています。 ざっといくつかご紹介。 その他のリスト&ダウンロードは以下からどうぞ。 » How to Use Photoshop Gradients Plus 600+ Gradients to Download いい天気ですねー。ドライブ日和だな。
WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
デザインやファッションに取り入れたい、2008年のトレンドカラー
Pantone、国際流行色委員会(Intercolor)、電通の消費者調査の各2008年のトレンドカラーの紹介です。 Pantone: Color of the Year for 2008 Pantone Selects Color of the Year for 2008 Pantoneがセレクションしたカラーは、青紫のブルーアイリス。 安定した落ち着きのある青と、高貴で神秘的な紫を組み合わせたブルーアイリスは、謎と興奮をスパイスとした複雑な世界観を与えることができます。 Intercolor: 2008年春・夏のトレンドカラー jafca Living Trend Color テーマは、パッション(情熱)。 去年までのダークブラウンではなく、質感豊かなブラックとホワイトをベースにし、使用する面積に差をつけるなどしてデザインにメリハリをつけるのが特徴です。 アクセントには、強いピンクやブ
色を仕事で使う人のためのツール20選『COLORS TOOLBOX: 20 Tools For Working With Colors』 | CREAMU
Diary 色を仕事で使う人のためのツール20選『COLORS TOOLBOX: 20+ Tools For Working With Colors』 バランスのいい配色を手軽に作りたい。 そんなあなたにおすすめなのが、『COLORS TOOLBOX: 20+ Tools For Working With Colors』。色を仕事で使う人のためのツール20選だ。 以下にいくつかご紹介。 » 4096 Color Wheel カラーホイールをからWEBセーフカラー、WEBスマートカラー、アンセーフカラーを表示 » Accessibility Color Wheel 表面色と背景色のベストな組み合わせを作ってくれる » Color Palette Generator 画像のURLからRGBを調べてくれる » ColorMixers.com WYSIWYGフォーマットで色を作成できる » pic
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
ウノウラボ Unoh Labs: 色選びのコツ
こんにちは！ yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基本、というと大抵どんな本を見ても「色相」「彩度」「明度」という三つのパラメータがまず出てきます。「色相」「彩度」「明度」というのは 色相…その色が「赤」なのか「青」なのか「緑」なのか、その色の「色味」 彩度…色の「あざやかさ」。 明度…色の「明るさ」。黒がもっとも暗く（明度が低く）、白がもっとも明るい（明度が高い）。 なのですが、この三つのパラメータをもとに色を考えていても、いまいち「どの色に
色で選べる Web デザインギャラリーまとめ
Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。
ブラウザにより表示される色が変わる話 - 偽デジタル写真屋日報＠はてな保管庫
スルーしようかと思ってたんですけどRinRin王国だの変人窟だのの読者が多そうなサイトで取り上げられているのでこれは突っ込んでおかないとならんよなぁ、というわけで以下突っ込んでみます。本職の色屋さんが見るとちょっと文脈が怪しいところがあるかもしれませんがおおむね文章は外していない…はず。 ちなみに話題元は以下。 Macのブラウザで、写真の正しい色合いを表示するためのカラープロファイル設定 - Goodpic http://blog.drikin.com/article/35171545.html そもそもの大前提 W3Cでは、sRGBをStandard Color Spaceとするって考えてるようです。なのでWeb向けの画像を作る場合はsRGB基準で作るのが基本ちうか標準工程。 他の作業プロファイル(AdobeRGBとかProPhotoRGBとかAppleRGBとか)で作られたRGB画像は
Drift Diary12: ブラウザによる色の違いについて
可能な方は、まずはこの写真をSafariとFirefoxで見比べてみてください。この写真をFirefoxで見たとき、自分がアップしたつもりの写真の色とあまりにも違っていたのが事の発端です。 比較できないかたのために、両方のブラウザで取ったスクリーンショットがこれ↑ 左がFireFoxで右がSafariです。ぜんぜん色見が違うのが分っていただけると思います。 結論からすると、どうもColor profileに対応しているかどうかがポイントのようです。 僕の最近の写真はAdobeRGBで撮影されているのですが、ApertureでFlickrにアップロードするとき、このプロファイルがそのまま適応されていました。Safariは、ColorSync対応で、AdobeRGBの色空間を正しく再現できるため、問題ないのですが、Firefoxはcolor profileに対応していないため問題が起きているよ
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
[ws] Color Scheme Generator 2
Brand New Version Available & Moved! The Color Scheme Designer application has been moved to its own domain: http://ColorSchemeDesigner.com Please update your bookmarks. Newest version: http://colorschemedesigner.com Previous version list: http://colorschemedesigner.com/previous Nová verze & Přesunuto! Aplikace Color Scheme Designer byla přesunuta na svou vlastní doménu: http://ColorSchemeDesigner
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインまとめ２。カラー統一された９０サイト―ピンク・オレンジ・イエロー*ホームページを作る人のネタ帳
Deziner Folio » Blog Archive » Ultimate Web 2.0 Layer Styles - Free Download
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳