このWebページでは“デザインするのに、デザイン理論を知らなくていいはずがない”をテーマにデザインの基礎知識について記述しています。

黄金比

神が授けた美の方程式

黄金比は古代エジプトで考案され、ギリシア時代からさまざまなものに使われてきた美の原理。ある面を分割することで生まれた、大と小の割合が1対1.616・・・になる比率を取り入れると、視覚的にバランスの取れたものになるという法則です。レオナルド・ダ・ビンチの人体測定図とモナリザ、クレジットカード、名刺、タバコのパッケージやアップル社のiPodなど縦横が黄金比になったものが多い。特にiPodは黄金比とシンメトリーを組み合わせたデザインで評価は高い。

なぜ、その比率が美しく見えるかは多くの人が追求してきた謎だが、20世紀になって動植物の形や模様などの配列が、黄金比と同じ数字の配列(フィボナッチ数列)に準拠していることがわかり、黄金比は自然の形の多くが持つ比率であることが解明されました。つまり黄金比に理想の美を感じると言うことは、人間がもともと自然の形の配列に理想的な美や調和を見いだすセンスを持っているからではないか、という仮説だ。

ただし、黄金比だけが美の比率として絶対的な存在というわけではない。本や紙などのサイズは1対1.414・・・(ルート2)が多いし、古来日本では畳や障子に見られるように1対1、1対2、1対3といった単純な整数比による分割が好まれてきました。

いずれにしても、視覚的に美しいものの多くは一定の秩序があるのは確かで、その法則を知っておけば構図的な美しさを追求する際の、一つの指針にできるはずです。

シンメトリー

「安定」と「秩序」の大原則

シンメトリーは、一般的には左右対称の形を指します。私たちの周りを見渡しても、自然や動物、建物や乗り物など、シンメトリーのモノは実は多い。生まれたときから多くの左右対称のビジュアルに囲まれ、無意識のうちにバランスや調和を感じ取っているのかもしれません。

安定感に優れたシンメトリーは、古代から多くの造形に利用されてきました。例えば協会や神殿などの多くがシンメトリーで、この構図が権威や威厳さを演出し、心の平穏や美的な快感をもたらすことを、当時の設計者が理解していたと言われます。

日本の古来のデザインにも美しいシンメトリーのモノは多い。その一つが「家紋」です。幾何学曲線を駆使したシンメトリーの美しい構図が安定・安寧をイメージさせると同時に自然や小道具が見事に抽象化去れ、日本人の高度なデザイン性を感じさせる。

ただし、現代は変化のある構図を好む傾向があり、グラフィックなどでは「アンシンメトリー」を用いるケースの方が多いようです。しかし、そういうデザインに慣れた今だこそ、「ここぞ!」という使い方をしたシンメトリーの美しいデザインが目を引き、ひときわインパクトがあるように感じられます。

なお、シンメトリーと呼ばれるモノは「左右対称」だけではなく、「点対称」「平行移動」「拡大縮小」それら4つのパターンをさまざまに組み合わせたものも含まれます。

いずれにしてもシンメトリーは一定の規則性を持った安定や調和や力強さを感じさせる構図です。オーソドックスなようで応用範囲が広く、デザイナーの力量が大きく問われる手法です。

遠近法

平面上で立体感や奥行きを表現する

ディズニーのCGを描くクリエイター達は、最初の1年間は手書きのデッサンを徹底的に訓練されるという。写実的な描写力はデザインに欠かせないスキルなので、基礎無くして応用はできないということだろう。こうした、対象を正確に捉えるデッサンに不可欠な手法が「遠近法」です。近くにあるものほど大きく、遠くに行くほど、小さくなるという奥行感や対象をどこから見ているかなどを目線の上下左右感で表現するのがその基本となります。画面全体で正確な奥行き感を出して行くには、一定以上まで遠くになると物体が見えなくなる「消失点」を設定しなければならない。こうした対象の持つ距離感を一つひとつの面ごとに正確に描写することで、平面上でも立体的な表現が可能となり、目で見たままのような写実的な描写ができるというわけです。

ちなみに、これは最も一般的な「西洋近代遠近法」と呼ばれるもので、ルネサンス以降は具象画のほとんどにこの手法が取り入れられています。現在でもかなり多くのデザインに遠近法が用いられていますが、より奥行き感を演出したい場合には、この技法を意識した構図で長さや距離感を際だたせるという使い方もできるでしょう。

なおその他にも遠近法にはさまざまな種類があり、東洋にも伝統的な距離感を出す「墨絵」や遠くのものも小さくせずにどんどん上方向へと積み上げていく「やまと絵(絵巻物や仏画に多い掛け軸が縦長である理由のひとつ)」などは、西洋とはまったく異なる遠近法が駆使されています。日本人の斬新な美学が感じられます。

また、レオナルド・ダ・ヴィンチは最後の晩餐で「色による遠近法(奥に行くほど色の彩度を低くし、遠い部分に寒色を使う)」の手法も使っています。

オプティカルイリュージョン

モノの「形」と「見え方」は同じではない

人の目は、ある物体を見た時の見え方をそのまま物体の形として認識します。しかし、実際には「形」と「見え方」はイコールでないこと事が多い。物体が置かれた状況や、視点の変換によってさまざまな見え方をすることがあるからです。これは「オプティカルイリュージョン(錯視)」と呼ばれる概念で、人間の視覚生理上、避けられない現象だとされています。そして、こうした現象をデザインでフォローするような作業が、身の回りでも行われています。

例えば、フランスの国旗は縦に3等分されたトリコロール模様だが、正式には3色がすべて同じ幅ではありません。実は3つの色が等幅に見えるよう青37、白33、赤30の比率で塗り分けられています。これは赤が最も強く目に残り、白は膨張して見える、といった色の見え方の違い(錯視)をデザイン側で修正しているわけです。

オプティカルイリュージョンを活かして遊び心があふれる絵を作ることも洋の東西を問わず古くから行われてきました。近年のアーティストではベルギーのルネ・マグリッドや、オランダのM.C.エッシャーなどが有名です。彼らの絵に共通しているのは、さまざまな錯視のトリックが仕掛けられていながらも絵としての完成度が高いことです。見る人はビジュアルの美しさに触れると同時に、仕掛けに騙されたり、その秘密を見破ったりするという推理ゲームを楽しむことができます。

オプティカルイリュージョンを活用するのも、実際のデザインで見え方のズレを調整するためか、それを積極的に利用してトリッキーなビジュアルづくりをするという2つのケースがあります。とりあえずはどんあ錯視があるのかを一通り心得ておいた方がいいです。

ディフォルマシオン

変容された形で本質を伝える

デザインそのものも、情報の一つです。デザイナーが対象物の持つ情報から何を取捨選択し、何を強調するかによって、人に“伝わる”デザインになるかどうかが左右されてきます。

そんな作為的な強調や変容、省略などをビジュアル的に行う手法がディフォルマシオン(一般的にはディフォルメ)です。ディフォルメは幾何学的には、あらゆる形は座標軸の長さや角度を変えることで、元の要素を残しながらも形は自在に変化させられるという考え方のことです。デザイン的には、例えば文字の縦横の倍率を変えたり、フォントをボールドやイタリックなどにすることも、正体の文字をディフォルメする行為となります。

日本では古くから「浮世絵」など、ディフォルメの表現が好まれてきました。写楽や歌麿が描いた役者絵は、顔のつくりと体とのバランスなど、実際とはかけ離れた描写でありながらも、役者の特徴が巧妙に描かれています。この技法は、描き出す対象を見たまま正確に描くことを重視していた、ヨーロッパの画家達を驚愕させたといいます。

ディフォルメの魅力は変形された形と元の形との対比に見られ、造形的な面白さにあります。元との形を変えていながら情報の本質をより洗練された形で伝える手法と言ってもいいでしょう。もちろん、変容していても美しいビジュアルでなければならないから、変容のさじ加減には高いセンスが要求されることになります。

基本的には、メッセージとして強調したい部分に何らかの変容を加えるというのがデフォルメのあり方なので、まずどの部分を強調すべきか、そのデフォルメが何を伝える表現になるのかを見極めることが重要です。

Webクリエイターが読む本

新鮮なアイデアを生み出すためのヒント

毎日、机の上のモニタを眺めているだけでは、大勢の人々を魅力するWebサイトは作れません。街の書店に行っても、パソコン書籍売り場をチェックするだけでは、面白いアイデアも浮かんできません。そこで今回は、ジャンルにとらわれることなく、Webデザイナーの役に立ちそうな書籍を集めてみました。

World Wide Webについて知るための本

World Wide Webという存在は、生まれてからわずか十数年の間に飛躍的な拡大を遂げました。ここでは、その歴史とこれからの歩みに触れることのできる本を紹介します。

Webの創成

World Wide Webはいかにして生まれどこに向かうのか

この本は、Webの発明者でもあるティム・バーナーズ-リー(現在W3Cのディレクター)が書いた「Weaving the Web」の翻訳です。前半はWebが世に出て発展していく過程を、ティムの自伝形式で綴っています。後半はW3Cと現在のWeb、またWebがどうあるべきかが平易に説明しています。Webに関する仕事に従事している人なら、Webの生い立ちを知り、W3Cを知り将来のWebの姿を知るために読まなければならないバイブルであることは間違いありません。

• ティム・バーナーズ-リー (著)、高橋 徹 (翻訳)
• 価格: 2,520円
• 単行本: 279ページ
• サイズ(cm): 21 x 15
• 出版社: 毎日コミュニケーションズ
• ISBN: 4839902879
• 改版版 2001/08/24
• 販売先:Amazon.co.jp

目次

• 第1章 Enquire upon Everything/万物の探索
• 第2章 Tangles, Links, Webs/もつれ、つながり、網の目
• 第3章 info.cern.ch/CERNのサーバ
• 第4章 Protocols: Simple Rules for Global Systems/プロトコル-地球大のシステムのための単純なルール
• 第5章 Going Global/地球大の世界へ
• 第6章 Browsing/ブラウジング
• 第7章 Changes/状況の変化
• 第8章 Consortium/コンソーシアム
• 第9章 Competition and Consensus/競争とコンセンサス
• 第10章 Web of People/人々の網の目
• 第11章 Privacy/プライバシー
• 第12章 Mind to Mind/思考をつなぐ
• 第13章 Machines and the Web/マシンとWeb
• 第14章 Weaving the Web/Webの創成

デザインの基礎について学ぶための本

まず、「デザインの基礎」ということについてじっくり考える本を紹介します。歴史を辿り、思想に触れ、基礎を見直すことで得られるものが大いにあるはずです。

茶の本

当時外国にあった著者が、故国恋しさの思いを茶事の物語によせ、英文でニューヨークの1書店から出版したもの。日本の精神的所産の最も美しい面を見事に捉え得た名著として広く読まれてきました。

• 岡倉 覚三 (著)、村岡 博 (翻訳)
• 価格: 378円
• 文庫: 95ページ
• サイズ(cm): 15 x 11
• 出版社: 岩波書店
• ISBN: 4003311515
• 改版版 (1961/01)
• 販売先:Amazon.co.jp

目次

• 第1章 人情の碗
• 第2章 茶の諸流
• 第3章 道教と禅道
• 第4章 茶室
• 第5章 芸術鑑賞
• 第6章 花
• 第7章 茶の宗匠

プロとして恥ずかしくないデザインの大原則

「デザイナーを名乗るなら／名乗りたいなら、知っておかなければならないことがあります」となるシリーズ第1冊目。本書はDTPユーザーが対象ですが、もちろんプロのWebデザイナー必須スキルです。

• 価格: 1,680円
• 文庫: 143ページ
• サイズ(cm): 28
• 出版社: エムディエヌコーポレーション
• ISBN: 4003311515
• 発行日 2004/11/02
• 販売先:Amazon.co.jp

目次

• レイアウトの大原則
• 文字組みの大原則
• 配色の大原則
• タイトル・見出しづくりの大原則
• グラフ・表づくりの大原則
• 画像補整・加工の大原則
• 印刷と製本の基礎知識
• デザインアプリケーション総復習

プロとして恥ずかしくないPhotoshopの大原則

正しいPhotoshopの使い方を知っていますか?

Photoshopの正しい使い方を極めるなら、知っておかなければならないことがあります フォトレタッチソフトの定番、Adobe Photoshopの機能から現場的な活用方法まで、幅広く網羅したデザイナー向けの実践解説書です。Photoshopに関する基礎知識はもちろん、活用するうえで最も重要な選択範囲の使い方、実践的な画像補正術や画像合成術といったおよそプロのデザイナーとしてマスターしておくべきさまざまな技を、多くの図版と作例でグラフィカルに解説しています。初心者からすでに経験を積んだ中級者まで、Photoshopを極めるために必要な知識を目で追いながら再確認できる、デザイナー必携の1冊です。

• 価格: 1,680円
• ムック: 127
• サイズ(cm): 28
• 出版社: エムディエヌコーポレーション
• ISBN: 4844357840
• 発行日 2004/12
• 販売先:Amazon.co.jp

目次

• 画像の表示とカラーモード
• レイヤーの基礎知識と基本操作
• 画像の選択とその基本操作
• 画像補正の基礎とその手順
• 画像加工の基礎とその手順
• 選択範囲を指定する方法あれこれ
• 選択範囲実践 多角形ツールを使う方法
• 選択範囲実践 矩形ツールを使う方法
• 選択範囲実践 色域選択ツールを使う方法
• 選択範囲実践 カラーチャンネルを使う方法
• 選択範囲実践 レイヤーマスクを使う方法
• 選択範囲実践 複合テクニック
• 画像補正作業の流れ〜補正のポイントはどこか?
• 画像補正の基本手法（傾き調整・ゴミ取り）
• 画像補正の基本手法（色調・色かぶり、コントラスト）
• 画像補正の基本手法（シャープネスの補正）
• 画像補整実践テクニック 静物
• 画像補整実践テクニック 人物
• 画像補整実践テクニック 風景
• 画像合成作業のポイント〜キモはエッジ処理にある
• 画像合成の基礎知識 光の向きと強さと色
• 画像合成の基礎知識 最も重要なエッジ処理について
• 画像合成の基礎知識 レイヤーとレイヤーマスク
• 画像合成の基礎知識 変形とぼかし
• 画像加工実践テクニック-風景
• 画像加工実践テクニック-静物
• 画像加工実践テクニック-人物

プロとして恥ずかしくないWEBデザインの大原則

正しいWEBデザインのルールを知っていますか?

WEBデザイナーとして、マスターするべきルールと知識は正しく学ぶ書です。

Webサイトのデザインに関するさまざまな知識と原則をできるだけ幅広く、より実践的な内容でまとめたWebデザイナー向けの解説書です。レイアウトや配色、CSSといったWebデザインの基礎的な解説はもちろん、サイト構築の手法や動き、アクセシビリティ、検索エンジン対策といったサイト構築にかかわる数多くの要素を横断的に網羅してまとめ、図版と作例でグラフィカルにわかりやすく解説しています。初心者はもちろん、すでに経験を積んだ中級者まで、およそWebデザイナーとして恥ずかしくない知識とたしなみを学ぶ最適な1冊です。

• 価格: 1,680円
• 大型本: 143ページ
• サイズ(cm): 28
• 出版社: エムディエヌコーポレーション
• ISBN: 4844357875
• 発行日 2005/01
• 販売先:Amazon.co.jp

目次

• Webレイアウトの考え方 基礎となる5つのパターン
• Webレイアウトパターン 作例紹介
• Webデザインにおける配色の基礎とその応用
• Webサイト用途・目的別配色スタイルINDEX
• WebデザインとCSS-1〜CSSの基礎知識
• WebデザインとCSS-2〜いますぐ使えるCSSの技
• Webデザインにおける動きの種類
• いますぐできるWebデザイン動きの実例
• 目的別・用途別にサイト構造パターンを知る
• 情報アーキテクチャの基礎とその考え方
• Webアクセシビリティの基礎と知識を正しく理解する
• Webアクセシビリティをチェックする
• いますぐできるSEOの基本的な手法
• いますぐできるアクセスログ解析の手法

川崎和男

デザインディレクター　医学博士／名古屋市立大学大学院芸術工学研究科教授／大阪大学大学院　阪大フロンティア研究機構特任教授／多摩美術大学客員教授／1949年福井県生まれ。魚座・B型・左右利き。金沢美術工芸大学卒業。専門は3D-CAD/CAMとメディアインテグレーションによるプロダクトデザイン開発、特にメディカルサイエンスや位相空間論からの形態造形手法を目指す。2001〜2003年度グッドデザイン賞審査委員長・毎日デザイン賞最終選考委員。毎日デザイン賞ほか国内外の主要なデザイン賞は最多受賞。海外美術館に永久収蔵展示多数。

川崎氏の著書はデザイナーにとって必読書とも言えます。下記は出版年月順(最近の出版日が上位)の一覧です。デザイナーだけでなく、Mac Power誌執筆中でMacユーザーにもお薦めします。

デザインの極道論 「感性の言葉」としての形容詞

日本を代表するデザインディレクター川崎和男が、「デザインを極める道=極道」を著す!30の形容詞と形容動詞をテーマに、デザイナーの感性を再定義する。

“ ついに「極道論」！「デザインの極道論」”

本書の著者である川崎和男氏は、日本を代表するインダストリアル・デザイナーです。医学博士であり、大学教授でもある著者のデザインの対象は「タワシから原子力機器まで」と広範囲に渡っています。最近は、形あるモノ作りに限らず、医療や看 護、教育にまで、その活動領域を広げています。その川崎和男のコラム集シリーズ第5弾となる「デザインの極道論」でも、テーマ は「クレヨンしんちゃんからカタストロフィー理論まで」と幅広いのですが、特に大学人としてのデザイナーの教育に関する持論・体験が随所に記されている点も注目です。

自称「喧嘩師」の川崎氏ですので、一部の方の印象としては「怖い」人かもしれません。実際、「この人、怖い……（いろんな意味で）」と思う瞬間があります。が、それよりも強く感じるのが「この人は熱い！」ということです。熱いと言っても、冷静さに欠けるものではなく、情熱の熱さです。「デザインの極道論」は、そういった情熱を持ってあらゆることに取り組む川崎氏の姿が見えてくる内容になっています。デザインにこだわる方はもちろん、「デザインなんて」と思っている方もぜひ読んでいただきたい一冊です。

• 川崎 和男 (著)
• 単行本: 285ページ
• サイズ(cm): 21 x 15
• 発行日: 2004/09
• 出版社: アスキー
• ISBN: 4756145302
• 2,310円(税込)
• 販売先:Amazon.co.jp

デザインは言語道断!

日本を代表するデザインディレクターである川崎和男が、ひとりの人間として、デザイナーとして、組織にとらわれない教育者としての確固たる信念・熱い想いを綴る。

• 川崎 和男 (著)
• 単行本: 284ページ
• サイズ(cm): 21 x 15
• 発行日: 2003/12
• 出版社: アスキー
• ISBN: 4756144004
• 2,310円(税込)
• 販売先:Amazon.co.jp

川崎和男 ドリームデザイナー

課外授業ようこそ先輩 別冊 別冊課外授業ようこそ先輩

痛くない注射。かっこいい車椅子。一人のわがままな発想が、社会の人への思いやりに変わる。理想を現実化するのがデザイナーの仕事だ。グッドデザイン賞審査委員長による小学生への特別授業。「課外授業ようこそ先輩」別冊。

• NHK「課外授業ようこそ先輩」制作グループ (編集)、KTC中央出版 (編集)、中央出版 (編集)
• 単行本: 204 ページ
• サイズ(cm): 19 x 13
• 発行日: 2002/12
• 出版社: KTC中央出版
• ISBN: 4877582568
• 1,470円(税込)
• 販売先:Amazon.co.jp

ユニバーサルデザインハンドブック

世界は今、そして日本は-。ユニバーサルデザインの本場、米国の30年の実践と研究を総決算。建築、都市、交通、プロダクト、情報、法律・規制等、各国のユニバーサルデザインの実践情報を収録したハンドブック。

• Wolfgang F.E. Preiser (編集)、Elaine Ostroff (編集)、梶本 久夫、川崎 和男
• 大型本: 1020ページ
• サイズ(cm): 26 x 19
• 発行日: 2003/9
• 出版社: 丸善
• ISBN: 4621071327
• 26,250円(税込)
• 販売先:Amazon.co.jp

デザイナーは喧嘩師であれ 四句分別デザイン特論

日本を代表する国際的デザインディレクター川崎和男は、唯一の医学博士のデザイナーであり、デザイン学者、デザイン教育者である。川崎和男は、「日本酒から人工臓器までがデザイン対象だ」とその造形と美学、哲学を社会、企業に提示しつづけている。彼は、デザインが日本を変える、世界を救う、と主張する。そのために、「デザイナーは、喧嘩師でなければならない」と自らの喧嘩史を語る。デザイナーの喧嘩道には華がいる、喧嘩相手は誰なのか。

• 川崎 和男 (著)
• 単行本: 277ページ
• サイズ(cm): 21 x 15
• 発行日: 1999/05
• 出版社: アスキー
• ISBN: 4756130895
• 2,940円(税込)
• 販売先:Amazon.co.jp

プラトンのオルゴール インダストリアリズムの終焉とデザインの使命

バブルの崩壊、情報化の進展、民主主義の堕落、環境汚染の拡大…。インダストリアリズムが終焉を迎えた世紀末のいま、デザインに課せられた使命は何か。一人のインダストリアルデザイナーの希望と苦悩に満ちた20年の自分史。

• 川崎 和男 (著)
• 単行本: 445ページ
• サイズ(cm): 22
• 発行日: 1997/06
• 出版社: アスキー
• ISBN: 4756110975
• 2,940円(税込)
• 販売先:Amazon.co.jp

デジタルなパサージュ

パソコンを通じて、川崎和男の極上のエッセーが味わえるMacintoshユーザーは幸福だ。20世紀文明が生み出したMacintoshという傑出したモノを語ることで、著者は私達とモノとの関係を再構築しようとしている。本書は、パソコンを主題にした歴史上初の日常的文明論である。

• 川崎 和男 (著)
• 単行本: 266ページ
• サイズ(cm): 21 x 15
• 発行日: 1994/10
• 出版社: アスキー
• ISBN: 4756109268
• 2,854円(税込)
• 販売先:Amazon.co.jp

癒/創/遊

まだ作成中です

癒す

学ぶ & Intellectual life
癒されたら自己啓発!

創る

遊ぶ

更新日

Thu, Apr 14, 2005