デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
新海カントク『面白い分析ですね』／／ 新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。
あいうち@サークルスイミー @Aiuti01 【プロイラストレーターが多用する明度彩度の領域】 複数人のプロイラストレーターの作品で、明度彩度だけサンプリングした結果、見えてきた明度彩度の傾向となぜその領域が使用されるかの分析をしてみた。 pic.twitter.com/mnJ4QY0cKY 2020-05-20 15:40:38 あいうち@サークルスイミー @Aiuti01 昨日バズった『プロイラストレーターが多用する明度彩度の領域』ですが、新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 商業イラスト（ソシャゲ・ラノベ表紙・キャラデザ）などを請け負うプロイラストレーターの方と、新海誠監督が多用する明度・彩度の領域がここまで違うとは… pic.twitter.com/Kn4msZqxse 2020-05-22 17:07:11
青と黒を移動させると白と金……？ 見える色が変わるドレスの錯視が再現されたイラストにびっくり
色が白・金または青・黒に見えるドレスの錯視を再現したイラストがネット上で話題になっています。イラスト自体は昨年pixivに投稿されたものですが、最近になって海外のユーザーに取り上げられ再び話題に。 2015年に世界が2つの意見に分かれたドレスの色（関連記事）を使い、同じ2色でも「青黒」に見えるパターンと「白金」に見えるパターンをイラストでわかりやすく描いています。 やっぱり同じ色に見えない……（画像提供：しぴーさん/pixivアカウント） 投稿したのはしぴー（@pummeluff39）さん。もともとの作品はドレスの再現というわけではなく、「ラブライブ!」の矢澤にこちゃんの服で錯視を表現したもので、スポイトで色を確認しても同じであることが説明されていました。 謎の色のドレスと同様、周囲が明るいのか暗いのかによって認識する色が変わり、実際に「青黒」の一部を切り取って移動させると「白金」になると
『初めて同人誌を作るデジタル絵師さんに捧ぐカラーチャート』が話題に「えっ印刷するとこんなに色変わるの!?」
加藤アカツキ @AkatsukiKatoh 昔の絵で恐縮ですが、ＣＭＹＫでも使う色を選べば鮮やかな絵が描けます。一枚目（元絵）、二枚目（ＣＭＹＫベタ変換→絶望）、三枚目（ＣＭＹＫ色調整後） pic.twitter.com/C2h8TTPsqA 2016-06-10 23:19:20
第1回 色覚はなぜ、どのように進化してきたのか
ふだんの生活で、ぼくたちは日々、目を通したいわゆる視覚情報に晒されている。 もちろん、耳や鼻や皮膚などにある様々なセンサーを通しても、環境を認識しているわけだけれど、その中でも、目からの情報は膨大で、圧倒的に思える。活字を読むのも、ネットを見るのも、主に視覚情報を通じてだ。 そして、ぼくたちの視覚には「色」がある。赤だとか緑だとか青だとかを区別できるというのは、ただ明るい暗い（明暗）だけを識別するよりも、便利なことが多いし、しばしば、「美」を感じるきっかけにもなる。情緒的な言い方にすぎるかもしれないが、色覚があるからこそ、世界は彩りにあふれて、美しい。 実は色覚について、強い関心を持ってきた。小説の中でも、特異な視覚を持った一族を登場させたことがある（『天空の約束』と『雲の王』）。もっと知識を深めたいと思っていたところ、東京大学の柏の葉キャンパスに、色覚をめぐって幅広く、かつ、深く追究して
赤はなぜ色褪せるのか
9月6 赤はなぜ色褪せるのか カテゴリ:有機化学構造 街を歩いていると、色あせた古い標識を見かけることがあります。 この標識は本来鮮やかな赤色の矢印なのですが、ご覧の通りかなり褪色して薄いピンクのような色合いになっています。これに対し、国道のおにぎりマークや縁取りの青はまだ鮮やかさを保っています。このタイプの標識は、1995年から設置されるようになったものですので、20年ほどで赤だけがずいぶん色褪せてしまっているということになります。 このように、赤色が他の色より褪色しやすいというのは、ちょくちょくみかける現象です。ひどくなると下の写真のように、肝心なところがきれいに抜けて読めなくなったりします。大事なことは赤で書きたくなりますが、時の流れを考えるとあまり得策でないことがわかります。 さて、なぜ赤色はさめてしまいやすいのでしょうか？これは偶然ではなく、それなりの理由があります。まず赤い塗料
色覚異常を改善するメガネが誕生！生まれて初めて“色”を見た人々の反応が感動的 - IRORIO（イロリオ）
主に緑と赤が区別しにくい色覚異常。世界には3億人もいるとされているが、そんな人々のために新型の眼鏡が開発された。 手掛けたのはバルスパー社とエンクロマ社。彼らは共同で色を分ける特殊なフィルターを仕込んだ新しい眼鏡を開発し、色盲／色弱者がこれまで見られなかった色を認識させることに成功。 その眼鏡を色覚異常をもつ人々に試してもらった瞬間を捉えた動画がYouTube上で紹介されている。 「子供の絵がすべて灰色に見える」 色覚異常にはさまざまなケースがあり、赤や緑が同じように見えたり、ピンクや赤、黄緑と緑の区別がつきにくかったりする、とされる。そのため秋の紅葉を眺めても、他の木と同じにしか見えなかったり、どんな色も灰色に映ったりする場合もあるそう。 こちらが通常の色。
なぜドレスの色の錯覚はおきたか？-色の恒常性- - Sideswipe
ドレスの写真って？ インターネットで見る人によって二通りの色に見えるドレスの画像が話題になっていました。結論からいえばこのドレスは青と黒なのですが、「青と黒に見える」派と「白と金に見える」派に分かれるのです。あなたはどちらに見えますか？ 引用元: http://swiked.tumblr.com/image/139988249090 「ディスプレイが違うから」といった説明も見受けられますが、同じディスプレイを見て意見が割れている方もいることから、影響はあるにしても主要因ではなさそうです。 また、「年をとると網膜の細胞が衰えて云々」という意見もありますが、老若男女はあまり関係なく青黒派と白金派がいるので、こちらの影響も少なさそうです*1。 それではこの理由について解説してみます。間違えてたら教えてください。 30秒で分かる説明 人間は周囲の状況が変わっても同じものは同じ色で見えるように脳内で
ゲームCGの原理から学ぶ！イラストの色塗りのコツ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
皆さんは、デッサンをして色塗りの法則を見つけているかと思います。 今回は、ちょっと違った視点で色塗りの法則を見つけて頂こうと思います。 最近では、ゲームCGが凄くリアルになりつつあります。 なぜ綺麗になってきているかというと、 昔のゲームはゲーム機の処理速度が遅いためフェイク（嘘）をついて それっぽくしていました。 ファイナルファンタジー7より 最近では、ゲーム機の処理速度が速くなったため 現実にある法則に基づき物理的に処理をする 物理ベースレンダリング が採用されるようになったからです。 ※とはいえフェイクもありますが、近づきつつあります。 ファイナルファンタジー15より さて、そんな物理ベースレンダリングが採用された ゲームCGの原理（処理）を勉強することで リアルよりな色の出し方（描き方）の理屈が学べると思いますので記事にしました。 あくまでも、知識として持っておくことで 次の塗りか
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
消えた女の子 - wHite_caKe
私が子供の頃住んでいたのはたいそうな田舎だったのですが、その中でも我が家は更に辺鄙な場所にありました。 幼稚園に入るまで、妹と私はお互いだけが遊び相手でした。我が家の半径3km以内には、他に子供がいなかったからです。 そのせいでしょうか。 幼稚園に入ってすぐに私は、自分の対人スキルが同年代の子と比べて大幅に劣っていることに気付きました。 遊びの仲間に入れない。 たまに入れてもらってもどんくさくて、みんなをイライラさせてしまう。 遠いとおい昔のことなのに、入園当時にあったいろんな出来事を、私は今でも思い出せます。 それだけ毎日緊張して過ごしていたのでしょう。 自分が他の子供と上手く遊べないことに気付いた私は、自分の何がそれほどまでに駄目なのか、いっぱい考えるようになりました。 かなしくて苦しかったですが、ぎゃんぎゃん泣きながらお母さんに引きずられて幼稚園にやってくる子が他にいたりしたので、自
「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
概要 ▶ PhotoshopVIPのK=100は黒ではありません？ K=100は濃いグレー？ リッチブラックはC=90, M=90, Y=30, K=100？…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か？ 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。（違ったらすみません） 日本と欧米ではブラックのインキの濃度が違う
大人気ホンダの軽、"2色塗り"の仕掛け人
ツートンカラーのカラフルな軽自動車が売れている。 ホンダが昨年11月に発売したN－ONE（エヌワン）は、発売以来、毎月約1万台前後の販売台数を記録し続けている。車内空間が非常に広いタイプではなく、燃費も25キロメートル／リットル程度。価格も軽としては比較的高額。最近の軽自動車の売れ筋ポイントを押さえているわけではない。 にもかかわらず、N－ONEが好調なのは、デザイン性や走行性能を重視した商品の特性が受けているからだ。軽自動車ならではの経済性は重視しつつも、単なる道具ではないクルマとしての楽しさを求める層を掘り起こした。 N－ONEを大きく特徴づけているのが、11色プラス4パターンのツートンカラーという豊富なカラーバリエーション。その中でも、屋根の色を塗り分けたツートンカラーが大人気だ。 ツートンカラーは販売全体の約2割を占め、現在、ツートンカラーの納車は数カ月待ちの場合もあるほど。ツート
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
本田圭佑が日本代表結束の一本線ユニフォームでFKの際に足の振りが読まれるのを嫌い、ソックスを足首で切って縦線を横に持ってきているとの噂を検証してみた | でろブロ
きっかけはこのツイートを見てからだった。 最近知った日本代表トリビア。本田はFKのときに足の振りを読まれるのを嫌って、ソックス(全面に赤い縦線)の足首らへんを切って90度(縦線が横にくるように)回転させて履いている。4へぇ。 — daikasさんさん (@ksi_no_kas) 6月 8, 2012 またアディダスのネガキャンだろうかと、俺も人の事は言えないが皆好きだなぁと思った。なんせツイッターでソースURLもない物は危険だよ。デマッターだからね。だから自分で試しに画像検索で調べてみた。 http://news.livedoor.com/article/image_detail/6640897/?img_id=3376654 ん！？ マジでだ…(；´Д｀) いやいや、ソックスの線は元々横にあるのかも知れませんよ、念の為に公式サイトから確認しておきましょう！！こういう情報はソースが貼ってな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
技術とは、なぜ、磨かれなければならないか。- ほぼ日刊イトイ新聞
「赤い」「青い」「白い」「黄色い」…なのに何故「緑い」はないのか？
