【脱・ダサいアプリ】エンジニア学生が「UI/UXの目」を鍛えるために読んだ本と、毎日のルーティン

2026年1月11日 08:11

こんにちは、Kazu です。 Macで元を取りたい学生エンジニアです。

コードを書くのは好きですが、正直に告白します。 僕が作るアプリの画面、なんかダサかったんです。

機能は動く。データベースも設計通り。でも、画面が表示された瞬間に漂う「管理画面感」や「素人感」。「エンジニアだからデザインは専門外だし…」と逃げていましたが、個人開発をする上でUI/UXは避けて通れません。

そこでこの冬、一念発起して「デザインの独学」を始めました。目指すのはアーティストのような芸術的な絵作りではなく、「使いやすくて、整っている（破綻していない）UI」です。

今回は、ノンデザイナーの僕が「デザインの目」を鍛えるために読んだバイブル的な書籍と、毎日やっている0円トレーニングを紹介します。

そもそも、デザインは「センス」じゃない

勉強を始めて最初に気づいたこと。それは、 「デザインは『感性』ではなく『論理（ロジック）』でできている」 ということです。

これら全てに「理由」があります。エンジニアである僕たちにとって、「理由がある」＝「コードと同じように学習可能」ということです。これに気づいてから、デザイン学習が俄然面白くなりました。

ネット上の断片的な情報ではなく、体系的に学ぶために以下の2冊を買いました。これらは「一生使えるデザインの基礎体力」になります。

著者：Robin Williams

「これ読まずにUI作るの禁止」と言われるほどの、デザイン界の聖書（バイブル）。この本が教えてくれるのは、たった4つの基本原則です。

Kazuの視点： この4つを守るだけで、僕の作った「ダサい管理画面」が見違えるように整理されました。専門的なことより、まずはこの「4つのルール」を脳に叩き込むのが、脱・素人への最短ルートです。

著者：ソシオメディア株式会社

エンジニアならタイトルで「おっ」となるはず。「タスク（やること）」から考えるのではなく、「オブジェクト（モノ）」から画面を設計する手法（OOUI）の解説書です。

Kazuの視点： これは「エンジニアのためのデザイン書」です。データベース設計やクラス設計の知識がそのままUI設計に活かせます。「どういう画面遷移にすればいいか分からない」という迷子が、この本で解決しました。

本を読んだだけでは「目は肥える」だけで、手は動きません。僕が実践している、Macを使った毎日のトレーニングを紹介します。

使用ツール：Figma（無料）

既存の優れたアプリ（X, Instagram, Airbnbなど）のスクリーンショットをFigmaに貼り付け、その横で「全く同じ見た目」を作ります。

効果： 「なんとなく」見ていたアプリが、数値の集合体に見えてきます。「プロはここまで余白を空けるのか…！」という発見が、自分の引き出しになります。

使用ツール：Eagle

先日紹介した画像管理アプリ「Eagle」を使います。日常でWebサイトやアプリを見ていて「あ、使いやすい」「ここカッコいい」と思ったら、即スクショ。

効果： 0からデザインをひねり出すのは無理です。プロのエンジニアがコードをコピペして改良するように、デザインも「優れたパターン」を知っていることが強みになります。

デザインができるようになると、自分が書いたコード（機能）が、より魅力的にユーザーに届くようになります。これは、エンジニアとしての市場価値を上げるための、非常にコスパの良い「賢い散財（と時間の投資）」です。

僕もまだ修行中ですが、一緒に「使われるアプリ」を作れるエンジニアを目指しましょう！

燃料と投資への還元この記事が役に立ったら、コーヒー1杯分を奢っていただけると嬉しいです。いただいたサポートは全額、僕の「カフェイン（作業燃料）」と、次なる「ガジェット検証費」に投資されます。学生エンジニアの生存と、より良い記事執筆のために応援よろしくお願いします！