新海カントク『面白い分析ですね』／／ 新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 - Togetter

2020/05/24 527 users Togetter 彩度 プロイラストレーター 驚愕 発覚

昨日バズった『プロイラストレーターが多用する明度彩度の領域』ですが、新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 商業イラスト（ソシャゲ・ラノベ表紙・キャラデザ）などを請け負うプロイラストレーターの方と、新海誠監督が多用する明度・彩度の領域がここまで違うとは… pic.twitter.com/Kn4m... 続きを読む

日本全国の「赤色立体地図」が見放題、国土地理院がウェブで公開 - INTERNET Watch

2018/06/06 489 users INTERNET Watch 国土地理院 赤色立体地図 彩度

ニュース 日本全国の「赤色立体地図」が見放題、国土地理院がウェブで公開 永沢 茂 2018年6月7日 06:00 　国土地理院は6日、ウェブ地図サービス「地理院地図」において、日本全国の「赤色立体地図」を公開した。 「地理院地図」で表示した「赤色立体地図」の例。「火山基本図データ（基図）」と合成して表示した状態 　赤色立体地図とは、地形の立体表現手法の1つで、傾斜量を赤色の彩度で、尾根谷度を明度に... 続きを読む

UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方 | コリス

2018/05/29 79 users 彩度 コリス UX Movement テクニック スマホアプリ

背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use Bright, Saturated Colors for Backgrounds 下記は UX Movement の記事を意訳したものです。UX Movementでは他にもUXデザイ... 続きを読む

さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 - Literally

2016/10/29 169 users 色相 彩度 パラメーター Literally 配色

2016 - 10 - 29 さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 デザイン 今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやす... 続きを読む

その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か | UX MILK

2016/07/25 403 users UX MILK 文字 デザイン 何％

この記事はUX Movementからの翻訳転載です。配信元または著者の許可を得て配信しています。 UX Movement - Why Your Gray Text Should Never Exceed 46% Brightness (2016-04-05) 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかる... 続きを読む

これからのWeb制作に役立つ、69個の有益で大切なポイントのまとめ -69 Website Design Tips | コリス

2015/08/26 139 users コリス ユーザエクスペリエンス ビジター Web制作 ロゴ

Web制作のデザイン、ユーザエクスペリエンス、コンテンツ、制作・開発、そしてこれから必要もの、避けておきたいものをまとめた「69 Website Design Tips」を紹介します。 ターゲットとなるビジターを調査するのが重要 カラーは2, 3色をベースに、多色が必要なら明度に変化をつける ロゴは、デザインされた高品質なものを使う コンテンツが魅力的でも読めないテキストでは意味が無い 要素が減っ... 続きを読む

ウェブデザインをはじめるあなたへ - tushuhei blog

2014/07/05 1184 users ウェブデザイン ノンデザイナー メインカラー 彩度 あなた

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む

電々伝記: ゲームモデルやローポリにおけるテクスチャの作り方メモ

2014/06/14 50 users ローポリ 色相 彩度 テクスチャ 後々

ゲームモデルやローポリにおけるテクスチャの作り方メモ ローポリのテクスチャ表現は作品のクオリティを決める重要な要素 テクスチャのレイヤーにもある程度のお約束事が存在する、それは 「色相、彩度、明度が個別に調整でき、尚且つ、レイヤー数が一定に保たれるようにする」 これは、テクスチャを作る際、その質も重要だが、後々の調整作業の時の管理のしやすさも求められるから なぜかというと、チームで制作する前提があ... 続きを読む

石巻を舞台にした「Ingress Meetup」開催、グーグル副社長も登場 - ケータイ Watch

2014/05/12 60 users 石巻 グーグル副社長 ケータイ Watch 舞台 メインエリア

ニュース 石巻を舞台にした「Ingress Meetup」開催、グーグル副社長も登場 被災地巡り、ゲームを通じて震災前後を知る――iPhone版はまもなく （2014/5/12 11:42） ゲームのメインエリアの1つ、日和山にも多くのポータル（スマートフォンの画面は明度・コントラストを加工） 緑の陣営と青の陣営に分かれて、日々、街中にある“ポータル”を巡ってバトルするスマートフォン向け位置情報ゲ... 続きを読む

地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color | コリス

2013/10/20 81 users コリス カラーピッカー 中程 Photoshop 増減

Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloade... 続きを読む

Paletta - HSV Color palette for every Programmer

2013/08/20 585 users Paletta 色相 彩度 調和 カラーパレット

Palettaは顕色系(色相, 明度, 彩度)をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. PCから閲覧している場合は, カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます.　詳しく 続きを読む

黄色を効果的に使ったWebデザインまとめ | Handy Web Design

2013/01/21 58 users 黄色 Handy Web Design 配色 特定 気分

たまにはシリーズもので特定の色を使ったデザインまとめをやってみたいと思います。というわけで第１弾は「黄色」です。以前書いた「１２色の色が与える印象について。配色に困った時のいろいろ。」では色についての印象などをまとめていますので、まずはそちらから読んでいただくのも良いと思います！ 黄色の特徴は？ 黄色は明度が高く、集中力を高めたり気分を明るくしたりする効果があります。そのためWebデザインでも黄色... 続きを読む

複数の色を使うときにバランスよく配色する方法 | Handy Web Design

2012/11/28 913 users Handy Web Design バランス 複数 彩度 方法

ちょっとひさびさに配色についてです。カラフルに仕上げたいけど、なぜかうまくいかない！バランスが悪くなる！という場合のちょっとした配色のコツを書いてみたいと思います。 １．彩度・明度をそろえる 複数の色を使う時は、それだけで全体的にバラバラになりやすいのでひとまず彩度や明度を同じにするだけでもまとまりが出ます。 ２．暖色・寒色でそろえる テーマカラーなどがある場合は、暖色・寒色でそろえるとバランスよ... 続きを読む

カラーデザインの基本。色の三属性とは？

2012/04/27 55 users 三属性 カラーデザイン 基本 コミュニケーショ 色相

色の三属性とは色相・明度・彩度を言います。この3つの属性を正しく理解することが、カラーデザインを極める第一歩となります。また、この3つを正しく理解していないと、多くの人たちと正しくコミュニケーションをとることができません。 たとえば、「もっと暗いブルーで全体を落ち着いた印象にしてくれ」と、ディレクターの上司に頼まれても、上司のイメージする色と、あなたのイメージする色が違えば、正しくコミュニケーショ... 続きを読む

今さらだけど、トーンカーブって凄いよね？ : Web Design KOJIKA17

2012/03/16 1752 users トーンカーブ Web Design KOJIKA17 色調

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPA... 続きを読む

画像編集する際に、RGBばかりでなく色相・彩度・明度（H/S/L）も意識していますか？ : ライフハッカー［日本版］

2011/10/01 60 users 色相 彩度 RGB Tweet ライフハッカー

ソフトウェア , 写真 , 画像 , 趣味 画像編集する際に、RGBばかりでなく色相・彩度・明度（H/S/L）も意識していますか？ 2011.10.01 11:00 コメント数：[ 0 ] Tweet かれこれ10年以上画像編集ソフトを使っている人でも、色相（H）・彩度（S）・明度（L）が何なのかよく分かっていない人は多いのではないでしょうか？　RGBスライダは動かしても、このH/S/Lについて知... 続きを読む

配色パターンからWebデザインを考える | Webクリエイターボックス

2010/03/23 2556 users 配色パターン Webクリエイターボックス webデザイン

ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・... 続きを読む

覚えておきたい配色のワザと便利なツール :: Love & Design ::

2007/05/17 689 users DESIGN 配色 LOVE ワザ Hue

色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Satura... 続きを読む

知っておくと便利な「無彩色」の使い方 | *LOVE IS DESIGN*

2007/05/02 98 users LOVE IS DESIGN 無彩色 使い方 色相 彩度

白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の... 続きを読む