配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]第 2 版
ハイショクアイデアテチョウメクッテミツケルアタラシイデザインノホンカンゼンホゾンバンダイニハン
- 著者:
- 桜井 輝子(サクライテルコ)
- 注目:
- 総合 1022 位
- 出版社:
- SB クリエイティブ
- 出版日:
- 2023年07月31日
- ISBN:
- 9784815619046
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
配色本として圧倒的な売上 NO.1※
シリーズ累計 40 万部突破! 全世界で売れている!
ずっと、売れている配色本の決定版が、
配色を追加し、豪華特典を付けて、リニューアル!
※2018〜2022 年、配色本のシリーズ累計売上より算出
・日販売上ランキング: 配色関連書籍 売上第 1 位
・TSUTAYA:芸術・デザインジャンル 売上第 1 位
・丸善ジュンク堂書店: 芸術・デザイン・色彩ジャンル 売上第 1 位
仕事や趣味にすぐ使える。
イメージを形にできる新しい配色の教科書。
欲しい配色がすぐに見つかる!
印象別 / 年代別 / 国別 / 色相別
さまざまな配色見本が全部で 3350 選!
デザイン / イラスト / 写真 / ビジネス / プレゼンテーション / ハンドメイド / ファッション / インテリア / 塗り絵 / 趣味など
色を扱うすべての人が使える!
◎超豪華なダウンロード特典!!
色を使うクリエイターや、色が大好きな人のことを考えて作りました!
【特典 1】Adobe Photoshop で使える『スウォッチ』
【特典 2】Adobe Illustrator で使える『スウォッチ』
【特典 3】CLIP STUDIO PAINT で使える『カラーセット』
【特典 4】『ポケット配色アイデア手帖 完全版』
【特典 5】Web デザインで使える『CSS』
◎特典の内容
【特典 1】Photoshop には色に名前を付けて登録できる「スウォッチ」という機能があります。各テーマ配色ごとの CMYK・RGB のスウォッチを用意していますのでボタン 1 つで色を指定できます。これからは色数値を手入力する必要はありません。ボタン 1 つで色が指定できます!
【特典 2】Illustrator にもスウォッチ機能があります。CMYK・RGB のスウォッチを用意しています。
【特典 3】CLIP STUDIO PAINT にも色に名前を付けて登録できる機能「カラーセット」があります。各テーマの配色を用意しています。
【特典 4】スマートフォンで配色が見られる PDF を用意しています。ファッションやインテリアなど、外出先で配色を活用したいときにサッと便利に使えます。
【特典 5】Web デザイナー向けに CSS のコードを用意しています。
◎この本のポイント
・全 134 項目のテーマと合計 3350 選の配色数。 配色見本がたっぷり詰まった完全保存版!
・全テーマ見開き完結で読みやすく、本のサイズがコンパクトなので作品づくりの際に机が広く使える!
・ダウンロード特典を使えば Photoshop・Illustrator・CLIP STUDIO PAINT で色指定がボタン 1 つでできる!
・ダウンロード特典のポケット配色アイデア手帖[完全版]なら、いつでもスマートフォンで配色が見られる!
技書の森解説
色の組み合わせを決める場面で、理屈より先に見本を引きたい人のための配色見本帳です。『配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]第 2 版』 (桜井 輝子 著、SB クリエイティブ、2023 年 7 月 28 日発売) は、印象別、年代別、国別、色相別に配色の見本を集めた本で、版元はデザインやイラスト、写真、プレゼンテーション、ハンドメイド、ファッション、インテリアなど、色を扱う幅広い用途を想定しています。第 2 版は、初版に新しい配色とコラムを追加し、ダウンロード特典を付けて刊行されました。著者の桜井 輝子氏は東京カラーズ株式会社の代表取締役で、版元の著者紹介によれば、2014 年にスウェーデン国家規格のナチュラルカラーシステム (NCS) の認定講師資格を日本人として初めて取得しています。
印象別の 10 部と、国、歴史、色相の 3 部という構成
目次は Part 01 から Part 13 までの 13 部です。Part 01「カジュアル・アクティブ・ポップ」から Part 10「シャープ・モダン」までは、ロマンティック、ナチュラル、エレガント、クラシック・シックといった印象の言葉で配色をまとめています。続く Part 11「カラフルワールド」は日本の色と世界の色、Part 12「カラフルヒストリー」は歴史と流行色や絵画の色、最後の Part 13「レインボー・カラーパレット」は色相別の配色です。版元の案内では全体で 134 のテーマ、3350 選の配色を収め、どのテーマも見開きで完結します。作りたいものの雰囲気を言葉で決めてから引くこともできれば、使いたい色相を先に決めて Part 13 から逆に引くこともできる並びです。
見開きの左に言葉と写真、右に 2 色と 3 色の配色
版元の紹介によれば、紙面は左ページに写真や色玉と、色にまつわるエッセイや豆知識、配色のポイントなどの文章を置き、右ページに 2 色と 3 色の配色、ページの右端にロゴやラベル、パターンや柄、イラストといった作例を並べる設計です。色数を 2 色か 3 色に絞った見本が中心になっている点には実務上の意味があります。配色は一般に、面積の大きい基調の色、印象を決める主の色、目を引く差し色の役割に分けて考えますが、色数が増えるほど役割の分担が崩れ、まとまりを失いやすくなります。少ない色数の組み合わせを手本にして、それを面積の比率で使い分けるほうが、資料やバナーのように短い時間で仕上げる制作物では失敗が少なくなります。本の判型は A5 判を横にした形で、作業の机の上で場所を取らないことも版元が挙げる特徴です。
スウォッチと CSS の特典が画面の制作を短くする
ダウンロード特典は 5 種類あります。Adobe Photoshop と Adobe Illustrator で使えるスウォッチ、CLIP STUDIO PAINT で使えるカラーセット、スマートフォンで配色を見られる『ポケット配色アイデア手帖 完全版』の PDF、そして Web デザイン向けの CSS です。スウォッチは CMYK と RGB の両方が用意されており、色の数値を手で入力せずに指定できます。印刷物はインクを重ねるほど暗くなる減法混色の CMYK で、画面は光を重ねるほど明るくなる加法混色の RGB で色を表すため、同じ配色でも紙と画面で値の扱いが変わります。両方の値がそろった特典は、印刷物と Web の両方を手がける人ほど手間を省けます。Web の制作では、配色を CSS の色の指定に落とし込む段階で転記の誤りが起きやすいので、コードの形で配色を受け取れることにも実務上の価値があります。
色選びに迷う人の手元向きで、色彩学の教科書ではない
本書は配色の見本を引くための本であり、色相環や色の三属性から順に積み上げる色彩学の教科書ではありません。色彩検定のような試験の学習や、画面の文字と背景の明度差を数値で設計するといった目的には、別の専門書を組み合わせる必要があります。一方で、資料やチラシ、Web のバナー、イラストや手芸の色を決める場面で手が止まりがちな人にとっては、言葉の印象から候補を探し、そのまま制作の道具に取り込めるという流れが一冊で完結します。Web デザインを学ぶ本の中での位置づけは、Web デザイン本ガイド が整理しているレイアウトや配色の原則の本の一角にあたります。色を決める時間を短くしたい人、配色の引き出しを手早く増やしたい人には、机の脇に置いて繰り返し開く価値のある一冊です。
この本に興味がある方におすすめ
関連する本
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
技術書の帯コピーの世界 - 煽り文句に隠されたマーケティング
「10 万部突破」「現場で使える」「これ 1 冊で完璧」。技術書の帯に書かれた煽り文句の法則と、帯が売上に与える影響を解説します。
あの有名 OSS のコードは、この本の影響を受けている
広く使われているオープンソースソフトウェアの設計には、技術書と共通の語彙や原則が残っています。OSS のコードから辿れる影響と、似ているだけの例の見分け方を整理しました。
関連用語
Tailwind CSS
ユーティリティファーストの CSS フレームワークで、クラス名の組み合わせでスタイルを構築する
セマンティック HTML
HTML 要素の意味 (セマンティクス) に基づいてマークアップし、支援技術や検索エンジンが文書の構造を読み取れるようにする手法
CSS Modules
CSS ファイルのクラス名を自動的にスコープ化し、名前衝突を防止する CSS のモジュール化手法
ストリーム処理
データを受信しながらリアルタイムで処理する手法で、バッチ処理と対比される
CSS-in-JS とは - styled-components/Emotion の仕組みと選定基準
CSS-in-JS は JavaScript 内で CSS を記述しコンポーネントスコープのスタイルを実現する手法。ランタイム型とゼロランタイム型の違い / パフォーマンス比較を解説
Flexbox
1 次元の柔軟なレイアウトを実現する CSS のレイアウトモデル