「センスがないから、自分にはデザインは無理だ」——そう思ったことはありませんか。コーディングはなんとかなる。でもデザインを任されると、手が止まる。フォントや余白の使い方が分からない。なんとなく作ってはみたけど、ダサい気がする。
私自身、フリーランスになって最初のころ、コーディング込みでデザインも頼まれて泣きそうになったことがあります。Photoshopで余白を「なんとなく」調整して、クライアントに「なんか古くないですか？」と一言言われ、その日は何も手につかなかった。あのときほど「センスがあればよかった」と思ったことはない。でも、のちにある本と出会って、その認識は完全にひっくり返されました。
結論から言うと、デザインはセンスじゃありません。知識とルールです。今回は、コーディングはできるけどデザインが苦手、という人が確実にレベルアップできる書籍を4冊、難易度の低い順に紹介します。
センスじゃなくてルールだった：ノンデザイナーズ・デザインブック 第4版
ポチップ
難易度：入門 ／ まずこれを読んでほしい1冊。
著者のRobin Williamsが提唱するCRAP原則（近接・整列・反復・コントラスト）は、Webデザインの基礎として今でも通用する普遍的なルールです。私がこの本を読んで一番驚いたのは、「なんとなく悪い」と感じていたデザインが、すべてこの4原則のどれかを無視していたと分かったことでした。
この本の良さは、「良いデザイン例」と「悪いデザイン例」が必ずセットで提示されること。読み終わったあと、街の広告やWebサイトを見る目が変わります。「ああ、この広告は近接ができてないから読みにくいんだ」と言語化できるようになる。その瞬間から、デザインは「感覚」から「再現できるもの」に変わります。
見ているだけで学べる感覚の本：なるほどデザイン
難易度：入門〜中級 ／ 1冊目と並行して、または2冊目に。
「理屈よりも感覚で理解したい」という人向けの書籍。フルカラーの図解とビジュアルで、デザインの原則を感覚的に把握できます。「余白ってなんで必要なの？」「フォントの選び方ってどう考えればいい？」——そういった疑問に、言葉だけでなく見た目で答えてくれるのがこの本の強みです。
著者の筒井美希さん自身がデザイナーで、実務の現場感があります。「デザインが苦手だから本も読む気になれない」という人にこそ渡したい1冊。難しそうと構えずに開いてみると、気づいたら最後まで読み終わっています。
なぜそう見えるのかが分かる：誰のためのデザイン？ 増補・改訂版
難易度：中級 ／ 前2冊を読んでから手に取るとより深く刺さる。
D.A.ノーマンによるデザイン思考の古典。この本で有名なのが「ドアノブの話」で、「どっちに引けばいいか分からないドアは、使う人のせいじゃなくてデザインのせいだ」という主張から始まります。Webデザインで言えば、「クリックされないボタンはユーザーのせいじゃない」に直結する話です。
読後の変化は地味ですが確実。「見た目を整えるデザイン」から「使う人のことを考えるデザイン」へと、思考が1段階上がります。クライアントに「なぜそのデザインにしたのか」を説明できるようになりたい人、上流設計やディレクションに踏み込みたい人に。
コードとデザインを同時に学ぶ：Webデザインの新しい教科書 改訂3版
ポチップ
難易度：入門〜中級 ／ 「実践しながら学びたい」人向けの並走書。
HTML/CSSの基礎と、Webデザインの原則がセットになった実務参考書。「コードは書けるけど、デザインの考え方がまだ体系化できていない」というコーダーに特に刺さる構成です。レスポンシブデザイン・タイポグラフィ・グリッドレイアウトなど、実際の制作現場で使う知識がまとまっています。
他の3冊と並行して読む「実践の教科書」として使うのがおすすめ。デザインの概念を学びながら、同時にHTML/CSSでの実装イメージを持てるのがこの本ならでは。「読んで終わり」ではなく、そのまま手を動かせるのが強みです。
まとめ: デザインセンスは、知識を積んだ先にある
今回紹介した4冊をまとめます。
- ノンデザイナーズ・デザインブック（入門）: CRAP原則でデザインのルールを体系的に学ぶ
- なるほどデザイン（入門〜中級）: フルカラー図解で感覚的に理解するビジュアル書
- 誰のためのデザイン？（中級）: ユーザー中心設計の原典。UI/UX思考の土台に
- Webデザインの新しい教科書（入門〜中級）: コードとデザインを同時に学ぶ実務参考書
どれか1冊読むだけで、仕事への向き合い方が少し変わります。4冊すべて読み終わるころには「センスがない」という言葉が自分の口から出なくなっている、はずです。
