UI設計

智能信息時代，交互技術、交互通道、交互載體等都發生了根本性變化，用户界面UI設計已不再是傳統的界面美工範疇，而既要解決面向用户的認知和體驗問題，又要重視信息架構和信息流的展現問題。《UI設計/安徽省高等學校省級規劃教材》由淺入深，總分結合，全面系統地闡述了UI設計的新發展及其與相關學科的新交叉，介紹了UI設計的基本流程、基本規範和一般設計製作方法，重點講解了設計中的用户研究方法、信息架構和信息流模塊化設計、信息交互原型製作和理論，幫助讀者快速、有效、系統地建構交互類UI界面設計的理論和方法。

《UI設計/安徽省高等學校省級規劃教材》共7章，第1，2章介紹UI設計的相關理論，包括認知心理學、人因工程學、設計美學、社會學和人類學等，在理論溯源的基礎上梳理圖形界面的起源與發展以及UI設計流程與方法。第3章介紹UI設計的調研方法，包括以調研用户基礎信息為目的的問卷法、訪談法等，以採集用户行為信息為目的的用户畫像法、故事版、卡片分類法等，以分析用户需求信息為目的的人物角色法、用户體驗地圖等。第4～6章介紹用户需求與信息架構、功能之間的過渡與銜接，界面信息要素的構成及交互設計步驟。第7章介紹UI設計的軟件操作方法及案例，包括原型設計的步驟與過程、不同類型軟件的操作細則以及不同視覺類型的界面設計案例。

《UI設計/安徽省高等學校省級規劃教材》可作為高等院校視覺傳達、數字媒體藝術、交互設計等設計類專業的教學用書，也可作為數字媒體技術、信息管理與信息系統、軟件工程等計算機信息類專業和各類培訓機構相關專業的教材以及數字藝術愛好者的參考用書。

第1章 概述

1．1 界面與用户界面

1．1．1 界面

1．1．2 用户界面

1．1．3 用户界面發展歷程

1．1．4 人機交互

1．2 圖形用户界面

1．2．1 圖形用户界面的定義

1．2．2 圖形用户界面發展歷程

1．2．3 移動端圖形用户界面

1．2．4 圖形用户界面的分類

1．3 用户界面相關學科

1．3．1 認知心理學

1．3．2 人因工程學

1．3．3 設計美學

1．3．4 社會學和人類學

第2章 UI設計的應用領域與流程

2．1 UI設計的基本規範

2．1．1 界面的一致性

2．1．2 界面的用户需求

2．2 UI設計的應用領域

2．2．1 網站界面設計

2．2．2 軟件界面設計

2．2．3 遊戲界面設計

2．2．4 車載人機界面

2．2．5 智能機器人界面

2．3 UI設計常用軟件

2．3．1 視覺設計軟件

2．3．2 思維導圖軟件

2．3．3 快速原型設計工具

2．3．4 動效設計軟件

2．4 UI設計基本流程

2．4．1 需求階段

2．4．2 功能設計

2．4．3 交互設計

2．4．4 視覺設計

參考文獻

第3章 用户研究

3．1 用户研究概述

3．1．1 用户研究

3．1．2 UI設計中的用户研究

3．1．3 UI設計中用户研究的目標

3．2 用户概述

3．2．1 UI設計中的用户

3．2．2 細分用户人羣

3．2．3 用户特徵信息

3．3 用户研究的途徑與方法

3．3．1 確定用户及目標

3．3．2 用户基礎信息調研

3．3．3 用户行為信息採集

3．3．4 用户需求信息分析

參考文獻

第4章 架構與功能

4．1 瞭解信息架構

4．1．1 信息架構的概述

4．1．2 構成單位

4．1．3 信息分類

4．1．4 信息架構的設計流程

4．2 信息結構模型

4．2．1 順序性結構模型

4．2．2 非順序性結構模型

4．3 定義功能模塊

4．3．1 面向任務的功能模塊

4．3．2 面向操作對象的功能模塊

4．3．3 組合功能模塊

4．4 回顧並修訂

參考文獻

第5章 信息表現形式

5．1 導航設計

5．1．1 主要導航模式

5．1．2 次級導航模式

5．2 標籤設計

5．2．1 為什麼要關心標籤設計

5．2．2 標籤設計的原則

5．3 微觀信息架構

5．3．1 表格

5．3．2 圖表

參考文獻

第6章 交互設計

6．1 界面交互設計

6．1．1 認識界面交互設計

6．1．2 界面交互設計的要素

6．1．3 界面交互設計的基本原則

6．1．4 界面交互設計的流程

6．2 針對不同交互需求設計動效

6．2．1 功能性動效

6．2．2 體驗性動效

6．3 不同設備端界面上的交互

6．3．1 網頁端界面的交互

6．3．2 移動設備端界面的交互

6．3．3 公共自助端界面的交互

6．4 低保真原型設計與軟件操作

6．4．1 製作低保真原型

6．4．2 用Adobe XD軟件製作原型

參考文獻

第7章 視覺設計

7．1 UI視覺設計風格

7．1．1 造型風格

7．1．2 文化風格

7．1．3 類型風格

7．2 UI視覺設計的風格要素

7．2．1 色彩要素

7．2．2 文字要素

7．2．3 圖像要素

7．2．4 圖標要素

7．2．5 版式要素

7．2．6 控件要素

7．2．7 多媒體要素

7．3 UI視覺設計的應用與發展

7．3．1 手機界面UI設計

7．3．2 移動端主題UI設計

7．3．3 移動端APP UI設計

7．3．4 手遊UI設計

7．3．5 視覺界面的發展趨勢

7．4 UI視覺設計的製作與展示

7．4．1 APP圖標製作

7．4．2 Loading動態圖標製作

7．4．3 界面翻頁動效製作

7．4．4 展示視頻動畫製作

7．4．5 界面效果展示

7．5 視覺界面的設計規範

7．5．1 色彩規範

7．5．2 文字規範

7．5．3 手機界面設計規範

7．5．4 移動端APP設計規範

參考文獻