『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々！ | バンクーバーのうぇぶ屋
この前日本に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日本だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか？ しっかし、僕がそうだったんですが、配色って本当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気に食わなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ
国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ - かちびと.net
カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ
配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない！ よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
さき的視点＠livedoor:デジカメ時代のモノクロ写真撮影法 - livedoor Blog（ブログ）
最近、Twitterでモノクロ写真の話が流れたので、私もちょっと小技を披露してみたいと思います。 デジカメでモノクロ写真を撮影する場合、銀塩フィルムと比べて圧倒的に不利なことがあります。それは ということです。 銀塩フィルムは 「 カラー撮影 ≠ モノクロ撮影 」 です。フィルムによっては感色性が異なり、カラーフィルムとは違う光で被写体を撮影することになります。 これがデジカメでは 「 カラー撮影 ＞ モノクロ撮影 」 になります。デジカメの場合は一般的にセンサーやカラーフィルターを交換できないので、常に同じ光で被写体を撮影しているというわけです。 デジカメでモノクロ撮影するということは、カラー画像をモノクロに変換するということです。というわけで今日は、カラー画像をモノクロにする小技を紹介してみたいと思います。 まずは元の写真、当然ですがカラーです。 単純にグレースケール変換す
Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
FWD勉強会vol.1資料公開
2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに
Photoshopの『カラーの適用』で写真に劇的な効果を加える方法。 - sta la sta
via Photoshop Match Color simple And Amazing Results metacafeで知ったPhotoshopの『カラーの適用』を使ったテクニックが面白かったので脊髄反射でエントリ。 既に知ってる方はスルーしてください。 用意するものは2枚の写真。1枚が効果を加える写真で、もう1枚が効果の元になる写真です。 ここでは砂丘の写真と雲海の写真を用意しました。 効果を加えたい写真（ここでは雲海）をアクティブにした状態で『イメージ』→『色調補正』→『カラーの適用』を選択します。 『画像の適用設定』にある『ソース』メニューから効果元の写真（ここでは砂丘）を選択します。 すると、砂丘の写真の色合いが雲海に適用されて↓のような写真になりました！ 昼間の雲海の写真が、一転して日没のような雲海の写真に。面白いですねぇ。 車が並んでる写真を適用すると、闇夜に月明かりが輝い
統一された色彩を自動的に作るサイト「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 - Color harmonies, complements and themes.
Create complements, themes and harmonies Use the form below to create colors complements, harmonies and themes. It's an easy way to create a nice looking Web site or to select good trim and accent colors for your home decorations. If you are not sure how to start, check our practical step-by-step instructions.
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
第23回 「色」が持っている三つのチカラ
前回に引き続き，「色」の話をします。前回は，「色を決めるプロセス」に触れましたが，今回は色がユーザーに届いた後，どんな「効果」を発揮するのかを考えてみます。 「色」が他の要素に比べて「雄弁」になりうる場面は，少なくとも三つあります。「強調」「印象」「関連」です。言葉で長々と説明しなくても，色を有効活用することで，発信者が持っているこれら三つの意思を，暗黙的にユーザーに伝えることができます。 ▼強調 まず「強調」に注目してみましょう。 前回の安全色に関する慣れ（あるいは刷り込み）のおかげか，特定の色に対して私たちは似たような反応を示します。例えば赤色を使った「ここに注目！」という表示があれば，この部分だけが目に飛び込んで見えます。他の文字色が黒であるがゆえに，そのコントラストの差によって目立たされているのもわかると思います。 しかし，この強調するという効果を，あまりに多用すると，かえって焦点
「色」が持つ3つのチカラ
第一印象を判断する時間は短く、約5～7秒程度で決まると言われています。 初めてブログを訪れた時の第一印象は、以前、イメージは色で決まる でも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザイン エンジニアリング第23回 「色」が持っている三つのチカラ：ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。 テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところ タイトルや見出し テキストやリンク色 2. 与えたいイメージ 女性らしさ、優しい印象（ピンク系）←わたしはココ！ 楽しい印象（黄色やオレンジ） 信頼、さわやか（ブルー系）など 参考：色が与える印象の違い 3. 同じ色でグループ化 サイドバーやカテゴリーごとに分類する。 メインカラーと同系色か、3色まで
How to Choose Color Schemes for your website.
HTML Color Tool How to Choose Your Colors Always use related colors when choosing a color scheme for your website. Use this free tool to study color relationships. Use it to choose the color scheme of your website. Be sure to read the help section for a better understanding. To Enter your color click Enter RGB below. Note: Contrast is Complementary Analogic is Neighboring About Color Scheme2 The a
デジタル&モノクロ写真技法
レンジマッチング法 - 多諧調印画紙の正しい使い方 - センシトメトリー理論に裏打ちされた「科学的モノクロ写真現像法」 アンセル・アダムスの「ゾーンシステム」は大判のシートフィルムでしか適用できません。カットごとに現像条件が変わるからです。 このゾーンシステムを、35ミリフィルムでもできないだろうか？ 答えは、多諧調印画紙とネガフィルムの濃度を測ることにあります。ハイライト部は露光時間で、シャドー部はフィルタの号数でコントロールすれば良いのです。 ＜これはPhotoshopでいえば「レベル補正」を適用することと同じです＞ 写真家のためのカラーマネジメント エプソンのMAXART K3シリーズが2005年5月に発売されて、インクジェットプリンタの写真印刷は新しい段階に入ったと考えています。 写真愛好家が、カラマネやプリンタのプロファイルを意識しなくても、カラー・モノクロのすばらしい出力が可能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tuaw.com is for sale
kuler
https://modernlifeisrubbish.co.uk/web-2.0-colour-palette.asp
http://www.webcolordesign.com/color_basic/attribute_color/index.html
caramel*vanilla » 日本の伝統色のPhotoshop用カラーパレット