あらすじ
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
デザイナーでない人のための、デザインの定番基本書。待望の第４版！
デザインの「４つの基本原則」。これを知るだけで、あなたのデザインはずっとぐっと、良くなります。プロではなくても、読みやすいデザイン、伝わるプレゼン資料、わかりやすいレイアウトを作りたい。そんなあなたのための、デザインの基本書です。
●本書の対象読者
仕事で、学習で、「デザイン」や「レイアウト」をしなければならない場面は、多々あります。本書は、プロではないし、デザインの学習に割ける時間はあまりないものの、自分の作るページや制作物を見栄え良くする方法を知りたい、という人のための本です。
●本書の特徴
1.デザインの「4つの基本原則」がわかる
近接、整列、反復、コントラスト……デザインの4つの基本原則として知られるこれらを最初に提示したのは本書です。良い例、悪い例を挙げて、具体的に原則を解説していきます。
2.作例を多数解説
基本原則を適用して、名刺、チラシ、パンフレット、広告などをデザインする際のテクニックを解説しています。考え方だけでなく、どのように原則を使っていけば良いかが、よくわかるでしょう。
3.活字を用いたデザインを解説
文字および活字は、デザインにおいて大きな役割を担っています。コミュニケーションを強化するための、タイポグラフィの基本からアレンジまで、解説します。
4.日本語版での追加項目
日本語版での追加項目として、日本語を使ったデザインでの「4つの基本原則」の適用方法を、名刺、フライヤー、ウェブなどの作例を用いて解説しています。
『この本がデザイン学校の4年間の代わりになる、と言うつもりはありません。また、この小さな本を読めば、自動的に優れたデザイナーになれる、と言うつもりもありません。しかし、あなたがページを見る目は確実に変わるでしょう。この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。』（著者「まえがき」より）
第1版発売から18年ずっと売れ続けているロングセラー、待望の【第4版】の登場です。
感情タグBEST3
このページにはネタバレを含むレビューが表示されています
Posted by ブクログ
最近アプリやWebサイトの開発をやっている中で、やっぱ己のデザイン力が足りてないということで、知り合いのデザイナーの方に紹介してもらったこちらの本を読みました。
デザイナーではないが、デザインに取り組む人に対する本としてかなりのロングセラーらしいです。
【デザインの4原則】
1.近接
関連する項目をまとめてグループ化する。逆に別のグループのものは意図的に遠くに配置する。だが、同じページに個別のグループが乱立するとかえって見にくい。
2.整列
脳死で中央揃えにしない。ページ上の全てのものは意図的に配置しなければならない。右/左揃えを利用した方がパキッとしたデザインになる。中央揃えは良くも悪くも普通で、フォーマル。
また、同じページに複数の整列方法を使うのはあまり好ましくならない傾向にある。視覚的なつながりを意識する。
3.反復
デザイン上の何かの特徴を作品全体を通して繰り返す。反復は一貫性。一体化と視覚的な面白さを追加できる。反復を作り出すために要素を加えてもいい。ただ、あまりにうるさく強迫的な反復はだめ。
4.コントラスト
違うのであれば、本当の意味で違いをつけて目立たせる。（大きさ、フォント、太さなど）目はコントラストが好き。情報の組織化を支援することで、論理の流れが読者にとって一瞬でわかるようになる。はっきり異らせることがとても大切。
【その他個人的に覚えておきたいTips】
- カラーホイールの正三角形の頂点にある3色は目に良い。
- 暖色と寒色では暖色は目立つので暖色の方が少なくあるべき
- 活字でコントラストをつけるにはサイズ、太さ、構造、フォーム、方向、色の6つを使う。
- 文字を斜めに写すのはあまりよろしくない
ユーザーにとっての第一印象となるUIをより良いものにできるよう精進あるのみ。
人生はデザインと同じらしい。
Posted by ブクログ
素晴らしいデザインとは何か？
少なくともそれは論理的に説明されなければならない…というのが筆者の主張の一つかな。
まず基本原則としての
1.コントラスト
2.反復
3.整列
4.近接
があり、デザインと呼ばれるものすべてはここを起点にしている。実際に見てみると納得で、人に訴えかける見え方というのはここまで言語化されてるのかと驚いた。
あんまり意識しないまま資料を作ってたけど、これを意識すると比較的キレイになった…ような！こういうのは他のを見ながら経験値貯めるしかないなー。
あとは和文でのデザイン解説も巻末に載っているのでこれだけでも目を通す価値はあるかも。明朝体とゴシック体の違いくらいは分かってたけど、他のフォントの組み合わせとかは実際やってみないとね。
Posted by ブクログ
デザインのお勉強。
■4つの基本原則
良いデザインの作品には必ず見られる基本原則の概要を次に示します。各原則を個別に解説していきますが、それらが実際には、互いに関連しているということを覚えておいてください。どれか一つの原則しか使わないということは、めったにありません。
コントラスト(Contrast)
コントラストの背景にある考え方は、ページ上の要素同士が単に「類似するのを避けるということです。もし要素(書体、色、サイズ、線の太さ、形、空きなど)が「同一」でないなら、はっきり異ならせるということです。コントラストは、ページ上で視覚を引きつけるもっとも重要な要因になることがよくあります。つまり、読者をまず読む気にさせるという働きをするのです。また、情報をより明確に伝える役割もします。
反復(Repetition)
デザインの視覚的要素を作品全体をとおして繰り返すことです。色、形、テクスチャー、位置関係、線の太さ、フォント、サイズ、画像のコンセプトなどを反復させることができます。反復は、組織化を促進し、一体性を強化します。
整列(Alignment)
ページ上では、すべてを意図的に配置しなければなりません。あらゆる要素が、ほかの要素と視覚的な関連をもつ必要があります。整列は、すっきりと洗練された見え方を生み出します。
近接(Proximity)
互いに関連する項目は、近づけてグループ化しなければなりません。いくつかの項目が互いに近接しているとき、それらは複数の個別のユニットとしてではなく、1個の視覚的ユニットとして認識されます。近接は、情報の組織化に役立ち、混乱を減らし、明確な構造を読者に提示します。
■近接のまとめ
いくつかの項目が互いに近接しているとき、それらは、複数のばらばらのユニットではなく、1個の視覚的ユニットになります。互いに関連する項目は、グループ化する必要があります。視線の流れを意識しましょう。どこから見始めるか、どういう道筋をたどるか、どこで見終わるか、読み終わったあとどこに目がいくか。紛れもない始めから紛れもない終わりまで、体の論理的な流れが目で追えるようになっている必要があります。
基本目的
近接の基本的な目的は、組織化です。ほかの原則も組織化に貢献しますが、関連する要素を近づけてグループ化するだけで、自動的に組織構造ができあがります。情報が組織化されていれば、読んでもらえる可能性が高くなり、覚えてもらえる可能性も高くなります。情報の組織化の副産物として、より魅力的(組織的)な空白(デザイナーの好物)を作りだすことができます。
実現方法
目をかすかに細めてページを眺め、視線が止まった回数を数えれば、視覚的要素の数がわかります。それが1ページあたり3～5個を超えている場合(もちろん内容によります が)、近接によってグループ化して、1個の視覚的ユニットにできるものがないか検討しましょう。
避けること
ページ上に個別の要素を作り過ぎないこと。
要素間に均等の空白を作らないこと。ただし、各グループが関連する下位区分の一部である場合は除く。
見出し、小見出し、キャプション、画像などが、本文のどの部分に関連するかを、読者が一瞬でも迷わないようにすること。要素間の関連を、近接によって作りだすこと。
異なる性質の要素間に、関連を作らないこと。 関連しない項目は、離して配置すること。
ただ空いているという理由だけで、隅や中央に何かを貼り付けないこと。
■整列のまとめ
ベージ上のすべてのものを、根拠なく配置してはいけませんページ上のすべての要素が、ほかの要素と視覚的つながりをもつようにしましょう。
一体性は、デザインにおける重要なコンセプトの一つです。ページ上のすべての要素を一体化し、結び付け、相互に関連させるには、個々の要素を結び付け視覚的な綱が必要になります。ページ上の個々の要素が物理的に離れている場合でも、ただ配置のしかただけで、それらが結び付き、関連し、一体化されているように「見せる」ことは可能です。あなたが好きなデザインを見てごらんなさい。うまくデザインされた作品なら、最初はどんなに荒っぽく混沌として見えようと、そこには必ず整列の存在を見つけることができます。
基本目的
整列の基本的な目的は、ページの一体化と組織化です。その効果は、居間の床に散らばった犬のおもちゃを、あなた(あるいは犬)が、おもちゃ箱に片づけることによく似ています。
強い整列が、もちろんふさわしい書体と組み合わされて、洗練された表現、フォーマルな表現、楽しい表現、真剣な表現を生み出す主役になることはよくあります。
実現方法
意議的に要素を配置してください。物理的に離れていても、そろえることができるほかの要素を必ず見つけましょう。
避けること
同じページで2種類以上の文字ぞろえを用いないこと(たとえば、 同じページで使うようなこと)。
と(たとえば、中央ぞろえと右だろえき
フォーマルで静粛な表現を意識的に作る場合は別として、中央ぞろえにする癖をやめるために真剣に努力してください。中央ぞろえを選ぶなら、「とりあえず」ではなく、意識的に選択しましょう。
■反復のまとめ
デザイン全体をとおして視覚的要素を反復すると、孤立している部分が結び付き、作品が一体化され強化されます。反復は１ページの制作物でも役立ちますが、複数ページの文書では欠かせない存在になります。（複数ページの場合は、単に一貫性と言うことがよくあります)。
基本目的
反復の基本的な目的は、一体化と視覚的なおもしろさを加えることです。ページの視覚的なおもしろさを軽く見てはいけません。おもしろそうに見えれば、読んでもらえる可能性が高くなるのです。
実現方法
反復とは、一貫性のことだと考えてください。あなたはすでに、それを実践しているはずです。それなら、すでに存在する一貫性を、もう一歩進めましょう。見出しのような一貫性のある要素を、意識的なグラフィック・デザインの一部に変えてみましょう。それぞれのページの底と見出しの下に１ポイントの罫線を引いているなら、それを4ポイントの罫線に変えて、反復要素をさらに強調し、もっとドラマチックにしたらどうでしょう。
次に、ただ反復を作りだすためだけに、要素を加えることを考えましょう。番号付きリストがあるなら、その数字をもっと目立つ書体や白抜きにして、その出版物のほかのすべてのリストも同様にしてはどうでしょう。まず始めは、すでに存在する反復を見つけてそれを強化します。反復の考え方と見え方に慣れたら、情報の明晰性とデザインを強化する反復を「作りだす」ことを始めるのです。
反復は、服装にアクセントを付けることと似ています。ある女性がすてきな黒のイブニングドレスとシックな黒い帽子を身に着けているとしたら、赤いハイヒール、赤い口紅、小さな赤いピンで、服装にアクセントを付けることができるでしょう。
避けること
要素を、うるさく強迫的に感じるほどには反復させないように。コントラストの価値を意識してください(次章と、特に活字のコントラストを解説したセクションを見てください)。
たとえば、さきほどの女性が黒いイブニングドレスに、赤い帽子、赤いイヤリング、赤い口紅、赤いスカーフ、赤いハンドバッグ、赤い靴、赤いコートを組み合わせれば、その反復は、衝撃的で統一的なコントラストではなく、強迫的なものになり、焦点が混乱してしまうでしょう。
■コントラストのまとめ
ページ上のコントラストは、私たちの目を引きつけます。私たちの目はコントラストが「好き」なのです。同一ページに2つの異なる要素(2種類の書体や2種類の太さの線など）を配置するときには、それらを似せてはいけません。コントラストを効果的にするには、2つの要素がはっきりと異なっている必要があるのです。
コントラストは、壁の染みを隠すために塗るペンキの色合わせと似たところがあります。だいたい、同じではだめで、正確に同じ色にするか、それが不可能なら壁全体を塗り直すしかない のです。「ほぼ近い、が有効なのは、馬蹄と手榴弾だけだ」と、熱心な馬蹄投げプレーヤーだった私の祖父は、いつも言っていたものです。
基本目的
コントラストには、互いに密接に関連する2つの基本的な目的があります。一つは、ベージにおもしろみを作りだすことです。ページがおもしろそうに見えれば、読んでもらえる可能性 が高くなります。 もう一つは、情報の組織化を支援することです。ある項目から次の項目への論理の流れが、つまり情報の組み立てが読者に一瞬でわかるようになっているべきです。 コントラストを付けたせいで、読者を迷わせたり、焦点ではないものを焦点に見せてはいけません。
実現方法
書体の選択(この本の後半を見てください)、線の太さ、色、形、サイズ、空きなどでコントラストを付けましょう。コントラストを付ける方法は、簡単に見つけることができます。コントラストは、視覚的なおもしろさを加えるための、たぶんもっとも楽しくて効果的な手段でしょう。大切なのは強調することです。
避けること
コントラストを付けるなら、力強くいきましょう。太そうな線ともっと太そうな線とで、コントラストを付けようとしないことです。茶色の本文と黒の見出しで、コントラストを付けようとしないことです。よく似た書体を複数使ってはいけません。正確に同じでないものは、はっきり異ならせるのです。
デザインには、そして人生にも、全般的に通用する方針がもう一つあります。
それは、臆病になるな、ということです。
あなたのデザインに、そして人生にも、空白がたくさんできることを恐れてはいけません。
空白は目と魂が憩うところです。
■暖色対寒色
寒色は背景に「引っ込む」し、暖色は前面に「出る」
