在信息技術飛速發(fā)展和體驗經(jīng)濟興起的大潮下,數(shù)字媒體作為人類創(chuàng)新與科技相融合的新興產(chǎn)物,在信息產(chǎn)業(yè)的發(fā)展過程中發(fā)揮著重要的作用,成為產(chǎn)業(yè)發(fā)展的重要驅(qū)動力之一,滿足了服務于信息傳遞、娛樂和市場推廣等多個領域的現(xiàn)代社會增長需求。隨著基于安卓(Android)系統(tǒng)的移動智能設備的普及,人們的生活方式發(fā)生了飛速的變化,移動設備屏幕變得更大、功能更加齊全,這對移動UI(user interface)設計的要求也就越來越高,致使UI設計產(chǎn)業(yè)被快速推動,并得到了持續(xù)性發(fā)展。
在新技術、新媒體不斷涌現(xiàn)的今天,數(shù)字媒體教學如果仍采用傳統(tǒng)的教學方法,教材仍采用亦步亦趨的介紹性文字,顯然已經(jīng)不能跟上時代的步伐,純粹學術性的教學方法已不利于當前學習者盡快掌握知識技能和實戰(zhàn)技巧。因此,作者與企業(yè)合作,試圖編寫一本校企雙元合作開發(fā)、符合國家教材建設管理辦法的育訓并舉的新形態(tài)教材,以側(cè)重搭建理論框架和案例分析的傳統(tǒng)紙質(zhì)教材為主,配合側(cè)重于案例教學視頻、案例文檔、素材等數(shù)字教學資源。本書整體知識模塊編寫堅持必需夠用原則,基于崗位流程設定的知識模塊和項目實踐,符合新媒體四步教學法,遵循學習者的認知邏輯,從簡單到復雜,從基礎到專業(yè),從理論到實踐。
全書結(jié)構(gòu)清晰、內(nèi)容由簡到難、案例精彩、步驟詳細,使學習者學習起來更為輕松、方便。為了便于讀者學習,本書還贈送了學習資源包。學習資源包收錄了書中所有內(nèi)容的教案、PPT,可登錄清華大學出版社官方網(wǎng)站下載獲取,項目任務工單和教學視頻可通過掃描書中的二維碼獲取,方便讀者隨時對照和查閱。
本書有以下特色。
1.秉持培根鑄魂、啟智增慧的建設宗旨
推動黨的二十大精神進教材、進課堂、進頭腦,是培育時代新人的育人要求,也是深化課程思政教學改革創(chuàng)新的實踐要求。本書作為育人育才的重要依托,始終圍繞黨的二十大精神,秉持培根鑄魂、啟智增慧的建設宗旨,構(gòu)建教材思政內(nèi)容的整體框架,聚焦技術技能傳授與道德培育的同向同行。
2.堅持標準引領,保障教材內(nèi)容質(zhì)量
本書內(nèi)容開發(fā)依據(jù)專業(yè)教學標準,對接行業(yè)崗位技能標準,兼顧產(chǎn)業(yè)的發(fā)展趨勢與革新需求,建立內(nèi)容的動態(tài)更新機制。跟蹤產(chǎn)業(yè)前沿技術、工藝以及規(guī)范,提升內(nèi)容與產(chǎn)業(yè)發(fā)展的契合度,并有效地推進教材層面的課證融通,適應人才培養(yǎng)模式創(chuàng)新和優(yōu)化課程體系的需要。
3.校企雙元合作開發(fā)
編者以典型工作任務分析作為本書編寫的邏輯起點,廣泛吸納行業(yè)企業(yè)人員參與編寫;借助多方主體的比較優(yōu)勢進行編寫,對接新技術、新工藝、新規(guī)范、新理念等,充分反映產(chǎn)業(yè)發(fā)展最新動態(tài);注重以真實的生產(chǎn)項目,典型工作任務、案例等為載體組織內(nèi)容框架;建立雙元參與、貼近崗位、動態(tài)更新的教材開發(fā)機制。
4.貫徹以學習者為中心 的開發(fā)理念
本書立足UI設計領域的發(fā)展現(xiàn)狀,主要面向高職類在校學生,同時也關注了退伍軍人、UI設計愛好者等不同學習群體的實際需求,內(nèi)容編寫層級結(jié)構(gòu)淺顯易懂、明確清晰,貼近學習者的學習認知。內(nèi)容設計考慮典型工作任務分析的科學性和信息化教學呈現(xiàn)形式的創(chuàng)新性,準確把握職業(yè)教育面向就業(yè)、實踐導向的職業(yè)性特征,將教師教學的教材轉(zhuǎn)變?yōu)閷W生學習的學材。
5.打造育訓并舉的新形態(tài)數(shù)字立體化教材
聚焦發(fā)展型、復合型、創(chuàng)新型人才培養(yǎng)模式,以傳統(tǒng)紙質(zhì)教材為載體,側(cè)重搭建理論框架和案例分析,配合數(shù)字資源包,學習者可以通過獲取資源包找到對應的教學視頻、案例文檔、素材等數(shù)字資源,形成可聽、可視、可練、可互動的數(shù)字化教材。
6 .堅持必需夠用原則
全面展示設計過程、設計要點及設計技巧,保證足夠的實踐教學時間;實訓案例具有典型性,具備可遷移性和拓展性,使學習者能夠舉一反三;突出實踐能力的培養(yǎng),并具備行業(yè)評價保障機制,精心設計學習評估評價過程,實現(xiàn)教學目標的可操作性和可估量性;設計行業(yè)小貼士,體現(xiàn)職業(yè)教育的類型特征。
我們期望通過本書的教學實踐,可以增強讀者的公民意識和社會責任意識;拓寬讀者在UI設計領域知識的廣度與深度;提高讀者的理性思考和創(chuàng)造性思維能力。
本書由張美枝、劉曉清擔任主編,武迪、魏虹、王雅娟參與了編寫。張美枝編寫第 1章;武迪編寫第2章;魏虹編寫第3章;劉曉清編寫第4章;王雅娟編寫第5章;企業(yè)教師隗妍負責項目全流程跟進與指導。在編寫的過程中,編寫團隊參考了大量文獻資料,也收錄了內(nèi)蒙古唯漫兄弟文化傳媒有限公司提供的具有典型意義的作品案例青游大學生國內(nèi)游App開發(fā),其中包括10個工作任務的全流程教學實踐。在此也向相關文獻的作者和企業(yè)中給予技術支持的各位老師表示最誠摯的感謝。在這里,要特別感謝企業(yè)的張賢老師在本書編寫的過程中給予的建議和指導,使本書更加貼近教學和工作崗位。
由于編者水平有限,若有疏漏和不足之處,敬請廣大讀者批評、指正。
編者2024年2月
第1章移動UI概論
11UI設計基礎知識
111UI設計概念
112UI設計類型
12移動UI設計崗位分布
121三個概念的區(qū)別
122UED設計師
123ID設計師
124GUI設計師
13移動UI設計流程
14移動UI尺寸規(guī)范
141英寸、像素、分辨率
142DPI與PPI
143邏輯尺寸與物理尺寸
144常見的圖片格式
第2章產(chǎn)品體驗設計
21產(chǎn)品用戶體驗
22認識思維導圖
221思維導圖構(gòu)成的要素
222認識XMind
23競品分析
24用戶需求分析
25產(chǎn)品信息架構(gòu)
251產(chǎn)品信息架構(gòu)因素
252產(chǎn)品信息架構(gòu)的設計原則
實訓項目1青游App產(chǎn)品信息架構(gòu)制作
第3章產(chǎn)品交互設計
31產(chǎn)品設計原則
32產(chǎn)品思維策劃
33產(chǎn)品流程圖
331流程圖分類
332流程圖的三種結(jié)構(gòu)
實訓項目2青游App登錄流程圖繪制
34產(chǎn)品交互原型設計
341App產(chǎn)品交互原型設計
35交互原型軟件Axure RP
實訓項目3青游App登錄頁原型圖制作
36交互事件
實訓項目4青游App登錄頁面跳轉(zhuǎn)動效制作
第4章產(chǎn)品界面設計
41高保真輸出常用軟件
411圖形圖像處理軟件Adobe Photoshop
412矢量繪圖軟件Adobe Illustrator
413矢量繪圖軟件Adobe XD
414Figma
415MasterGo
42設計中的平面構(gòu)成
421點、線、面
422圖像元素
423多媒體元素
43設計中的色彩構(gòu)成
431UI設計中的色彩構(gòu)成
432UI設計中的配色技巧
433UI設計中的色彩情感
實訓項目5青游App情緒板制作
44圖標設計及風格
441圖標設計分類
442圖標設計原則
443圖標設計方法
實訓項目6青游App產(chǎn)品圖標設計與制作
45引導頁
451引導頁的風格與文案
452引導頁的設計方法
實訓項目7青游App引導頁設計與制作
46用戶界面的形式美
461形式美在用戶界面中的重要性
462形式美法則在用戶界面中的運用
47首頁
471首頁表現(xiàn)形式
472如何做好一個首頁
473綜合型首頁的結(jié)構(gòu)
48組件庫
481組件庫的價值
482原子設計理論
483如何搭建組件庫
實訓項目8青游App首頁設計與制作
49Banner視覺表現(xiàn)形式
491風格表現(xiàn)
492圖形及文字排版設計
493色彩表現(xiàn)
實訓項目9青游App Banner設計
第5章產(chǎn)品交付設計
51界面標注
511界面標注的常用軟件
52產(chǎn)品切圖
521切圖的要點
522切圖的命名規(guī)則
實訓項目10青游App首頁界面標注與切圖
參考文獻
12224467891212131314202123232425293131323337383941424344505152535860687070707172727373767677798182889596103103104108110112114121121121126126128129140141142142143147147149151152156157157158158158160164