《UI設(shè)計(jì):創(chuàng)意表達(dá)與實(shí)踐》是國(guó)家高等職業(yè)教育數(shù)字媒體專(zhuān)業(yè)群資源庫(kù)配套教材。 UI設(shè)計(jì)是高職院校數(shù)字媒體藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)必修課程,也是該專(zhuān)業(yè)學(xué)生需要掌握的核心能力的課程之一。全書(shū)包括了解UI設(shè)計(jì)行業(yè)、UI設(shè)計(jì)師的工作內(nèi)容,理解UI設(shè)計(jì)的基礎(chǔ)理論知識(shí),掌握?qǐng)D標(biāo)設(shè)計(jì)、App界面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)技巧等內(nèi)容。 為了學(xué)習(xí)者能夠快速且有效地掌握核心知識(shí)和技能,也方便教師采用更有效的傳統(tǒng)方式教學(xué),或者更新穎的線(xiàn)上線(xiàn)下的翻轉(zhuǎn)課堂教學(xué)模式,《UI設(shè)計(jì):創(chuàng)意表達(dá)與實(shí)踐》配有42個(gè)微課,已在智慧職教平臺(tái)上線(xiàn),學(xué)習(xí)者可登錄網(wǎng)站進(jìn)行學(xué)習(xí),也可通過(guò)掃描書(shū)中的二維碼觀(guān)看微課視頻或進(jìn)入“即測(cè)即評(píng)”,隨掃隨學(xué)。此外,《UI設(shè)計(jì):創(chuàng)意表達(dá)與實(shí)踐》還提供了其他數(shù)字化課程教學(xué)資源,包括制作精良的電子課件(PPT)、習(xí)題答案、源素材等,可在智慧職教的網(wǎng)站資源展示頁(yè)面下載。 《UI設(shè)計(jì):創(chuàng)意表達(dá)與實(shí)踐》可作為應(yīng)用型本科院校、高等職業(yè)院校UI設(shè)計(jì)的課程教材,也可作為UI設(shè)計(jì)愛(ài)好者的學(xué)習(xí)和參考用書(shū)。
學(xué)生——設(shè)計(jì)精美、隨掃隨學(xué),自學(xué)中享受過(guò)程
教師——素材豐富、資源立體,備課中不斷創(chuàng)造
教學(xué)模式——線(xiàn)上線(xiàn)下、平臺(tái)支撐,教學(xué)中實(shí)現(xiàn)翻轉(zhuǎn)
單元1 初識(shí)UI設(shè)計(jì)的世界
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識(shí)準(zhǔn)備】
1.1 初識(shí)UI設(shè)計(jì)
1.1.1 什么是UI設(shè)計(jì)
1.1.2 UI設(shè)計(jì)常用名詞及縮寫(xiě)
1.1.3 UI設(shè)計(jì)的分類(lèi)
1.2 初識(shí)UI設(shè)計(jì)行業(yè)
1.2.1 UI行業(yè)現(xiàn)狀
1.2.2 未來(lái)UI設(shè)計(jì)新領(lǐng)域
1.2.3 UI設(shè)計(jì)的發(fā)展趨勢(shì)
1.3 初識(shí)UI設(shè)計(jì)師
1.3.1 UI設(shè)計(jì)師所需裝備
1.3.2 UI設(shè)計(jì)師必備技能
1.3.3 UI設(shè)計(jì)師的職業(yè)規(guī)劃
1.4 UI設(shè)計(jì)工作流程
1.4.1 自主軟件產(chǎn)品開(kāi)發(fā)流程
1.4.2 外包公司產(chǎn)品開(kāi)發(fā)流程
1.4.3 網(wǎng)站推出流程
1.4.4 企業(yè)體制與文化環(huán)境對(duì)UI設(shè)計(jì)工作的影響
任務(wù)1——應(yīng)聘UI設(shè)計(jì)師崗位
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評(píng)估】
【小結(jié)】
單元2 圖標(biāo)設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識(shí)準(zhǔn)備】
2.1 圖標(biāo)設(shè)計(jì)基礎(chǔ)
2.1.1 圖標(biāo)的概念
2.1.2 圖標(biāo)、標(biāo)志與標(biāo)識(shí)的區(qū)別
2.1.3 圖標(biāo)設(shè)計(jì)的作用和意義
2.1.4 圖標(biāo)設(shè)計(jì)的原則
2.1.5 圖標(biāo)設(shè)計(jì)的分類(lèi)
2.2 圖標(biāo)概念設(shè)計(jì)的靈感來(lái)源
任務(wù)2——像素圖標(biāo)的繪制
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
任務(wù)3——2D剪影圖標(biāo)的繪制
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
任務(wù)4——寫(xiě)實(shí)圖標(biāo)的繪制
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
任務(wù)5——扁平化圖標(biāo)的繪制
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評(píng)估】
【小結(jié)】
單元3 App界面設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識(shí)準(zhǔn)備】
3.1 App設(shè)計(jì)基礎(chǔ)
3.1.1 常見(jiàn)智能手機(jī)的操作系統(tǒng)
3.1.2 App的界面構(gòu)成
3.1.3 App設(shè)備的設(shè)計(jì)規(guī)范
3.2 App視覺(jué)設(shè)計(jì)流程及方法
3.2.1 產(chǎn)品定位及市場(chǎng)分析階段
3.2.2 草圖繪制和架構(gòu)設(shè)計(jì)階段
3.2.3 視覺(jué)設(shè)計(jì)及界面設(shè)計(jì)階段
3.2.4 界面輸出及可用性測(cè)試階段
3.2.5 產(chǎn)品上線(xiàn)及優(yōu)化方案階段
3.2.6 成功App的設(shè)計(jì)思路與注意事項(xiàng)
3.3 7類(lèi)App的界面設(shè)計(jì)欣賞及要點(diǎn)分析
3.3.1 金融相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.2 網(wǎng)購(gòu)電商相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.3 攝影美圖相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.4 閱讀新聞相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.5 社交地圖相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.6 音樂(lè)播放相關(guān)App界面設(shè)計(jì)實(shí)例
3.3.7 工具App相關(guān)界面設(shè)計(jì)賞析
3.4 App設(shè)計(jì)檢查標(biāo)準(zhǔn)
任務(wù)6——電商App頁(yè)面設(shè)計(jì)與輸出
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評(píng)估】
【小結(jié)】
單元4 網(wǎng)站界面設(shè)計(jì)
【學(xué)習(xí)目標(biāo)】
【引例描述】
【知識(shí)準(zhǔn)備】
4.1 網(wǎng)站設(shè)計(jì)的前期定位
4.1.1 網(wǎng)站目標(biāo)分析
4.1.2 用戶(hù)需求分析
4.1.3 網(wǎng)站類(lèi)型與規(guī)模
4.2 視覺(jué)設(shè)計(jì)元素
4.2.1 文字
4.2.2 圖形圖像
4.2.3 色彩
4.2.4 布局
4.2.5 動(dòng)態(tài)效果
4.3 網(wǎng)站用戶(hù)體驗(yàn)
4.3.1 瀏覽型體驗(yàn)網(wǎng)站
4.3.2 交互型體驗(yàn)網(wǎng)站
4.3.3 信任型體驗(yàn)網(wǎng)站
4.3.4 感受型體驗(yàn)網(wǎng)站
4.4 9項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)要素規(guī)范
4.4.1 網(wǎng)站站名/標(biāo)題文字
4.4.2 導(dǎo)航
4.4.3 功能塊
4.4.4 控制
4.4.5 語(yǔ)言
4.4.6 反饋
4.4.7 一致性
4.4.8 防止出錯(cuò)
4.4.9 視覺(jué)清晰
任務(wù)7——企業(yè)門(mén)戶(hù)網(wǎng)站設(shè)計(jì)實(shí)例
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
任務(wù)8——電商網(wǎng)站設(shè)計(jì)實(shí)例
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
任務(wù)9——活動(dòng)專(zhuān)題網(wǎng)站設(shè)計(jì)實(shí)例
【知識(shí)引導(dǎo)】
【任務(wù)實(shí)施】
【知識(shí)點(diǎn)拓展】
【課后回顧與思考】
【拓展訓(xùn)練】
【學(xué)習(xí)評(píng)估】
【小結(jié)】
本書(shū)引用案例來(lái)源及參考書(shū)籍
本書(shū)引用圖片來(lái)源
附錄:學(xué)生作品欣賞
后記