UI設(shè)計(jì)必修課: 交互+架構(gòu)+視覺UE設(shè)計(jì)教程(全彩)
定 價:79.9 元
- 作者:李曉斌
- 出版時間:2017/8/1
- ISBN:9787121324567
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP311.1
- 頁碼:
- 紙張:膠版紙
- 版次:1
- 開本:128開
在當(dāng)今互聯(lián)網(wǎng)和信息技術(shù)快速發(fā)展的時代,人們的生活經(jīng)歷著各種夢幻般的變化。隨著互聯(lián)網(wǎng)長大的一代正在成為社會的主流,并以他們特有的視角和思考問題的方式影響著社會的發(fā)展,形成了所謂的互聯(lián)網(wǎng)文化,在用戶體驗(yàn)發(fā)展中展示出獨(dú)特的一面。本書針對網(wǎng)站用戶體驗(yàn)的概念和設(shè)計(jì)要點(diǎn)進(jìn)行了深入的介紹和分析。全書共分為6章,從當(dāng)前互聯(lián)網(wǎng)經(jīng)濟(jì)中的用戶體驗(yàn)相關(guān)理論和互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的基礎(chǔ)開始,逐步講解了用戶體驗(yàn)設(shè)計(jì)的核心、用戶體驗(yàn)設(shè)計(jì)的要素、用戶體驗(yàn)中的交互設(shè)計(jì)、網(wǎng)站的用戶體驗(yàn)以及移動端的用戶體驗(yàn)等專業(yè)知識。通過知點(diǎn)點(diǎn)的講解與商業(yè)應(yīng)用案例分析相結(jié)合的方式,使用戶能夠更輕松地理解和應(yīng)用,培養(yǎng)讀者在網(wǎng)站用戶體驗(yàn)設(shè)計(jì)方面分析問題和解決問題的能力。本書結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、文字闡述通俗易懂,與案例分析結(jié)合進(jìn)行講解說明,具有很強(qiáng)的實(shí)用性,是一本用戶體驗(yàn)設(shè)計(jì)的寶典。
本書逐步講解了用戶體驗(yàn)設(shè)計(jì)的核心、用戶體驗(yàn)設(shè)計(jì)的要素、用戶體驗(yàn)中的交互設(shè)計(jì)、網(wǎng)站的用戶體驗(yàn)以及移動端的用戶體驗(yàn)等專業(yè)知識。 一本書培養(yǎng)讀者在網(wǎng)站用戶體驗(yàn)設(shè)計(jì)方面分析問題和解決問題的能力。是一本用戶體驗(yàn)設(shè)計(jì)的寶典。
近十年來,互聯(lián)網(wǎng)產(chǎn)品發(fā)生了巨大的變革,Web成為遍及全球的、最具代表性的互聯(lián)網(wǎng)信息資源組成系統(tǒng),這些系統(tǒng)包含了大量文本、圖像、音頻與視頻文件等信息資源。全球許多知名企業(yè)和組織都十分重視網(wǎng)站的設(shè)計(jì)和開發(fā)質(zhì)量,從網(wǎng)站作用、品牌形象、操作便利性、網(wǎng)速流暢性以及細(xì)節(jié)設(shè)計(jì)等多方面考慮,研究用戶訪問和使用網(wǎng)站的主觀體驗(yàn),以達(dá)到最佳的效果。網(wǎng)站用戶體驗(yàn)是指用戶在訪問網(wǎng)站時享受網(wǎng)站提供的各種服務(wù)的過程中建立起來的心理感受。一個好的網(wǎng)站除了內(nèi)容精彩、定位準(zhǔn)確以外,還要方便用戶瀏覽,使用戶可以方便快速地在網(wǎng)站中找到自己感興趣的內(nèi)容。本書內(nèi)容本書在借鑒國內(nèi)外交互設(shè)計(jì)和用戶體驗(yàn)的前沿理念和實(shí)踐成果的基礎(chǔ)上,對用戶體驗(yàn)設(shè)計(jì)進(jìn)行了全面而詳細(xì)的介紹。作為專業(yè)人才培養(yǎng)教材,本書力圖以最清晰、最有條理的語言和生動翔實(shí)的案例向讀者系統(tǒng)地介紹網(wǎng)站的用戶體驗(yàn)設(shè)計(jì),本書的主要內(nèi)容如下 。第1章 網(wǎng)絡(luò)交互與用戶體驗(yàn),在本章中向讀者介紹了有關(guān)用戶體驗(yàn)的相關(guān)基礎(chǔ)知識,包括什么是用戶體驗(yàn)、用戶體驗(yàn)的范疇、特點(diǎn),以及網(wǎng)站與用戶體驗(yàn)的關(guān)系和用戶體驗(yàn)的設(shè)計(jì)原則等相關(guān)內(nèi)容,使讀者對用戶體驗(yàn)有一個全面、清晰的認(rèn)知。第2章 認(rèn)識用戶,用戶作為網(wǎng)絡(luò)交互的主體,在交互過程中時刻感受著交互設(shè)計(jì)帶給感官和心靈的震撼。在本章中從用戶感官、用戶心理和用戶需求等多個方面來闡述用戶需要的是什么樣的設(shè)計(jì),以及如何設(shè)計(jì)出用戶滿意的網(wǎng)站。第3章 用戶體驗(yàn)要素,在本章中詳細(xì)向讀者介紹了用戶體驗(yàn)要素的5大層面,并且分別對這5大層面中的相關(guān)要素以及設(shè)計(jì)重點(diǎn)進(jìn)行了分析講解,使讀者對用戶體驗(yàn)設(shè)計(jì)的細(xì)節(jié)能夠了然于胸,并在設(shè)計(jì)過程中注意這些用戶體驗(yàn)細(xì)節(jié)的處理。第4章 關(guān)注用戶體驗(yàn)的交互設(shè)計(jì),本章主要向讀者介紹了交互設(shè)計(jì)對于用戶體驗(yàn)的作用以及其表現(xiàn)的方式,包括可用性設(shè)計(jì)、可用性原則、心流體驗(yàn)、沉浸感設(shè)計(jì)、情感化設(shè)計(jì)、美感設(shè)計(jì)和用戶體驗(yàn)差異等內(nèi)容,使讀者能夠從心理和情感層面提升產(chǎn)品的用戶體驗(yàn)。第5章 Web產(chǎn)品用戶體驗(yàn),提供良好的用戶體驗(yàn)就成為網(wǎng)站吸引并留住用戶的一個重要因素。在本章中對網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)進(jìn)行了詳細(xì)的介紹,包括網(wǎng)站產(chǎn)品的解構(gòu)、網(wǎng)站設(shè)計(jì)的原則、網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)、網(wǎng)站用戶體驗(yàn)設(shè)計(jì)的細(xì)節(jié)等內(nèi)容,全方位的介紹提升網(wǎng)站用戶體驗(yàn)的方法和技巧。第6章 移動端用戶體驗(yàn),隨著移動互聯(lián)網(wǎng)的興趣,智能移動設(shè)備已經(jīng)成為人們?nèi)粘I钪胁豢苫蛉钡漠a(chǎn)品之一,移動設(shè)備的用戶界面及體驗(yàn)受到用戶越來越多的關(guān)注。在本章中向讀者全面介紹了有關(guān)移動端的用戶體驗(yàn)設(shè)計(jì)的相關(guān)知識,從而提升移動端應(yīng)用界面的用戶體驗(yàn)。本書特點(diǎn)本書從網(wǎng)站用戶體驗(yàn)設(shè)計(jì)的各個方面進(jìn)行介紹,使讀者在了解用戶體驗(yàn)設(shè)計(jì)基礎(chǔ)的同時,能夠綜合運(yùn)用所學(xué)內(nèi)容。緊扣主題本書全部章節(jié)均圍繞網(wǎng)站用戶體驗(yàn)設(shè)計(jì)的主題進(jìn)行展開,并結(jié)合案例的分析講解,使讀者能夠更加容易理解,實(shí)用性很強(qiáng)。易學(xué)易用在對用戶體驗(yàn)的每個細(xì)節(jié)要素進(jìn)行分析講解的過程中,采用基礎(chǔ)知識與案例分析相結(jié)合的方式,圖文并茂的講解方式使讀者能夠更好的理解,使學(xué)習(xí)的成果達(dá)到最大化。
李曉斌,資深UI設(shè)計(jì)師,有豐富的UI設(shè)計(jì)經(jīng)驗(yàn),先后從事電商設(shè)計(jì),軟件界面、網(wǎng)站界面和游戲界面的設(shè)計(jì)工作,先后出版多本設(shè)計(jì)圖書。
Chapter 01 網(wǎng)絡(luò)交互與用戶體驗(yàn)
1.1 關(guān)于用戶體驗(yàn) 2
1.1.1 什么是用戶體驗(yàn) 2
1.1.2 用戶體驗(yàn)設(shè)計(jì)的歷史與現(xiàn)狀 2
1.1.3 6種基礎(chǔ)體驗(yàn) 3
1.1.4 用戶體驗(yàn)相關(guān)術(shù)語 5
1.2 用戶體驗(yàn)設(shè)計(jì)范疇及其特點(diǎn) 6
1.2.1 用戶體驗(yàn)設(shè)計(jì)范疇 6
1.2.2 用戶體驗(yàn)設(shè)計(jì)的特點(diǎn) 7
1.2.3 用戶體驗(yàn)設(shè)計(jì)的5個著手點(diǎn) 9
1.3 網(wǎng)站與用戶體驗(yàn) 10
1.3.1 用戶體驗(yàn)所包含的內(nèi)容 10
1.3.2 用戶體驗(yàn)對于網(wǎng)站的重要性 13
1.3.3 網(wǎng)站設(shè)計(jì)如何尋求突破 13
1.3.4 提升網(wǎng)站用戶體驗(yàn) 14
1.4 交互設(shè)計(jì)的內(nèi)容和習(xí)慣 16
1.4.1 什么是交互設(shè)計(jì) 16
1.4.2 需要考慮的內(nèi)容 16
1.4.3 需要遵循的習(xí)慣 17
1.4.4 用戶體驗(yàn)與交互設(shè)計(jì) 18
1.5 用戶體驗(yàn)設(shè)計(jì)的原則 18
1.5.1 快速引導(dǎo)用戶找到需要的內(nèi)容 19
1.5.2 設(shè)置期望并提供反饋 21
1.5.3 基于人類工程學(xué)設(shè)計(jì) 21
1.5.4 與標(biāo)準(zhǔn)保持一致 22
1.5.5 提供糾錯支持 22
1.5.6 靠辨識而非記憶 23
1.5.7 考慮到不同水平的用戶 23
1.5.8 提供上下文幫助和文檔 24
1.6 用戶體驗(yàn)要素的應(yīng)用 24
1.6.1 由現(xiàn)狀決定的設(shè)計(jì) 24
1.6.2 由模仿決定的設(shè)計(jì) 25
1.6.3 由領(lǐng)導(dǎo)決定的設(shè)計(jì) 25
1.7 拓展閱讀用戶體驗(yàn)設(shè)計(jì)師 25
1.8 本章小結(jié) 26
Chapter 02 認(rèn)識用戶
2.1 用戶的感官特征 28
2.1.1 視覺 28
2.1.2 聽覺 29
2.1.3 觸覺 31
2.2 用戶認(rèn)知心理 31
2.2.1 設(shè)計(jì)心理學(xué) 31
2.2.2 設(shè)計(jì)心理學(xué)的設(shè)計(jì)原則 35
2.3 用戶的心理需求 38
2.3.1 人的需求層次理論 38
2.3.2 用戶體驗(yàn)的需求層次 39
2.3.3 用戶體驗(yàn)的生命周期模型 42
2.4 以用戶為中心設(shè)計(jì) 43
2.4.1 了解用戶需要什么 43
2.4.2 遵循用戶的習(xí)慣 44
2.4.3 顛覆用戶的習(xí)慣 45
2.5 網(wǎng)站的目標(biāo)與用戶需求 46
2.6 用戶激勵機(jī)制 49
2.6.1 用戶激勵的方式 49
2.6.2 等級與積分激勵方式的表現(xiàn) 49
2.6.3 網(wǎng)站常用的具體激勵方法 51
2.7 拓展閱讀用戶行為分析 54
2.8 本章小結(jié) 55
Chapter 03 用戶體驗(yàn)要素
3.1 用戶體驗(yàn)的分類 58
3.1.1 信息架構(gòu) 58
3.1.2 交互設(shè)計(jì) 63
3.1.3 視覺形象設(shè)計(jì) 65
3.2 用戶體驗(yàn)的要素模型 66
3.2.1 5個層面 66
3.2.2 要素模型 70
3.3 戰(zhàn)略層詳解 72
3.3.1 確定產(chǎn)品定位 72
3.3.2 了解用戶需求 74
3.4 范圍層詳解 76
3.4.1 從哪里獲得需求 76
3.4.2 對需求進(jìn)行分析篩選 77
3.4.3 確定需求優(yōu)先級 78
3.5 結(jié)構(gòu)層詳解 79
3.5.1 交互設(shè)計(jì) 80
3.5.2 信息架構(gòu) 81
3.6 框架層詳解 82
3.6.1 界面設(shè)計(jì) 82
3.6.2 導(dǎo)航設(shè)計(jì) 83
3.6.3 信息設(shè)計(jì) 87
3.6.4 線框圖 88
3.7 表現(xiàn)層詳解 90
3.7.1 如何評估網(wǎng)站的視覺設(shè)計(jì) 90
3.7.2 對比 91
3.7.3 一致性 92
3.7.4 配色方案 93
3.7.5 字體選擇 94
3.8 拓展閱讀用戶體驗(yàn)的一般設(shè)計(jì)流程 95
3.9 本章小結(jié) 97
Chapter 04 關(guān)注用戶體驗(yàn)的交互設(shè)計(jì)
4.1 可用性設(shè)計(jì) 100
4.1.1 什么是可用性 100
4.1.2 可用性的表現(xiàn) 100
4.2 可用性設(shè)計(jì)原則 101
4.2.1 簡潔性 101
4.2.2 易于學(xué)習(xí) 106
4.2.3 減少用戶記憶 108
4.2.4 一致性 111
4.2.5 提供反饋 112
4.2.6 錯誤提示及避免錯誤的發(fā)生 114
4.2.7 高效率 115
4.3 心流體驗(yàn) 115
4.3.1 什么是心流體驗(yàn) 116
4.3.2 兩種不同的心流體驗(yàn)類型 116
4.3.3 心流體驗(yàn)設(shè)計(jì)的要點(diǎn) 118
4.3.4 用戶體驗(yàn)的經(jīng)驗(yàn)設(shè)計(jì) 122
4.4 沉浸感設(shè)計(jì) 126
4.4.1 什么是沉浸感 126
4.4.2 沉浸感設(shè)計(jì)原則 126
4.4.3 沉浸感在游戲網(wǎng)站中的應(yīng)用 129
4.5 情感化設(shè)計(jì) 131
4.5.1 什么是情感化設(shè)計(jì) 131
4.5.2 互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的3層次 131
4.5.3 互聯(lián)網(wǎng)產(chǎn)品的情感化設(shè)計(jì) 133
4.6 美感設(shè)計(jì) 135
4.6.1 什么是美感設(shè)計(jì) 135
4.6.2 交互設(shè)計(jì)中的美感體驗(yàn) 136
4.7 用戶體驗(yàn)差異設(shè)計(jì) 137
4.7.1 可訪問性設(shè)計(jì) 137
4.7.2 文化差異設(shè)計(jì) 139
4.7.3 經(jīng)驗(yàn)水平差異設(shè)計(jì) 144
4.8 用戶體驗(yàn)與前端設(shè)計(jì) 145
4.8.1 認(rèn)識前端設(shè)計(jì) 146
4.8.2 前端設(shè)計(jì)優(yōu)化與用戶體驗(yàn) 150
4.9 拓展閱讀網(wǎng)站信息架構(gòu) 151
4.10 本章小結(jié) 152
Chapter 05 Web產(chǎn)品用戶體驗(yàn)
5.1 Web產(chǎn)品解構(gòu) 154
5.1.1 網(wǎng)站解構(gòu) 154
5.1.2 網(wǎng)站頁面的構(gòu)成元素 154
5.1.3 網(wǎng)站頁面的視覺層次 157
5.1.4 基于用戶體驗(yàn)的網(wǎng)站設(shè)計(jì)原則 161
5.2 網(wǎng)站界面設(shè)計(jì)的基本原則 165
5.2.1 對比突出 165
5.2.2 條理清晰 167
5.2.3 整齊平衡 168
5.2.4 簡潔一致 169
5.3 Web用戶體驗(yàn)設(shè)計(jì) 170
5.3.1 清晰的網(wǎng)站結(jié)構(gòu) 170
5.3.2 合理的頁面功能布局 173
5.3.3 優(yōu)化網(wǎng)站內(nèi)容 180
5.4 網(wǎng)站配色 182
5.4.1 色彩屬性 183
5.4.2 網(wǎng)頁配色的方法 184
5.4.3 網(wǎng)頁文本配色 188
5.4.4 網(wǎng)頁元素的色彩搭配 190
5.4.5 色彩情感在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 192
5.5 網(wǎng)站用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié) 197
5.5.1 網(wǎng)站圖標(biāo)設(shè)計(jì) 197
5.5.2 網(wǎng)站按鈕設(shè)計(jì) 200
5.5.3 網(wǎng)站Logo設(shè)計(jì) 206
5.5.4 網(wǎng)站導(dǎo)航設(shè)計(jì) 211
5.6 拓展閱讀創(chuàng)建網(wǎng)站
設(shè)計(jì)的標(biāo)準(zhǔn) 219
5.7 本章小結(jié) 220
Chapter 06 移動端用戶體驗(yàn)
6.1 了解移動端用戶體驗(yàn) 222
6.1.2 移動端與PC端的區(qū)別 222
6.1.3 移動設(shè)備用戶體驗(yàn)發(fā)展趨勢 224
6.1.4 移動設(shè)備的交互設(shè)計(jì) 225
6.1.5 移動端應(yīng)用的用戶體驗(yàn)設(shè)計(jì) 226
6.2 移動端設(shè)計(jì)流程及視覺設(shè)計(jì) 230
6.2.1 移動端設(shè)計(jì)流程 230
6.2.2 視覺設(shè)計(jì) 231
6.2.3 如何提升移動端應(yīng)用的用戶體驗(yàn) 232
6.3 移動端界面設(shè)計(jì)內(nèi)容 234
6.3.1 視聽元素設(shè)計(jì) 235
6.3.2 版式設(shè)計(jì) 244
6.4 移動端界面色彩搭配 247
6.4.1 色彩在移動端界面設(shè)計(jì)中的作用 247
6.4.2 移動端界面配色原則 249
6.5 移動端界面設(shè)計(jì)原則 251
6.5.1 實(shí)用性 251
6.5.2 統(tǒng)一的色彩與風(fēng)格 252
6.5.3 合理的配色 252
6.5.4 規(guī)范的操作流程 253
6.5.5 視覺元素規(guī)范 253
6.6 拓展閱讀常見移動設(shè)備
尺寸標(biāo)準(zhǔn) 254
6.7 本章小結(jié) 256