TECH PLAY

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

2,420円 (税込)

楽天

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

書籍情報

発売日:

著者/編集:本末英樹

出版社:秀和システム

発行形態:単行本

書籍説明

内容紹介

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

目次

はじめに 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年マスターコース卒、人間中心設計スペシャリスト、グロービス経営大学院在学中。