デザインはセンスではなく「手順」です|連載 センスはいらない。デザインの“手順”教室 第1回

デザインはセンスではなく「手順」です|連載 センスはいらない。デザインの“手順”教室 第1回

「自分にはデザインのセンスがないから」。チラシや掲示物を作るとき、そう言って手が止まる人はとても多いと思います。けれど、見やすいデザインの大半は、センスではなく手順でできています。この連載では、デザインを「誰がやっても同じように再現できる手順」として、1回ずつ紹介していきます。

目次

なぜ「センスがない」と感じるのか

デザインが苦手だと感じる人の多くは、実は技術が足りないのではありません。つまずいているのは、毎回ゼロから考えていることです。

たとえば、町内のお祭りのお知らせを作るとします。パソコンを開いて、まずタイトルを打つ。書体はどれにしよう。色は赤がいいか、青がいいか。写真は入れるべきか。背景に模様があった方がにぎやかか……。気づけば30分経っているのに、画面の上ではまだ何も決まっていない。こんな経験はないでしょうか。

これは、決めることが多すぎるのに、決める順番がないから起きます。センスの問題ではなく、段取りの問題なのです。

デザインには4つの工程がある

デザインの基本書として知られる『デザインの最強原則』では、デザインの作業を4つの工程に分けています。

  1. レイアウト(要素を配置する)
  2. タイポグラフィ(書体を当てる)
  3. 配色(色を当てる)
  4. 装飾(飾りを加える)
デザインの4つの工程。1レイアウト、2タイポグラフィ、3配色、4装飾を順番に進める図。同時にやると迷いが増え、順番に分けると考えることが1つずつになる。
図1 デザインの4つの工程。同時にやらず、1つずつ進めます

大切なのは、この4つを同時にやらず、順番に分けて行うことです。同書は、同時に進めると「配置がうまくいかないから色を変える」「色が決まらないから書体を変える」というふうに迷いやすくなり、かえって時間がかかると説明しています。

さきほどのお祭りのお知らせで言えば、最初は文字を白黒のまま並べて、配置だけを考えます。配置が決まったら書体を当てる。書体が決まったら色を付ける。最後に、必要なら飾りを足す。こうすると、それぞれの段階で考えることは1種類だけになります。迷う場所が減るので、手が止まりにくくなります。

いちばん難しいのは「飾り」

4つの工程のうち、最も難しいのはどれだと思いますか。同書によれば、それは最後の「装飾」です。レイアウト・書体・配色には長く受け継がれてきた基本のルールがありますが、装飾にはそれがなく、時代ごとの流行に左右されるからです。

デザインが苦手な人ほど、最初に飾りから手をつけがちです。枠で囲む、影を付ける、イラストを散りばめる。けれど、飾りはいちばん最後に、必要な分だけ足せば十分です。この連載でも、装飾の話はほとんど出てきません。それでも見やすいデザインは作れます。

実際に手順どおり作ってみると

お祭りのお知らせを例に、4つの工程を順番に進めてみます。

お祭りのお知らせが、文字を並べただけの状態から、レイアウト、書体、配色の順に整っていく5段階の図。最後の装飾では何も足していない。
図2 手順どおりに作ると、こう変わります

1. レイアウト まず、入れる文字を全部、黒い文字のまま並べます。「夏まつり」「8月20日(木)14時から」「1階ホール」「申し込みは職員まで」。この段階では大きさも色も触りません。並べてみて、文字が多すぎると感じたら、ここで削ります。見た目を整える前に文章を減らす方が、ずっと効果があります。次に、いちばん伝えたい「夏まつり」を大きくし、日時・場所・申し込み方法を小さくまとめ、左端をそろえます。

2. タイポグラフィ 配置が決まってから、はじめて書体を当てます。決めごとの一覧に書いてある書体を使うだけなので、ここで迷うことはありません。

3. 配色 白黒で見やすく仕上がっていることを確かめてから、色を付けます。色を付けるのは「夏まつり」の文字と、上の細い帯だけ、というくらいで十分です。

4. 装飾 ここまでで伝わるなら、飾りは足しません。何か物足りないと感じたら、そのときに初めて小さなイラストを1つ置くかを考えます。

こうして書き出してみると、それぞれの段階で考えていることはたった1つだとわかります。手順を分けるだけで、作業は驚くほど軽くなります。

作る前に「決めごと」を作る

手順を分けるのと同じくらい効果があるのが、迷いそうなところを作る前に決めておくことです。

同じく『デザインの最強原則』では、制作の前に「デザインコンセプトシート」を作ることを勧めています。目的、誰に向けたものか、使う色、使う書体などを一覧にしたもので、制作中に迷ったときの判断基準になります。これを作らずに始めると、途中で方向がずれたり、何度も作り直したりする迷走状態に陥りやすい、とされています。

個人や小さな職場であれば、ここまで本格的でなくてもかまいません。次のような一覧を、一度だけ作って手元に置いておくだけで十分です。

  • 本文に使う書体(1つ)
  • 見出しに使う書体(本文と同じ書体の太字でよい)
  • 使う色(メインの色1つと、補助の色1つ)
  • 紙の端からの余白(例:上下左右15mm)
  • ファイル名の付け方(例:日付_作った人_内容)
決めごとの一覧の例。本文の書体、見出しの書体、使う色、紙の端の余白、ファイル名の5項目。
図3 「決めごと」の一覧の例

毎回の制作でこれを見ながら作れば、「どの書体にしよう」で止まることがなくなります。職場で複数の人が作るなら、全員で同じ一覧を使うと、誰が作っても統一感のあるものに仕上がります。「こだわらない」というのは手を抜くことではありません。悩む場所を減らすことです。

作り始める前に、5行だけ書く

もう1つ、パソコンを開く前にやっておきたいことがあります。紙に5行だけ書くことです。

  • 誰が読むのか
  • 読んだ人に何をしてほしいのか
  • いちばん伝えたい一言は何か
  • 仕上がりの大きさは
  • 印刷するのか、画面で見せるのか
作り始める前の5行メモの例。誰が読むか、何をしてほしいか、いちばん伝えたい一言、仕上がりの大きさ、印刷か画面か。
図4 作り始める前の「5行メモ」の例

特に3つ目の「いちばん伝えたい一言」が決まらないうちは、作り始めない方が結局早く終わります。伝えたいことが決まっていないものは、デザインでは解決できないからです。

今日からできること

  • 次に何かを作るとき、色と飾りを付けずに、白黒の文字だけで配置してみる
  • 自分用の「決めごと」を5項目だけ書き出してみる
  • 作り始める前に「いちばん伝えたい一言」を紙に書く

でじるみでは

就労継続支援B型事業所「でじるみ名古屋星ヶ丘」では、利用者さんがデザインやイラストの作業に取り組んでいます。その最初の時間に、パソコンは使いません。2枚のお知らせを見比べて、「どちらが見やすいか」「なぜ見やすいのか」を話し合うところから始めます。デザインはセンスではなくルールで作れる。それを最初に実感してもらうことが、何よりの土台になると考えています。

次回予告

次回は、4つの工程の最初「レイアウト」の中でも、いちばん効果の大きい「そろえる」を取り上げます。たったひとつのことで、見た目がまるで変わります。

でじるみ名古屋星ヶ丘について
イラスト・デザイン・動画などのデジタル制作に取り組める、就労継続支援B型事業所です(名古屋市千種区・星ヶ丘駅から徒歩3分)。見学・体験は無料で受け付けています。お電話(052-781-0700)でもご相談いただけます。


参考文献

米倉明男『デザインの最強原則 心を動かす不変のルール』SBクリエイティブ、2026年(p.022-027、p.030、p.096)

  • URLをコピーしました!
目次