テクノロジー
デザインの基本日記「配色編」｜Design Beginner

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

デザインの基本日記「配色編」｜Design Beginner

テクノロジーカテゴリーの変更を依頼記事元:

note.com/begin_design

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1405usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

デザインの基本日記「配色編」｜Design Beginner

1405 users

note.com/begin_design

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント75件

注目コメント
新着コメント

kuracom「色に頼らなくても見やすいレイアウト」ほんとこれ超大事。

2018/03/15リンク

その他

fujibay1975地図は左の方が見易くない？

2018/03/15リンク

その他

aienstein色相以外の明度や彩度に関しては、それをまとめた「トーン」という概念で揃えたりメリハリを出したりする。「トーン・オン・トーン」などで検索すると出てくるよ。あと一旦白黒にして濃淡のメリハリを見たりする。

2018/03/15リンク

その他

otihateten3510すごくいい

2018/03/15リンク

その他

ustar見やすいレイアウトやガチャガチャした配色とかいう表現が曖昧で理解出来ない

2018/03/15リンク

その他

kurotokageデザイナーを目指す人はこういう表面的なものより色彩の基本を勉強してほしいと、デザイナーの知識不足のしわ寄せを受ける製造現場の人間として思う。

2018/03/16リンク

その他

pikopikopan分かりやすい

2018/03/15リンク

その他

uturi分かりやすくまとまってる。『まずは2色でデザイン』ってのは分かりやすい方法だな。メインが2色だとモノクロ印刷しても見やすいし。

2018/03/16リンク

その他

wdr_s細かい配色理論をわかりやすくまとめている。色「に頼らなくても見やすいレイアウト」に頷く。

2018/03/15リンク

その他

JIRO_invest色使いは悩みのテーマ(￣▽￣;) デザインの基本日記「配色編」｜Design Beginner@design_beginner｜note（ノート）

2018/04/19リンク

その他

asiminoデザインの基本。具体例イラストでわかりやすい。

デザイン

2018/04/01リンク

その他

rouxrilわかりやすくて、イラストもとってもかわいい♪

配色

2018/03/22リンク

その他

wiz7“一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる”

デザイン

2018/03/18リンク

その他

zzzz-neo「分かりやすさ」のためのスキル

あとで読む

2018/03/17リンク

その他

hyrasanメチャメチャ勉強になる[あとで読む]

2018/03/16リンク

その他

hitotakuchan色弱の人にどういう風に見えるか考えた？

2018/03/16リンク

その他

ornith直感的ですっごいわかりやすい！

デザイン

2018/03/16リンク

その他

akiramazなんか薄くない？ちゃんと勉強したほうがいいと思うけど。

2018/03/16リンク

その他

teraph服の着こなしにも応用できそうな話

2018/03/16リンク

その他

oitomoあと気をつけるとすれば、赤と緑を同時に使うときかな。イラストかわいい

2018/03/16リンク

その他

vlxst1224ユニバーサルデザインに気を付けていると自然と色に頼らないデザインになっていくしね。まず配置と形状、コントラストを決め、それから色を決める方が悩まない。美少女の描き方と同じ

2018/03/16リンク

その他

tadashi_shimizuデザインの基本を例となる絵とともに説明してくれる良コンテンツ。

2018/03/16リンク

その他

TACOMIC#蛸さ　#蛸絵◆例示の絵柄の味わいが何とも。オシャレやクールでもなく、解説書っぽい硬いものでもない。ほのぼのとした可愛らしさ。太目で定規を使ってない描線。「キレイ」よりも「分かりやすさ、親しみやすさ」。

2018/03/16リンク

その他

derby白黒は最初否定されるけど慣れるといい

2018/03/16リンク

その他

aceraceae基本だけどよくまとまってる。

2018/03/16リンク

その他

komeshogunhttp://tsutawarudesign.com/miyasuku5.html

2018/03/16リンク

その他

uturi分かりやすくまとまってる。『まずは2色でデザイン』ってのは分かりやすい方法だな。メインが2色だとモノクロ印刷しても見やすいし。

2018/03/16リンク

その他

natu3kan明るい色だと元気さ活発さ、暗い色だと大人しさ。みたいにデザインで言われてるけど、こういう人の印象を集める分野でのデザインによる心理的効果って科学的に証明されてたりするんだろうか

design

2018/03/16リンク

その他

ipinkcatスッキリしたわかりやすいデザインのために

2018/03/16リンク

その他

sgo2複数の情報を的確に見分けるにはカラフルな方が見やすく、「他者に」見せたい情報を伝えるには色を絞った方が見やすい。目的に応じて変えるべき。大抵の図は後者が適切だけど比較用のグラフとかは前者が適切

2018/03/16リンク

その他

dokucoわかりやすい

2018/03/16リンク

その他

adwhingめも

2018/03/16リンク

その他

izyukagawaめっちゃ為になる！

2018/03/16リンク

その他

2018/03/16リンク

その他

miyatakesan絵がいい

2018/03/15リンク

その他

kjtec地図はやっぱり左のほうがパリッとしてるよね

Design

2018/03/15リンク

その他

jnr3434為になった

2018/03/15リンク

その他

kenjikanaイラスト可愛い

2018/03/15リンク

その他

tadaken3すごくわかりやすいデザインの記事。色に頼らなくても見やすいレイアウトが大事。

2018/03/15リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「デザインの基本日...」が注目されています。

気持ちをシェアしよう

ツイートする

デザインの基本日記「配色編」｜Design Beginner

配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。ま...配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を