坂本伸二のレビュー一覧

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

Design &IDEA　デザイン入門教室 ［特別講義］
確かな力を身に付けられる ～学び、考え、作る授業～
著：坂本 伸二
出版社：SBクリエイティブ

わかりやすくてよかったです

カラフルで、図表満載、適度な解説

本書の冒頭のことば

　デザインは、すべての人が必ず上達できます
　読み手に伝わるデザイン、心に残るデザイン、読みやすいデザインを制作するのに
　もっとも大切なものはセンスでありません
　最初に学ぶべきは、デザインの基本ルールと、デザイン制作の流れ
と語っています

センスより大切なこと、それは、誰に何を伝えたいのかを明確にすること

デザインはあくまで手段であって、目的ではない
読み手が必要としている情報は何か、読み手はどのように感じるのか、といった読み手を主体としてデザインを検討することが大切です

■デザイン制作の流れ

　１）情報の整理　：要点、５Ｗ１Ｈ
　２）レイアウト①　版面・マージンの設定
　３）レイアウト②　グリッドの設定
　４）レイアウト③　優先順位の適用
　５）レイアウト④　強弱の設定
　６）配色
　７）文字・書体えらび
　８）情報の図式化

　作りながら考える、ではなく、必要なものを先に洗い出ししてから、デザインを制作する

■レイアウトの基本ルール

　・版面・マージン（余白）を決める
　・グリッド　配置する要素の基準となるため、レイアウト作業が楽になる
　・グループ化　接近効果　
　　似ているものを１つのかたまりとして認識するゲシュタルトの法則を利用する
　　近接、類似、閉合
　・そろえる
　　左揃え、右揃え、中央揃え、上揃え、下揃え、中央揃え、等間隔
　　補助線を使う、斜めの補助線も
　・コントラスト（対比）
　　大きい文字・小さな文字、写真・図版と文章の対比、色の対比、密度・余白の対比
　　ジャンプ率
　・反復・繰り返し　統一感を演出する
　・裁ち落し配置
　　紙面からはみ出すように
　　広がりを持たせる
　・重心と見た目
　　濃度差、色の重さ
　・余白
　　空間の演出、方向を表現する、空間の逃げ場を作る
　・シンメトリー
　　左右対称、鏡面対称、点対象、平行移動
　・黄金比　1.618 白銀比 1.414
・１／３の法則　画面を三等分する
　・逆ピラミッド

■写真

　・文書で書くより写真、図表で表現：画像優位性効果
　・モンタージュ理論：複数の写真であることを表現する技法
　・写真の基本レイアウト
　　四角版、切り抜き版、裁ち落とし、三方裁ち落とし
　・トリミング
　・構図　
　　三分割、日の丸　等

■配色

　・色の三原色（Ｃ：シアン、Ｍ：マゼンダ、Ｙ：イエロー）
　・光の三原色（Ｒ：赤、Ｇ：緑、Ｂ：青）
　・色相、彩度、明度
　・トーン　２色以上の調和のとれた色の組み合わせ
　・色の寒暖、
　・色のイメージ：知的な、活発な、洗練された、エレガント、等
　・膨張色と、後退色、遠近、ハレーション
　・調和のとれた配色　同系色、類似色

■文字

　・書体
　　明朝体・セリフ体、ゴシック体；サンセリフ体
　　書体の個性を把握する
　　書体をたくさん使わない、２・３種類

■文章

　・書体選び
　　読みやすい本文
　・文字の大きさ
　・行送り、行の高さ
　・見出し（太く、大きく、罫線でかこむ、色を変える、デザイン要素化　等）
　・本文の揃え方　⇒　均等配置、禁則処理

■インフォグラフィック
　
　・インフォグラフィックとは、情報やデータを視覚的に表現し、図式化したもの
　・地図
　　目的地にたどりつくための情報を強調
　・チャート（順列、階層、放射、リング、包含図、重複（ベン図）、マトリックス、比較表）
　・表（データを要素ごとに分類・整理）
　・グラフ（棒グラフ、円グラフ、帯グラフ、折れ線グラフ、レーダーチャート等）
　・ヒストグラム
　・路線図
　・標識
　・ポンチ絵

■実践・添削例

　１）すっきりとした読みやすい
　２）誠実で信頼感のある
　３）女性的でエレガントがある
　４）元気でポップな
　５）大人の女性的な
　６）シックで洗練された印象
　７）エコで自然を感じる
　８）高級感のある
　９）男性的で力強い
　10）躍動感のある
　11）カジュアルな印象の

目次

本書に関するお問い合わせ

はじめに

Chapter 1 デザインをはじめる前に ～ はじめに知っておくべき最重要ポイント ～

Chapter 2 レイアウトの基本ルール ～ 紙面イメージを決定する配置設計の基礎知識 ～

Chapter 3 写真と画像 ～ 目的別で学ぶ、写真の選び方と使い方 ～

Chapter 4 配色の基本 ～ 色には人の心を動かす力がある ～

Chapter 5 文字と書体 ～ 読みやすく、人を惹きつける文字と書体の使い方 ～

Chapter 6 文章のデザイン ～ 読みやすい文章制作の基礎知識 ～

Chapter 7 インフォグラフィック ～ 情報の図式化と、グラフ・表の作り方 ～

Chapter 8 実践演習 ～ 頭の中のイメージを具体化するデザイン実技 ～

索引

ISBN：9784797351422
判型：B5変
ページ数：208ページ
定価：1850円（本体）
2015年07月10日初版第１刷発行
2017年11月02日初版第13刷発行

デザイン入門教室［特別講義］ 増補改訂版 確かな力を身に付けられる 学び、考え、作る授業

坂本伸二

自分の身になることばかりでした。デザインってなるほどこういうことだって思えばいいんだ、という自分の中での大枠を捉えることが出来るようになりました。これは何周か読み込んで、その都度自分に染み渡らせたい本です。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインの基本的な考え方は一通り網羅されており、入門書として、一冊で基礎を体系的に学ぶにはとても良い本だった。内容量も比較的多いが、すべて具体例とデザインの根拠(良い点悪い点、狙い、効果など)が用いられて説明が尽くされており、読んでいてスッキリしていく。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

インフォグラフィックを学びたかったが、それ以前のグリッドの活用、ジャンプ率、写真の使い方、色の使い方などnewsletter や普通の資料作りでも分かりやすく勉強になった。実例が多くすぐ使える

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインの基礎が万遍なく学べます。余白の取り方や、和文と英文でフォントを分ける、大きさも合わせる、均等配置など勉強になったので実務に活かしていきたいです。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

基礎の基礎として手元に置いておきたい本。
パワポでも何でも、多少なりとも「デザイン力」が求められる人は読んでおいて損はないと思う。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

Webデザイン初学者にはとても勉強になりました！フォントや揃えるなどすぐ実践しやすく分かりやすかった！

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザイナーじゃなくてもなぜこのデザインが良いか、などの理論が分かる良書
デザイナーがあがってきたものをチェックするときなどにも使えそう

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

日本語を使用した紙デザインの方法について詳しく書かれている本。フォント、画像配置、インフォグラフィックにも章をとっているので、ノンデザイナーズデザインブックと共に手元に置いておきたいデザイン本。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインってただ見栄えがいいだけではダメで、スムーズに伝達するという使命があることを忘れてはいけないんだなと気がついた。
何度も繰り返し読みたくなる本です。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインも学ばねば。
これもまた勉強。
勉強しなければいけないことが世の中には多いですね。
目的を持って勉強することが一番ですね。

デザインの入門書としては、デザインに関する色々な観点を学ぶことができます。
良い本です。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

もっとも大切なものはセンスではありません。
デザインを制作するうえで大切なのは次の2点です。
・誰に何を伝えたいのかを明確にすること (目的)
・その目的の実現に最適なデザインの手法(基本ルール)
を選び、制作すること
デザインはあくまでも手段であって、目的ではありません。「美しいデザインに仕上げる」ということが目的になってしまっては本末転倒です。
デザイン制作を行う際は、何よりも先に「制作する目的」をきちんと定めることが大切です。 目的があってこそのデザインです。

コントラストをつける際のポイントは「強調したい要素を明確にする」と、「しっかりと違いをつける」

レイアウトを検討する際、強調したい要素を大きく配置するのも1つの方法ですが、それとは逆に、強調したい項目の周りに大きな余白を設定する方法も効果的です。
空間の使い方=余白の使い方　紙面に限らない。店舗の商品ディスプレイなども
余白が少ないと、楽しげで元気な印
象になり、余白が大きくなるにつれて、高級感があって、ゆったりとした印象になります。←どっちが良いではなく、どう見せたいかで選ぶべき？

1/3の法則　縦横比率関係なくすぐできる！←表紙とかに生かしたいな～
被写体を写真の中心からずらしてトリミングすることで、空間に意味(時間軸や奥行きの演出)を持たせることができる←コマ割でも意識すると良いのでは？！
人物写真をレイアウトする際は、視線の方向を意識することで関係性の強弱
写真の構図を整える→3分割法構図　緊張感ありながらもバランスのよい構図、動的印象やストーリー性質
同じ重要度の写真を複数枚配置→写真事態の揃えもだが被写体の大きさや位置も揃える

基本的には、文字は写真上の情報量が少ない部分に配置
情報量の多い写真を使用する場合は、十分にコントラストが確保できる部分を探す
写真をトリミングして情報量の少ない箇所を十
分に確保し、そこに文字を乗せると、写真と文字
に一体感が生まれ、魅力的になります
角版…収まりよく、整然とした落ち着き、堅くなりがち
切り抜き版…レイアウトスペースを広くとれる。楽しげでにぎやかな印象、動きの演出

重い色を上にすると重心が上がるため空間の広がりを感じ、逆に下にすると重心が下がるため安定感が感じられます
同系色・類似色で配色すると統一感。明度差はしっかりつける
同系色…同じ色の明度差の組み合わせ。 色が持つイメージを正確に伝えたい場合に効果的
写真の上に文字を乗せる際は、 ①背景とのコントラストをつける、②写真に含まれている色や、それらの色と相性の良い色、デザインのアクセントになるような色
写真の雰囲気を活かしたレイアウトをする際は無彩色の文字

書体は基本2～3種類に厳選
タイトルや日付といった「強調したい箇所」にはゴシック体を使用し、解説文などの「読ませたい筒所」や見出しなどには明朝体の書体の「ファミリー」を使用する、といった使い分け
強調部分と調和部分を共存させるためにファミリー書体を活用しよう
数字やアルファベットには欧文書体を使う　文字の並びが均一に見えるように自動的に調整してくれる
プロポーショナルフォント⇔等幅フォント
和文の中に欧文や数字が混在する場合、個別に大きく設定しないと。高さも上に上がって見えるので調整
タイトル・見出しのように目立つ文字は1字ずつ字間調整←和文書体は仮想ボディの大きさが一律なので画数の少ない文字(句読点なども)の左右に余白が生じる　目視で微調整
ひらがなの接続文字を小さくしてリズム感を出す
「」を細い書体にするとスッキリする
見出しなどメリハリつけたい場合は「等倍」が変化が付きやすくオススメ
欧文書体の「汚し」…紙面を演出する要素として使う文字
文字要素が多くフォントサイズのみでは強弱つけにくい→情報の優先順位が高い要素のアイコン化を検討　e.g)数字に欧文書体・大きく、訴求文字を囲む
袋文字…太めの書体を使用、字形崩さぬため枠は外側につける
グラデーション文字は同系色・トーン差小さく

普段目にする雑誌や書籍などを違和感なく読み進めていくことができるのは、そこにきちんとしたルールが存在するからです。読みやすい文章を作るには、相手に読みやすいと気づかれないぐらい自然に見えるようにデザインすることが必要
読みやすい文章をデザインする際の基本要素
①書体の太さ　②文字の大きさ　③行送り・行長
行送りは文字サイズの1.5～2倍　ただし行長による

紙面上下に罫線入れることで全体を引き締める
文字の周りに十分な余白がない場合は、文字をどれほど大きくしても、見た目が窮屈になるだけで、あまり目立つようにはなりません。逆に、十分な余白があれば、 文字をそれほど大きくしなくても、十分に目立つタイトルや見出しをデザインできます。「目立つ」か否かは、周囲との相対関係によって決まります
見せる部分(写真やタイトル) と、読ませる部分(本
文や問合せ先)を明確に分けて、 紙面にコントラストをつけると、すつきりとした印象になり、デザインの魅力がアップ
中央揃え(他の要素をレイアウトしづらくなりがち)や右揃えは難易度が高いので基本は左揃えがいいかも
文字は安易に装飾を加えずシンプルなデザインのまま使用する。文字の大きさや余白で十分目立たせることが可能
強調したい要素が多い場合は、フォントサイズで強調する箇所と、 アイコン化によって強調する箇所のように、異なるデザイン技法を用いて差別化。同じ技法の要素が増えれば増えるほど、 どの要素も目立たなくなります。
写真のコントラスト…高くし、彩度低くすると力強く(ハードなイメージ、インパクトが必要な場合)
全体写真は、被写体が置かれている状況や空気感、スケール感などを伝えたい場合に適したトリミング方法です。一方、写真の一部を拡大すると、質感や表情、重量感などのディテールが強調されるため、人の五感に直接訴えかけることができます。 制作する紙面でどのような印象を読み手に与えたいかによって、 トリミング方法を使い分けてください。←漫画でも意識すべき

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

　デザインの基本が書かれている本。
　デザインの指南書と言うだけあってとてもカラフルで読みやすく、また、「良いデザイン」だけではなくて「悪いデザイン」が載っていて、それぞれ比較できるのが良いと思った。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

書類のデザインを作るときとか、フォントを選ぶときにすごく参考になる。
職業柄、あまり使う場面は多くないが、ちょっとしたときに眺めるだけで、刺激になる。
さらに、いろいろなことが書いてあるので、勉強にもなる。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインについてなんとなくとらえていたことが、体系的かつ論理的に解説されている。
自分はデザイナーではないけれど、Webやアプリを制作する立場としてたいへん役に立った。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

入門と題されているとはいえ、ビジュアルデザインの基礎柱を己の中に何本も打ち建てることができる良書。
これ一冊でも確かなデザインの下部構造を持てるようになると思います。
デザインワークの中で主観と印象論でふわっと発散してしまい判断基準を持てなくなってしまう時が多々ある中、しっかりとデザインを言語化できるようになれば、プレゼンテーションに役立つばかりでなく、上部構造としてのデザイン成果物そのもののレベルアップにも繋げられると思います。
ノンデザイナーにこそオススメ！

デザイン入門教室［特別講義］ 増補改訂版 確かな力を身に付けられる 学び、考え、作る授業

坂本伸二

デザインのルール網羅本。この手の本は1冊あれば十分。
デザインに興味があるなら、見方を知るという意味で眺めるくらいが良い。
個人的に好き。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

デザインの基礎と紙媒体の考え方が知りたくて読んでみた。デザイナーがどういう意図でそのデザインを出してきたか、汲み取ることができるようになりそう。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

少しビフォーのデザインの露骨すぎる感と、デザインの古さも感じましたが、
これからデザインを始める人~中級者くらいまでは、手元に1冊は置いておきたい本だと感じました。

デザインをしない方でも、プレゼン資料などについてのチャプターもあるので、読んで損は無いと思います。

デザイン入門教室［特別講義］ 確かな力を身に付けられる ～学び、考え、作る授業～

坂本伸二

数日前に色彩学の本で色彩調和や色のデザインについて学んだこともあり，もう少し抽象的にデザインをしっかり勉強してみたいと思い，本書を手に取りました．

Chapter1に書かれているデザイン制作の流れに沿って，それぞれの項目の詳細Chapterを都度参照するスタイルで読んでいたら，いつの間にか本をほとんど読み終えている状態になっており驚きました．
このような本の構造と情報結束の巧みさは，著者がデザインを深く追求してきたからこそ成せる業であろうと思います．

「デザイン」というと視覚的な美しさだけに囚われがちですが，その本質は「伝えたい情報をいかに伝わるように表現するか」であり，本書に書かれている内容はグラフィックデザイン以外(文章執筆，プレゼン，プログラミング等)にも活かせるものだと感じました．

本書は，デザインについて土台となる部分を学べる良書です．型を破るには型を知ることが大切ですが，型を破った巧みなデザインを目指すときにも本書は有効な役割を果たしてくれると思います．