アプリ開発者が最低限読むべき本『ノンデザイナーズ・デザインブック』
デザインを感覚ではなく、言語で理解するための一冊
目次
※この記事にはアフィリエイトリンクを含みます。
 | 価格:1823円 |
はじめに
個人でアプリを作っていて、ずっと悩んでいたことがあります。 それが 「なぜ自分のUIはダサく見えるのか」 という問題です。
コードは書ける。機能は実装できる。 でも、完成したアプリのスクリーンショットを見ると、どこかプロっぽさが出ない。
そんなときに手に取ったのが、この『ノンデザイナーズ・デザインブック』です。
読んだきっかけ
スクリーンショットを作ってApp Store / Google Playに提出するたびに、 「なんかダサいな」と思いながらもそのまま出していました。
フォントを変えてみたり、色を変えてみたりしても、根本的に良くならない。 それがセンスの問題ではなく、知識の問題だったと気づかせてくれたのがこの本でした。
この本が教えてくれること
この本のメインテーマは、デザインの4原則です。
- 近接（Proximity）：関連するものはまとめる
- 整列（Alignment）：要素はどこかに揃える
- 反復（Repetition）：繰り返しを使って統一感を出す
- コントラスト（Contrast）：違うなら、はっきり違わせる
この4つだけです。 でもこれを意識するだけで、画面の見え方がまったく変わります。
この本の構成が面白い
実例がとにかく豊富で、しかも構成がちょっと変わっています。 各テーマで「まずデザイン例を見せて、読者に考えさせる」という流れになっています。
「このデザイン、どこがおかしいと思いますか？」と問いかけてから、 解説に入るかたちが多い。
いきなり答えを教えるのではなく、自分で考える時間が挟まれるので、 4原則がただの知識ではなく、自分の目で見る力として定着していく感覚がありました。
アプリ開発者に刺さったポイント
1. 「なんかダサい」の正体が言語化できる
センスがないのではなく、ルールを知らなかっただけだったと気づきました。
たとえば、コントラストが弱いUIは視線が散らかる。 近接できていない画面は、何を見ればいいか分からない。 そういった「なんとなく見づらい」の原因を、言葉で説明できるようになるのが一番よかったです。
「なんか変」から「コントラストが弱い」に変わるだけで、修正の方向が一気に明確になります。
2. 自分のUIを見直す目が変わる
読んだ後に自分のアプリ画面を見ると、 「このボタン、揃ってなかったな」「このテキストとアイコン、近接が甘い」 という具体的な違和感が掴めるようになります。
感覚ではなく、言葉で問題を見つけられるようになるのが大きいです。
3. フィードバックを伝えやすくなる
デザイナーにお願いするときや、自分でレビューするとき、 「なんかおかしい」ではなく「整列が取れていない」「コントラストが弱い」と 具体的に指摘できるようになります。
一人で開発していても、自分へのフィードバックが明確になって、 修正のスピードが上がりました。
残念だったところ
一点だけ正直に書くと、アプリ画面の実例はありません。 Webサイトの実例も少しはありますが、ほとんど印刷・紙媒体のデザインが中心です。
「アプリUIに直接使えるサンプルが欲しい」という期待で読むと、そこは物足りないかもしれません。
ただ、この本はあくまでデザインの4原則を学ぶための本です。 媒体が何であれ原則は共通なので、「アプリ画面の実例がない」は大した問題ではないと思っています。
正直なところ
この本を読んだからといって、すぐにデザインが劇的に上手くなるわけではないです。 でも、なぜ良いデザインが良いのかを理解できるようになります。
それが一番大事で、理解があれば改善できる。 感覚だけでやっていると、なぜ良くなったのかも分からないまま終わります。
読んだ後、街の広告が気になるようになった
この本を読んでから、街を歩いていて広告を見ると、つい分析してしまうようになりました。
「この看板、整列がバラバラだな」とか、 「このポスター、4原則に従ってないのにすごく魅力的に見える。なんでだろう」とか。
ルールを外しているのに良く見えるデザインが存在して、 それがまた面白い。「なぜここを崩すのか」を考えるようになったのは、 この本を読んでからだと思います。
デザインの「デ」くらいは分かるようになった、という感覚があります。
まとめ
デザインの専門書は難しそうというイメージがありましたが、 この本は読みやすく、事例も豊富で、1〜2日あれば読み切れます。
個人開発者として、 「コードは書けるけどデザインが苦手」という人に、まず最初に読んでほしい一冊です。 UIを一人で完結させる必要があるなら、読まない理由がないと思っています。
総評
総評：★★★★★（5/5）
- 読みやすさ: ★★★★★
- 実用性: ★★★★★
- デザイン初心者への親切さ: ★★★★★
- アプリ開発者への刺さり度: ★★★★★
| 価格:1823円 |
