2024年UIデザインの基本・セオリー (理論) が学べる書籍・本まとめ

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

今回は、UIデザインの基本・セオリー等が
学べるような書籍を紹介しようと思います。

この記事の目次

UIデザインの
基本・セオリーの書籍・本

この記事では、UIデザインの
基礎等を学べる本を紹介します。

UIデザインを初めて学ぶ方は、
まず次に紹介するどれかから選択して、
学び始めるのがおすすめになります。

特に、次のような人はおすすめです。

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。

mrzw-design.com

2024-11-13 20:56

「UIデザインの基本の書籍・本の一覧」

系統	書籍名
Webデザイン基礎・セオリー	UIデザインの教科書 [新版] マルチデバイス時代のインターフェース設計
Webデザイン基礎・セオリー	フラットデザインで考える新しいUIデザインのセオリー
スマートフォの UIデザイン	スマートフォンのためのUIデザインユーザー体験に大切なルールとパターン

下でそれぞれ詳しく紹介しています。

原田秀司翔泳社 2019年01月21日

デバイスを意識したサイト設計の指南書。

タイトル (書籍名)	UIデザインの教科書 [新版] マルチデバイス時代のインターフェース設計
価格	¥2,618 (税込)
発売日	2019/1/21
特徴	・UIデザインの概念や、UIデザインにおける「使いやすさ、分かりやすさ」とは一体何か人間の認知特性等から論理的に学べる。・ユーザー視点の分かり易いデザインについて要点を絞って解説してある。・それぞれの説明に対して具体的なスクリーンショットでの事例が添えられている。・オールカラーで写真や図が多いので、読みやすさも秀逸の本。・章ごとにまとめがあるので、重要なポイントが身につきやすい。
内容	第1章デザインの目的とUI/UX 第2章物理的な制約第3章ソフトウェアの影響第4章人間の認知特性第5章階層と構造第6章ナビゲーションとインタラクション第7章デザインを形にする
おすすめの人	・UIの基本的な考えをしっかり丁寧に学びたい人・デバイスを意識したUIデザインを学びたい人
その他

宇野雄技術評論社 2014年12月

フラットデザインに焦点を絞り、
Web設計を解説している書籍の一冊。

タイトル (書籍名)	フラットデザインで考える新しいUIデザインのセオリー
価格	¥2,618 (税込)
発売日	2014/11/21
特徴	・シンプルなデザイン指向を取り入れるための有益な本。・そもそものフラットデザインの定義やレイアウトと事例の対比等がまとめてある。
内容	1 フラットデザインとは何なのか (代表的な会社のフラットデザインの考え方 / 誰のための「フラットデザイン」？) 2 フラットデザインの特徴をつかむ (フラットデザインの特徴 / 配色 / 余白やフォントのルール / コンテンツの表現方法) 3 UIパーツの本質を考える (パーツの本質を意識する / UIパーツの本質) 4 トランジションを活用する (フラットデザインにおけるトランジション / トランジションの例)
おすすめの人	・フラットデザインに注目してUIデザインを学びたい人
その他

池田拓司 SBクリエイティブ 2013年04月

スマートフォン系のUIデザインの
基本となる事柄が解説されている本。

タイトル (書籍名)	スマートフォンのためのUIデザインユーザー体験に大切なルールとパターン
価格	¥2,530 (税込)
発売日	2013/3/28
特徴	・iPhoneアプリ、Androidアプリ、スマートフォンサイトを対象に、定番のUIコンポーネントをパターン化し紹介
内容	Chapter0 はじめに Chapter1 画面パターン Chapter2 基本UIコンポーネント Chapter3 ナビゲーションとコントロール Chapter4 リスト Chapter5 フォーム Chapter6 通知とメッセージ Chapter7 情報のビジュアル化 Chapter8 アイコン Chapter9 モーション Chapter10 ビジュアルデザイン
おすすめの人	・スマートフォンのUIデザインを学びたい人
その他	・2013年発売なのでOSに関わらずデザインの基本を知るのに読むと良い。