QQ在線客服
免費(fèi)咨詢熱線
400-615-1233
工作時(shí)間-工作日
8:30-17:30
1立封
1平封

移動(dòng)終端UI設(shè)計(jì)(第2版)

產(chǎn)教融合,思政育人,全彩印刷,案例豐富
  • 類  別:計(jì)算機(jī)系列
  • 書  名:移動(dòng)終端UI設(shè)計(jì)(第2版)
  • 主  編:遲曉曼
  • 定  價(jià):78
  • 開  本:16開
  • 印刷方式:四色
  • 頁(yè)  數(shù):252
  • 時(shí)  間:2023年12月
  • 出  版  社:北京郵電大學(xué)出版社
  • 書  號(hào):978-7-5635-7124-6

內(nèi)容摘要

        本書根據(jù)當(dāng)代UI設(shè)計(jì)師的職業(yè)能力與職業(yè)素養(yǎng)需求,精心設(shè)計(jì)了知識(shí)與技能目標(biāo),品德與素養(yǎng)目標(biāo),同時(shí)設(shè)置了思政園地以啟發(fā)、引導(dǎo)未來(lái)從業(yè)人員積極踐行社會(huì)主義核心價(jià)值觀。全書共分為9個(gè)模塊,具體內(nèi)容包括認(rèn)識(shí)移動(dòng)終端UI設(shè)計(jì)、UI圖標(biāo)設(shè)計(jì)、滑塊設(shè)計(jì)、按鈕設(shè)計(jì)、表單控件設(shè)計(jì)、APP導(dǎo)航設(shè)計(jì)、移動(dòng)端界面設(shè)計(jì)、APP綜合設(shè)計(jì)實(shí)例、切圖與標(biāo)注。
        本書可作為移動(dòng)終端UI設(shè)計(jì)課程的教材,還可作為相關(guān)培訓(xùn)機(jī)構(gòu)的參考用書。

目錄

模塊1  移動(dòng)終端UI設(shè)計(jì)概述
 1.1 什么是UI設(shè)計(jì)3
   1.1.1 UI設(shè)計(jì)的概念3
   1.1.2 UI設(shè)計(jì)的分類4
   1.1.3 UI設(shè)計(jì)師技能要求6
 1.2 什么是移動(dòng)終端7
   1.2.1 移動(dòng)終端的概念7
   1.2.2 智能手機(jī)7
   1.2.3 PDA智能終端8
   1.2.4 平板電腦8
   1.2.5 車載智能終端9
   1.2.6 可穿戴設(shè)備9
 1.3 什么是APP設(shè)計(jì)9
   1.3.1 APP的概念9
   1.3.2 APP的分類9
   1.3.3 APP界面的構(gòu)成元素11
   1.3.4 APP的設(shè)計(jì)流程12
 1.4 移動(dòng)設(shè)備屏幕13
   1.4.1 英寸13
   1.4.2 像素14
   1.4.3 分辨率14
   1.4.4 網(wǎng)點(diǎn)密度與像素密度14
   1.4.5 視網(wǎng)膜屏幕15
 1.5 智能手機(jī)操作系統(tǒng)規(guī)范15
   1.5.1 iOS系統(tǒng)15
   1.5.2 Android系統(tǒng)16
 知識(shí)與技能提升16
 品德與素養(yǎng)提升17
 
模塊2  UI圖標(biāo)設(shè)計(jì)
 2.1 圖標(biāo)設(shè)計(jì)知識(shí)準(zhǔn)備21
   2.1.1APP圖標(biāo)的特點(diǎn)21
   2.1.2APP圖標(biāo)設(shè)計(jì)流程22
   2.1.3APP圖標(biāo)設(shè)計(jì)方法24
   2.1.4iOS圖標(biāo)規(guī)范26
   2.1.5Android圖標(biāo)規(guī)范26
 2.2 線性圖標(biāo)28
   2.2.1認(rèn)識(shí)線性圖標(biāo)28
   2.2.2線性圖標(biāo)的制作方法29
   2.2.3制作線性圖標(biāo)30
 2.3 剪影類圖標(biāo)32
   2.3.1認(rèn)識(shí)剪影類圖標(biāo)32
   2.3.2剪影類圖標(biāo)繪制標(biāo)準(zhǔn)33
   2.3.3制作剪影類圖標(biāo)35
 2.4 扁平化與長(zhǎng)陰影類圖標(biāo)41
   2.4.1認(rèn)知扁平化與長(zhǎng)陰影41
   2.4.2扁平化風(fēng)格設(shè)計(jì)分析43
   2.4.3制作扁平化與長(zhǎng)陰影類圖標(biāo)44
 2.5 擬物化圖標(biāo)51
   2.5.1認(rèn)知擬物化圖標(biāo)51
   2.5.2擬物化圖標(biāo)的構(gòu)建流程51
   2.5.3制作擬物化圖標(biāo)53
 知識(shí)與技能提升66
 品德與素養(yǎng)提升66
 
模塊3  滑塊設(shè)計(jì)
  3.1 滑塊設(shè)計(jì)基礎(chǔ)知識(shí)69
   3.1.1滑塊的構(gòu)成要素69
   3.1.2滑塊的類型69
   3.1.3滑塊的設(shè)計(jì)策略71
  3.2 音量調(diào)節(jié)滑塊設(shè)計(jì)74
   3.2.1音量調(diào)節(jié)滑塊設(shè)計(jì)要求74
   3.2.2音量調(diào)節(jié)滑塊設(shè)計(jì)思路剖析74
   3.2.3音量調(diào)節(jié)滑塊設(shè)計(jì)實(shí)現(xiàn)步驟74
  3.3 極簡(jiǎn)風(fēng)格滑塊設(shè)計(jì)82
   3.3.1極簡(jiǎn)風(fēng)格滑塊設(shè)計(jì)要求82
   3.3.2極簡(jiǎn)風(fēng)格滑塊設(shè)計(jì)思路剖析82
   3.3.3極簡(jiǎn)風(fēng)格滑塊設(shè)計(jì)實(shí)現(xiàn)步驟83
  知識(shí)與技能提升85
  品德與素養(yǎng)提升86
 
模塊4  按鈕設(shè)計(jì)
  4.1 按鈕設(shè)計(jì)基礎(chǔ)知識(shí)89
   4.1.1按鈕的不同狀態(tài)89
   4.1.2按鈕設(shè)計(jì)技巧90
 4.2 色塊按鈕設(shè)計(jì)90
   4.2.1色塊按鈕設(shè)計(jì)要求90
   4.2.2色塊按鈕設(shè)計(jì)思路剖析92
   4.2.3色塊按鈕設(shè)計(jì)實(shí)現(xiàn)步驟93
 4.3 漸變質(zhì)感按鈕設(shè)計(jì)96
   4.3.1漸變質(zhì)感按鈕設(shè)計(jì)要求96
   4.3.2漸變質(zhì)感按鈕設(shè)計(jì)思路剖析96
   4.3.3漸變質(zhì)感按鈕設(shè)計(jì)實(shí)現(xiàn)步驟97
 4.4 水晶按鈕設(shè)計(jì)103
   4.4.1水晶按鈕設(shè)計(jì)要求103
   4.4.2水晶按鈕設(shè)計(jì)思路剖析104
   4.4.3水晶按鈕設(shè)計(jì)實(shí)現(xiàn)步驟104
 知識(shí)與技能提升109
 品德與素養(yǎng)提升110
 
模塊5  表單控件設(shè)計(jì)
  5.1 表單控件設(shè)計(jì)的基礎(chǔ)知識(shí)113
   5.1.1認(rèn)識(shí)表單控件113
   5.1.2表單控件設(shè)計(jì)原則113
   5.1.3表單控件設(shè)計(jì)方法113
 5.2 下拉列表框設(shè)計(jì)114
   5.2.1下拉列表框設(shè)計(jì)要求114
   5.2.2下拉列表框設(shè)計(jì)思路剖析114
   5.2.3下拉列表框設(shè)計(jì)實(shí)現(xiàn)步驟115
 5.3 搜索框設(shè)計(jì)118
   5.3.1搜索框設(shè)計(jì)要求118
   5.3.2搜索框設(shè)計(jì)思路剖析118
   5.3.3漸變樣式搜索框?qū)崿F(xiàn)步驟118
   5.3.4圖標(biāo)式搜索框?qū)崿F(xiàn)步驟123
 知識(shí)與技能提升129
 品德與素養(yǎng)提升130
 
模塊6  APP導(dǎo)航設(shè)計(jì)
 6.1 APP導(dǎo)航模式133
 6.2 標(biāo)簽式導(dǎo)航設(shè)計(jì)134
   6.2.1標(biāo)簽式導(dǎo)航設(shè)計(jì)要求135
   6.2.2標(biāo)簽式導(dǎo)航設(shè)計(jì)思路剖析135
   6.2.3彩色標(biāo)簽式導(dǎo)航設(shè)計(jì)實(shí)現(xiàn)步驟135
 6.3 宮格式導(dǎo)航設(shè)計(jì)139
   6.3.1宮格式導(dǎo)航設(shè)計(jì)要求140
   6.3.2宮格式導(dǎo)航設(shè)計(jì)思路剖析140
   6.3.3宮格式導(dǎo)航設(shè)計(jì)實(shí)現(xiàn)步驟140
 6.4 列表式導(dǎo)航設(shè)計(jì)146
   6.4.1列表式導(dǎo)航設(shè)計(jì)要求146
   6.4.2列表式導(dǎo)航設(shè)計(jì)思路剖析147
   6.4.3微信界面列表式導(dǎo)航設(shè)計(jì)實(shí)現(xiàn)步驟147
 知識(shí)與技能提升151
 品德與素養(yǎng)提升152
 
模塊7  移動(dòng)端界面設(shè)計(jì)
 7.1 常見(jiàn)的移動(dòng)端界面155
   7.1.1常見(jiàn)移動(dòng)端界面類型155
   7.1.2UI界面設(shè)計(jì)風(fēng)格162
 7.2 打造一款炫酷風(fēng)格的界面164
   7.2.1繪制基礎(chǔ)圖形165
   7.2.2制作炫色167
   7.2.3添加文字和圖標(biāo)168
   7.2.4處理細(xì)節(jié)169
 7.3 制作一款漸變風(fēng)格的界面170
   7.3.1規(guī)范布局170
   7.3.2制作漸變插畫171
   7.3.3制作天氣信息176
   7.3.4制作狀態(tài)欄177
 知識(shí)與技能提升177
 品德與素養(yǎng)提升178
 
模塊8  APP綜合設(shè)計(jì)實(shí)例
  8.1 美食APP設(shè)計(jì)181
   8.1.1整體設(shè)計(jì)規(guī)劃181
   8.1.2確定配色方案182
   8.1.3定義元素風(fēng)格182
   8.1.4制作流程183
 8.2 流量銀行APP設(shè)計(jì)200
   8.2.1整體設(shè)計(jì)規(guī)劃200
   8.2.2確定配色方案201
   8.2.3定義元素風(fēng)格202
   8.2.4制作流程202
 知識(shí)與技能提升214
 品德與素養(yǎng)提升214
 
模塊9  切圖與標(biāo)注
 9.1 切圖工具和標(biāo)注工具217
   9.1.1Cutterman切圖工具217
   9.1.2Assistor PS切圖標(biāo)記軟件218
   9.1.3PxCook工具218
 9.2 切圖219
   9.2.1APP切圖命名規(guī)范219
   9.2.2切圖注意事項(xiàng)221
   9.2.3通用切圖法221
   9.2.4Android點(diǎn)九切圖法225
 9.3 標(biāo)注228
   9.3.1了解標(biāo)注228
   9.3.2編輯制作標(biāo)注229
 9.4 為一款A(yù)PP首頁(yè)頁(yè)面切圖233
   9.4.1切圖分析233
   9.4.2切圖實(shí)戰(zhàn)234
 知識(shí)與技能提升236
 品德與素養(yǎng)提升238

主編信息

遲曉曼,吉林交通職業(yè)技術(shù)學(xué)院副教授。主持及參與課題《高職院校“00后”學(xué)生“三觀”變化及對(duì)策研究》《教師分工協(xié)作的模塊化教學(xué)模式實(shí)踐研究--以移動(dòng)互聯(lián)應(yīng)用技術(shù)專業(yè)為例》《產(chǎn)教深度融合、校企共育共管、學(xué)做創(chuàng)一體化東北地區(qū)高職院校電子商務(wù)高水平特色專業(yè)建設(shè)研究》《互聯(lián)網(wǎng)學(xué)習(xí)模式和效果評(píng)價(jià)研究》等9項(xiàng),撰寫《基于教師分工協(xié)作的模塊化教學(xué)研究》等教科研論文6篇。主編及參與編寫教材13部,專著一部,教學(xué)經(jīng)驗(yàn)豐富。

相關(guān)圖書