現場のプロがわかりやすく教えるUI/UXデザイナー養成講座

発売日 : 2023年03月28日

著者／編集 : 本末英樹

出版社 : 秀和システム

発行形態 : 単行本

ＵＩ／ＵＸデザインを学ぶための最初の一歩！ＵＩ／ＵＸの考え方、制作プロセス、今後のキャリア設計まで、しっかり教えます！

はじめに
Chapter 1　UI/UXデザインとは
　1-1　UIとUXの違い
　　UI/UXの必要性
　　UIとは
　　UXとは
　1-2　UIデザイナーの仕事
　　UIデザイナーの仕事
　　いろいろなデザイナー
Chapter 2　デザインプロセス
　2-1　デザインプロセス
　　時代の変化
　　デザイン思考
　　人間中心設計
　2-2　デザインリサーチ
　　デザインリサーチ
　　インタビュー
　　アンケート
　2-3　定義
　　定義するとは
　　ペルソナモデル
　　価値マップ
　　カスタマージャーニーマップ
　2-4　アイデア・コンセプト
　　アイデアの出し方、まとめかた
　　コンセプト
　　シナリオ
　2-5　プロトタイピング
　　プロトタイプとは
　　ペーパープロトタイプ
　　ラピッドプロトタイピング（デザインプロトタイピング）
　2-6　評価
　　ユーザビリティテスト
　　ヒューリスティック評価
Chapter 3　ナビゲーションとインタラクション
　3-1　環境
　　Webブラウザ、iOS、Androidの違い
　　画面サイズと解像度
　3-2　インタラクション
　　アフォーダンスとシグニファイヤ
　　メンタルモデル
　　フラットデザイン
　　ジェスチャー
　　インタラクションと状態
　3-3　ナビゲーション
　　ナビゲーション設計
　　ボタンの階層構造
　　iOSとAndroid
　3-4　UIパーツ名称と用途
　　UIコンポーネント名称と用途
　　その他
　3-5　アニメーション
　　アニメーション
　　トランジション
　　イージング
　3-6　認知心理学、行動経済学
　　認知心理学
　　行動経済学
Chapter 4　デザインシステム
　4-1　デザインシステム
　　デザインシステムとは
　　国内、海外のデザインシステム
　　ビジュアルアイデンティティ（VI）
　　「Human Interface Guidelines」と「Material Design Guideline」
　4-2　タイポグラフィ
　　タイポグラフィに必要なスキル
　　タイポグラフィの基礎
　4-3　カラー
　　テーマカラー
　　カラーイメージ
　　コントラスト
　　ダークモード
　4-4　レイアウト
　　レイアウト
　　スペーシング
　　グリッドデザイン
　4-5　アイコン
　　プロダクトアイコン
　　システムアイコン
　　事例から解説
Chapter 5　データ作成とエンジニア連携
　5-1　デザインツール紹介
　　デザインツール
　　UIデザインのトレンド
　　ペアデザイン
　5-2　UIデザインデータの作り方
　　Figmaについて
　　スタイル
　　コンポーネントとインスタンス
　　オートレイアウト
　　プラグイン・テンプレート
　5-3　エンジニアとの連携
　　エンジニアと共有する資料
　　デザイン指示書
　　遷移図
　　UIスタック
　　エンジニアとのコミュニケーション
Chapter 6　キャリアと勉強方法
　6-1　キャリア
　　自分のことを知る
　　スキルマップ
　　スキルの選択方法
　　会社選びと働き方
　　将来のイメージを描く
　6-2　参考書籍・リソース
おわりに
索引

本末, 英樹

本末英樹

デジタルプロダクトデザイナーとして、Webサイトやモバイルアプリを含むサービス全体のUX設計とUIデザインを行う。 Adobe MAXやデジタルハリウッド、Schooなどで講師も務める通称「オロちゃん先生」。Web制作会社とフリーランスを経て、2017年7月C Channel株式会社入社。2021年5月より株式会社フライヤーにデジタルプロダクトデザイナーとしてジョイン。共著に『絵で見てわかるWebアプリ開発の仕組み』（翔泳社 刊）がある。大阪成蹊大学芸術学部卒、朗文堂・新宿私塾第27期修了、Xデザイン学校2021年マスターコース卒、人間中心設計スペシャリスト、グロービス経営大学院在学中。