UI界面設(shè)計(jì)（第3版）

定　價(jià)：￥49.00

作　者：	張小玲
出版社：	電子工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買這本書(shū)可以去

ISBN：	9787121422720	出版時(shí)間：	2022-01-01	包裝：
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	240	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)從用戶研究、交互設(shè)計(jì)入手，到視覺(jué)設(shè)計(jì)理念的分析，再結(jié)合實(shí)例對(duì)UI 界面設(shè)計(jì)全過(guò)程進(jìn)行剖析、歸納和演繹，將“理論知識(shí)”“軟件技術(shù)”與“藝術(shù)設(shè)計(jì)”“美育思政”各項(xiàng)元素充分融合，是一本全面的UI界面設(shè)計(jì)與制作的基礎(chǔ)教程。本書(shū)結(jié)構(gòu)合理、內(nèi)容翔實(shí)、圖文并茂，結(jié)合Photoshop、Illustrator 軟件中常用的工具和方法，有針對(duì)性地剖析UI 界面設(shè)計(jì)設(shè)計(jì)與制作的實(shí)施策略與過(guò)程，精選了圖標(biāo)設(shè)計(jì)、手機(jī)主題界面設(shè)計(jì)、App 界面設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)、智能電視界面設(shè)計(jì)、其他類型人機(jī)界面設(shè)計(jì)等典型UI 界面設(shè)計(jì)項(xiàng)目，將藝術(shù)設(shè)計(jì)與軟件操作技巧融入其中，引導(dǎo)學(xué)生進(jìn)行思考及操作實(shí)踐，提升學(xué)生的審美、審藝能力。本書(shū)適合作為高等職業(yè)院校計(jì)算機(jī)數(shù)字媒體/藝術(shù)類相關(guān)專業(yè)的教材，也可供平面設(shè)計(jì)人員、美工和對(duì)UI 設(shè)計(jì)感興趣的讀者閱讀和參考。為了方便教與學(xué)，本書(shū)提供全套教學(xué)資料（案例操作視頻、教綱、考綱、學(xué)時(shí)安排、課件集、教案、拓展資源等），請(qǐng)掃描書(shū)中二維碼或登錄華信教育資源網(wǎng)（http：//www.hxedu.com.cn）免費(fèi)注冊(cè)后下載。

作者簡(jiǎn)介

　　張小玲，畢業(yè)于西南大學(xué)藝術(shù)設(shè)計(jì)專業(yè)，現(xiàn)就職于重慶工程學(xué)院，先后擔(dān)任專業(yè)教師、教研室主任等職。兼任正大恒領(lǐng)網(wǎng)絡(luò)公司設(shè)計(jì)總監(jiān)。參與各類教研科研項(xiàng)目十余項(xiàng)。熱衷于教學(xué)科技研究，積極參與各項(xiàng)項(xiàng)目申報(bào)，已經(jīng)順利主持完成結(jié)項(xiàng)省部級(jí)教改科研項(xiàng)目6項(xiàng)，完成課程建設(shè)3門，其中一門為重慶市級(jí)精品資源共享課，2門為校級(jí)重點(diǎn)課程。近年來(lái)已經(jīng)成功申請(qǐng)作品著作權(quán)登記40余項(xiàng)。

圖書(shū)目錄

第一部分知識(shí)準(zhǔn)備
第1章 UI設(shè)計(jì)相關(guān)知識(shí)
1．1 UI設(shè)計(jì)概述\t1
1．1．1 UI設(shè)計(jì)的概念\t1
1．1．2　UI設(shè)計(jì)的流程\t2
1．1．3　UI設(shè)計(jì)的規(guī)范\t4
1．2 UI設(shè)計(jì)與用戶體驗(yàn)\t6
1．2．1 用戶體驗(yàn)的含義\t6
1．2．2 影響用戶體驗(yàn)的因素\t6
1．3 UI設(shè)計(jì)常見(jiàn)風(fēng)格\t7
1．3．1 扁平化風(fēng)格\t8
1．3．2 擬物化風(fēng)格\t10
1．3．3 卡通化風(fēng)格\t10
1．3．4 立體風(fēng)格\t10
1．3．5 幾何風(fēng)格\t11
1．3．6 漸變風(fēng)格\t11
第2章 UI設(shè)計(jì)的常用方法
2．1 UI設(shè)計(jì)中的設(shè)計(jì)方法\t12
2．1．1 方法與方法論\t12
2．1．2 設(shè)計(jì)方法學(xué)\t12
2．1．3 UI設(shè)計(jì)中實(shí)用的設(shè)計(jì)方法\t13
2．2 UI設(shè)計(jì)中實(shí)用的構(gòu)成方法\t13
2．2．1 什么是構(gòu)成\t13
2．2．2 形式美法則\t14
2．2．3 構(gòu)成的思維方式\t17
第3章 UI設(shè)計(jì)的配色方法
3．1 色彩基礎(chǔ)\t21
3．1．1　色彩的基本理論\t21
3．1．2　常用顏色模式\t23
3．2 色彩搭配\t23
3．2．1 界面中不同色彩的象征與聯(lián)想\t23
3．2．2 色彩搭配方法\t27
3．2．3 色彩搭配的其他原則\t28
3．3 設(shè)計(jì)軟件中的色彩調(diào)整\t31
3．3．1 Photoshop中的色彩調(diào)整\t31
3．3．2 Illustrator中的色彩調(diào)整\t31
第4章 UI設(shè)計(jì)常用工具
4．1 Photoshop\t33
4．1．1 初識(shí)Photoshop\t33
4．1．2 圖像常用基本操作\t34
4．1．3 選區(qū)的基本操作\t36
4．1．4 矢量繪制類工具的應(yīng)用\t38
4．1．5 畫(huà)筆工具的應(yīng)用\t40
4．1．6 圖層相關(guān)知識(shí)\t42
4．1．7 蒙版相關(guān)知識(shí)\t46
4．1．8 擦除類工具的應(yīng)用\t48
4．1．9 外部素材的載入\t49
4．1．10 小練手\t50
4．2 Illustrator\t52
4．2．1 初識(shí)Illustrator\t52
4．2．2 界面設(shè)計(jì)常用圖形\t53
4．2．3 繪制對(duì)象的常用操作\t55
4．2．4 填色和描邊\t55
4．2．5 直角變圓角\t56
4．2．6 路徑查找器與形狀生成器\t56
4．2．7 通過(guò)擴(kuò)展路徑描邊讓線變成面\t57
4．2．8 Illustrator 工具箱中的比例縮放工具\(yùn)t57
4．2．9 旋轉(zhuǎn)與鏡像打造對(duì)稱圖形\t58
4．2．10 圖像描摹\t58
4．2．11 小練手\t59
4．3 其他輔助工具\(yùn)t62
第5章 UI界面常用壁紙與控件制作
5．1 常用壁紙制作\t64
5．1．1 攝影像素壁紙\t64
5．1．2 設(shè)計(jì)構(gòu)成壁紙\t64
5．1．3 綜合圖像壁紙\t65
5．1．4 小練手：多種壁紙?jiān)O(shè)計(jì)\t65
5．2 常見(jiàn)控件制作\t70
5．2．1 按鈕\t70
5．2．2 下拉選擇框\t72
5．2．3 進(jìn)度條\t74
5．2．4 TAB切換塊\t78
5．2．5 氣泡對(duì)話框\t79
5．2．6 步進(jìn)器\t80
5．2．7 開(kāi)關(guān)\t80
第6章圖標(biāo)設(shè)計(jì)
6．1 圖標(biāo)的設(shè)計(jì)與制作概述\t82
6．1．1 圖標(biāo)設(shè)計(jì)概述\t82
6．1．2 圖標(biāo)的背板\t83
6．1．3 圖標(biāo)的分類\t83
6．1．4 圖標(biāo)的規(guī)格\t87
6．1．5 圖標(biāo)的統(tǒng)一性\t89
6．2 線性圖標(biāo)\t89
6．2．1 利用Illustrator打造線性圖標(biāo)\t89
6．2．2 多種線性圖標(biāo)風(fēng)格\t98
6．3 面性圖標(biāo)\t102
6．3．1 面性圖標(biāo)設(shè)計(jì)制作思路\t102
6．3．2 多種面性圖標(biāo)風(fēng)格\t102
6．4 2．5D圖標(biāo)\t104
6．4．1 利用Illustrator打造2．5D圖標(biāo)\t104
6．4．2 使用Photoshop打造2．5D圖標(biāo)\t107
6．5 MBE圖標(biāo)\t107
6．6 利用Photoshop打造擬物化圖標(biāo)\t108
6．7 延伸閱讀與練習(xí)\t111
6．7．1 利用Illustrator批量導(dǎo)出圖標(biāo)\t111
6．7．2 拓展練習(xí)：利用Photoshop打造扁平化圖標(biāo)\t114
6．7．3 拓展練習(xí)：利用Photoshop打造單色圖標(biāo)\t116
6．7．4 拓展練習(xí)：利用Photoshop打造線性圖標(biāo)\t117
6．7．5 拓展練習(xí)：利用Photoshop打造樣式圖標(biāo)\t118
6．8 獨(dú)立實(shí)踐\t118
第7章手機(jī)主題界面設(shè)計(jì)
7．1 手機(jī)主題界面設(shè)計(jì)概述\t119
7．1．1 手機(jī)常用尺寸與圖標(biāo)格式\t119
7．1．2 手機(jī)主題界面設(shè)計(jì)內(nèi)容\t120
7．1．3 手機(jī)界面設(shè)計(jì)的原則\t120
7．2 項(xiàng)目實(shí)作：卡通小熊手機(jī)主題界面設(shè)計(jì)\t121
7．2．1 界面設(shè)計(jì)任務(wù)分析\t121
7．2．2 學(xué)習(xí)目標(biāo)\t122
7．2．3 制作步驟詳解\t122
7．3 項(xiàng)目實(shí)作：偽扁平手機(jī)主題界面設(shè)計(jì)\t136
7．3．1 界面設(shè)計(jì)任務(wù)分析\t136
7．3．2 學(xué)習(xí)目標(biāo)\t136
7．3．3 關(guān)鍵步驟提示\t136
7．4 獨(dú)立實(shí)踐\t137
7．5 本章小結(jié)\t137
第8章 App界面設(shè)計(jì)
8．1 App界面設(shè)計(jì)概述\t138
8．1．1 手機(jī)App界面視覺(jué)設(shè)計(jì)\t138
8．1．2 手機(jī)App界面用戶體驗(yàn)設(shè)計(jì)\t139
8．1．3 App界面布局設(shè)計(jì)\t139
8．2 項(xiàng)目實(shí)作：操作型App―計(jì)算器界面設(shè)計(jì)\t140
8．2．1 界面設(shè)計(jì)任務(wù)分析\t140
8．2．2 學(xué)習(xí)目標(biāo)\t141
8．2．3 制作步驟詳解\t141
8．3 項(xiàng)目實(shí)作：拼拼樂(lè)App界面設(shè)計(jì)\t143
8．3．1 界面設(shè)計(jì)任務(wù)分析\t143
8．3．2 學(xué)習(xí)目標(biāo)\t143
8．3．3 制作步驟詳解\t144
8．4 項(xiàng)目實(shí)做：水平儀App界面設(shè)計(jì)\t148
8．5 獨(dú)立實(shí)踐\t148
8．6 本章小結(jié)\t148
第9章網(wǎng)頁(yè)界面設(shè)計(jì)
9．1 網(wǎng)頁(yè)界面設(shè)計(jì)概述\t149
9．1．1 網(wǎng)頁(yè)界面設(shè)計(jì)基本原則\t149
9．1．2 網(wǎng)站頁(yè)面的功能美與形式美\t149
9．2 項(xiàng)目實(shí)作：一欄式簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)與制作\t150
9．2．1 界面設(shè)計(jì)任務(wù)分析\t150
9．2．2 學(xué)習(xí)目標(biāo)\t151
9．2．3 制作步驟詳解\t151
9．3 項(xiàng)目實(shí)作：多欄式電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作\t156
9．3．1 界面設(shè)計(jì)任務(wù)分析\t156
9．3．2 學(xué)習(xí)目標(biāo)\t157
9．3．3 制作步驟詳解\t157
9．4 項(xiàng)目實(shí)作：自由版式專題網(wǎng)頁(yè)設(shè)計(jì)與制作\t169
9．4．1 界面設(shè)計(jì)任務(wù)分析\t169
9．4．2 學(xué)習(xí)目標(biāo)\t171
9．4．3 制作步驟詳解\t171
9．5 獨(dú)立實(shí)踐\t203
9．6 本章小結(jié)\t203
第10章智能電視界面設(shè)計(jì)
10．1 智能電視界面設(shè)計(jì)概述\t204
10．1．1 智能電視界面設(shè)計(jì)\t204
10．1．2 智能電視界面設(shè)計(jì)的原則\t204
10．2 項(xiàng)目實(shí)作：智能電視界面設(shè)計(jì)\t205
10．2．1 界面設(shè)計(jì)任務(wù)分析\t205
10．2．2 學(xué)習(xí)目標(biāo)\t205
10．2．3 制作步驟詳解\t206
10．3 獨(dú)立實(shí)踐\t217
10．4 本章小結(jié)\t217
第11章其他類型人機(jī)界面設(shè)計(jì)
11．1 人機(jī)界面設(shè)計(jì)概述\t218
11．1．1 人機(jī)界面概述\t218
11．1．2 人機(jī)界面設(shè)計(jì)的要點(diǎn)\t220
11．1．3 人機(jī)界面設(shè)計(jì)的原則\t221
11．2 項(xiàng)目實(shí)作：播放器界面設(shè)計(jì)\t221
11．2．1 界面設(shè)計(jì)任務(wù)分析\t221
11．2．2 學(xué)習(xí)目標(biāo)\t222
11．2．3 制作步驟詳解\t222
11．3 獨(dú)立實(shí)踐\t229
11．4 本章小結(jié)\t229