《《安卓AppsUI設計》課程標準》由會員分享，可在線閱讀，更多相關《《安卓AppsUI設計》課程標準（20頁珍藏版）》請在裝配圖網(wǎng)上搜索。

.《安卓 AppsUI 設計》課程標準一、課程性質(zhì)與任務1.課程性質(zhì)隨著 android 系統(tǒng)的普及，android 應用的需求越來越大，這是一個潛力巨大的市場，吸引了無數(shù)軟件開發(fā)廠商和開發(fā)者投身其中，大量的手機游戲和軟件的研發(fā)和制作都需要 Android 開發(fā)工程師和安卓 UI 設計師，引發(fā)了 Android 人才荒。軟件 UI 設計屬于 ID（工業(yè)產(chǎn)品設計）的一個特殊形式，只是針對的材質(zhì)有所不同。但隨著智能化電子產(chǎn)品的普及，帶有液晶屏顯示的產(chǎn)品將越來越多。也就意味著越來越多的產(chǎn)品設計需要軟件 UI 設計。隨著技術平準化手機產(chǎn)業(yè)出現(xiàn)價格競爭的環(huán)境下，手機的人機交互界面（UI）給手機市場提供新的賣點，被認為是新的產(chǎn)業(yè)動力。手機 UI 的新設計與功能開發(fā)是根據(jù)各種客戶群體的喜好及使用習慣而進行的，隨著手機用戶年齡層的擴大，性別、宗教、環(huán)境、生活方式的多樣化，其開發(fā)范圍和潛力正在無限擴大。這些新的趨勢使得界面交互可能不再囿于某個具體產(chǎn)品本身，它可能開始涉及了與使用環(huán)境及其他用戶之間的交流。根據(jù)對當前手機技術的分析以及對國外在人機交互及相關領域研究的關注，提出了“泛交互”的概念，并對新的趨勢、新的設計進行展望。本課程是計算機軟件技術專業(yè)“平面設計制作”教學模塊的核心課程，是學生進行平面設計與制作職業(yè)能力訓練的主要環(huán)節(jié)，同時為平面制作實訓和多媒體整合制作綜合實訓打下堅實基礎。本課程學習需要具備平面制作基本能力，在先修課程《Photoshop 平面制作》學習與訓練后，具備頁面的整體布局、配色的基本能力，進一步地實現(xiàn)設計及制作精美界面的能力。2.課程任務使學生通過本課程的學習，能夠達到職業(yè)崗位（平面設計）的能力要求，即能夠根據(jù)用戶的需要進行平面設計及制作，完成精彩的平面設計制作。二、課程目標通過本課程的學習與訓練，使學生能夠利用工具軟件 adobe illustrator、Photoshop 實現(xiàn)手機圖標和界面的設計和制作。學生能夠根據(jù)需要進行作品定位及設計；能夠根據(jù)需要隨心所欲進行作品形象或圖標的設計及制作；能夠設計出較好的用戶體驗；能夠利用軟件進行矢量圖繪制、修改及上色，進行圖形的色彩處理；能夠了解 UI 設計的規(guī)范和制作流程。通過本課程的學習，學生能夠：1、與客戶溝通，進行相關需求分析，生成 UI 設計需求分析書，并收集相關素材；.2、根據(jù)手機 UI 設計的定位，對界面進行風格設計和用戶體驗設計；3、根據(jù)風格或用戶體驗得到的設計方案，對手機 UI 設計進行具體的制作。4、對 UI 設計作品進行優(yōu)化、上傳發(fā)布、推廣及更新維護。.三、課程內(nèi)容學習情境一：認知 UI 設計學習情境名稱：認知 UI 設計 學時：4工作任務描述認知 UI 設計，了解手機 UI 行業(yè)現(xiàn)狀及未來發(fā)展趨勢，了解 UI 設計常用軟件，學習軟件的使用技巧。學習目標通過欣賞大量的手機 UI 圖標和界面作品，能對圖標進行風格定位并培養(yǎng)一定的審美觀。根據(jù)用戶要求，對一些給定作品進行需求分析；確定作品類型定位，并嘗試進一步對作品進行初步設計。學習與工作內(nèi)容工作對象：1.UI 設計作品賞析分析報告；工作與學習具體內(nèi)容：1.了解 UI 設計的相關單位和色彩搭配，了解圖形元素的格式和大小，簡單了解UI 設計的軟件；2.了解蘋果系統(tǒng)，安卓系統(tǒng)和 Windows Phone 系統(tǒng)這三大系統(tǒng)的發(fā)展史以及基本組件和各自特色；3.欣賞大量手機 UI 圖標和界面作品，了解不同領域手機 UI 設計的主流趨勢和特點；4：對一些給定作品進行分析；對不同領域不同功能的設計作品進行類型定位，并進一步對作品進行初步設計。勞動組織：學生進行分組，教師根據(jù)實際項目工作要求：1. 學生欣賞多種類型的 UI 設計作品（廣告平面設計的，手機圖標，手機界面等） ，讓學生總結各種作品的分類及特點。2. 學生掌握各種作品的分類及特點，能針對需求分析，對作品類型進行定位及初步設計。.設計任務場景，并實施客戶的角色，與各個小組進行交流，提出課程任務的要求，并對學生建設成果進行評估。而各個小組則作為獨立的作品規(guī)劃小組，小組長要引導小組完成任務，同時進行合理有效的分工。1、學習與工作團隊的組織；確定分組及組長。.續(xù)上表：2、任務背景介紹（由專任教師指導） ；由專任教師指定某一 APP，引導學生對APP 進行需求分析，確定該 APP 圖標的表現(xiàn)形式、主題及技術要求，按分組進行調(diào)研。3、任務分解；由專任教師引導，學生自行對任務進行分解，學生自主完成各個調(diào)研環(huán)節(jié)，最終匯總，生成圖標作品詳細方案。4、同時由專業(yè)教師引導學生進行先從現(xiàn)有的圖片作品臨摹開始，逐漸熟悉如果使用 AI 或者 PS 等軟件完成圖標的繪制工作。5、作品匯報（由專任教師引導） ，學生上臺進行展示。學業(yè)評價：1、學習與工作態(tài)度評價（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學習，共同達到學習目標；（2）事先能制定可行的學習與工作計劃，并能合理安排學習與工作時間，嚴格按照學習與工作計劃規(guī)定的進度完成階段性任務，學習與工作記錄完整。2、提交的學習與工作成果評價（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步圖標設計方案，讓客戶滿意； （3）收集的素材比較完整，而且預處理和歸檔合理； .3、自我展示能力評價（1）善于與客戶溝通，對客戶的需求把握準確；（2）在學習與工作過程中主動與同學、老師互動，積極展示自己階段性學習成果；（3）成果匯報的儀態(tài)大方、言辭表達清晰、成果準備充分。.學習情境二：認知 UI 設計規(guī)范和制作流程學習情境名稱：認知 UI 設計規(guī)范和制作流程 學時：4工作任務描述認知 UI 設計規(guī)范和制作流程，學習 UI 的設計概念，了解圖標的國際規(guī)范，學習安卓屏幕知識，認知 APP 界面設計流程，進行 UI 界面色彩訓練。學習目標根據(jù)客戶要求，嘗試對界面進行整體版面和風格設計、色彩搭配、效果制作。1、進行需求分析與產(chǎn)品的類型定位。2、進行整體規(guī)劃，包括版面設計和風格的確定。3、進行色彩搭配和效果的制作；4、進行平面圖與效果圖的制作。學習與工作內(nèi)容工作對象：1.UI 設計原則和規(guī)范總結；2.完成風格設計方案；3.制作 APP 界面。工作與學習具體內(nèi)容：1.了解 IOS 系統(tǒng)和 Android 系統(tǒng)的基本元素，掌握 UI 設計原則和規(guī)范；2. 通過具體案例的學習和對比，能對UI 設計加深認識，初步建立風格和色彩感覺；3.設定一個具體功能的 APP，嘗試遵循設計流程和設計規(guī)范，在稿紙上畫出APP 界面草稿圖；4. 在上一步的基礎上用圖形圖像制作軟件把部分界面制作出來并優(yōu)化。工作要求：1. 根據(jù)客戶需求設計一個APP，嘗試遵循設計流程和設計規(guī)范，在稿紙上畫出草稿圖；2. 小組內(nèi)部進行討論，對草圖進行設計優(yōu)化，并制作出 APP 界面。.勞動組織：學生進行分組，教師根據(jù)實際項目設計任務，可新設計一個需求，教師則扮演客戶角色，對學生的需求分析報告進行評估。各個小組做為獨立的作品建設小組，小組長要引導小組完利用課余時間討論、收集素材，同時進行合理有效的分工，完成素材的加工處理及使用。續(xù)上表：1、導課（由專任教師指導） ；引導學生根據(jù)客戶需求對產(chǎn)品進行需求分析，并完成作品的風格定位和設計；2、工作學習過程（學生獨立完成） ；讓學生根據(jù)界面設計規(guī)范反復修改自己的作品。3、工作學習過程（學生獨立完成） ；讓小組之間互相進行創(chuàng)意激發(fā)以及作品欣賞與評價，并根據(jù)效果完成方案修改。4、作品匯報（由專任教師引導），學生上臺進行展示。學業(yè)評價：1、學習與工作態(tài)度評價.（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學習，共同達到學習目標；（2）事先能制定可行的學習與工作計劃，并能合理安排學習與工作時間，嚴格按照學習與工作計劃規(guī)定的進度完成階段性任務，學習與工作記錄完整。2、提交的學習與工作成果評價（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設計方案，讓客戶滿意； （3）收集的素材比較完整，而且預處理和歸檔合理； 3、自我展示能力評價（1）善于與客戶溝通，對客戶的需求把握準確；（2）在學習與工作過程中主動與同學、老師互動，積極展示自己階段性學習成果；（3）成果匯報的儀態(tài)大方、言辭表達清晰、成果準備充分。.學習情境三：設計手機 APP 圖標學習情境名稱：設計手機 APP 圖標 學時：6工作任務描述與客戶交流，分析客戶所要設計的 APP 的功能，風格與特點，對 APP 圖標進行設計，使用Photoshop 中自帶的繪圖工具、色彩填充工具、濾鏡等工具，制作出精美的 APP 圖標。學習目標根據(jù)客戶的要求，對圖標進行設計：1．根據(jù)要求搜集資料生成客戶需求分析:；2．確定圖標的風格和配色方案，畫出草圖:；3．和客戶溝通后進行修改，最后用軟件制作并優(yōu)化。學習與工作內(nèi)容工作對象：1.圖標風格設計方案；2.圖標設計規(guī)劃書。工作與學習具體內(nèi)容：1.分析 IOS 系統(tǒng)和 Android 系統(tǒng)中優(yōu)秀的圖標案例，了解圖標設計的必要性，好圖標的共同點；2.根據(jù)客戶的需求分析，對圖標的風格進行定位，確定色彩方案，并進行初步設計；3.和客戶討論后反復修改草圖，最后確定設計方案，并使用 UI 設計軟件制作出圖標。勞動組織：學生進行分組，教師根據(jù)實際項目設計任務，可新設計一個需求，教師則扮演客戶角色，對學生的需求分析報告進行工作要求：1.了解不同風格圖標設計特點，并針對客戶的需求，對圖標進行草圖設計。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.掌握扁平化風格設計的要素。.評估。各個小組做為獨立的作品建設小組，小組長要引導小組完利用課余時間討論、收集素材，同時進行合理有效的分工，完成素材的加工處理及使用。1、導課（由專任教師指導） ；由教師介紹各種功能圖標的風格及特點，同時根據(jù)客戶要求，選用合適的風格。續(xù)上表:2、具體工作學習過程（學生獨立完成） ；學生根據(jù)學習任務中具體方案要求，分組討論圖標設計創(chuàng)意；同時根據(jù)客戶要求，設計與繪制出圖標草圖；小組之間互相討論與建議；最后對圖標進行修改及完善。3、作品匯報（由專任教師引導） 。學業(yè)評價：1、學習與工作態(tài)度評價（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學習，共同達到學習目標；（2）事先能制定可行的學習與工作計劃，并能合理安排學習與工作時間，嚴格按照學習與工作計劃規(guī)定的進度完成階段性任務，學習與工作記錄完整。2、提交的學習與工作成果評價（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設計方案，讓客戶滿意； （3）收集的素材比較完整，而且預處理和歸檔合理； .3、自我展示能力評價（1）善于與客戶溝通，對客戶的需求把握準確；（2）在學習與工作過程中主動與同學、老師互動，積極展示自己階段性學習成果；（3）成果匯報的儀態(tài)大方、言辭表達清晰、成果準備充分。學習情境四：制作手機 UI 中的主要元素學習情境名稱：制作手機 UI 中的主要元素 學時：6.工作任務描述與客戶交流，分析客戶所需要的 APP UI 風格與特點，對 APP 進行整體設計，綜合利用Photoshop 的各種自帶工具對手機 UI 界面中的元素進行設計，并制作出適合的色彩構成；對布局進行優(yōu)化；要有良好的創(chuàng)意和用戶體驗。學習目標根據(jù)客戶的要求，對 APP 進行整體布局設計，并設計適合的色彩構成和合理的布局，要有良好的創(chuàng)意。1.進行 APP 控件的制作；2.進行相關素材的選取；3.進行界面中圖片，字體排版進行特殊效果的制作。學習與工作內(nèi)容工作對象：1.手機 UI 中的APP 控件的分類和設計規(guī)范分析報告；2.手機 UI 中的主要元素 APP 控件、圖片、字體的特效處理。工作與學習具體內(nèi)容：1、學生掌握界面設計規(guī)范和制作流程；2、學生根據(jù)實際作品需要，討論界面配色方案和風格；3、根據(jù)要求，設計與繪制出手機 APP 控件草圖，并對界面中的圖片和文字進行排版， ；4、學生根據(jù)客戶要求，進一步修改交互界面，努力提高用戶體驗度；5、設計方案確定后，使用圖形圖像軟件制作出來。勞動組織：學生進行分組，教師根據(jù)實際項目設計任務場景，并實施客戶的角色，與各個小組工作要求：1.了解不同界面設計特點，并針對客戶的需求，對界面各個要素進行整體設計。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構成。.進行交流，提出 UI 設計的要求，并對學生建設成果進行評估。而各個小組則做為獨立的界面制作小組，小組長要引導小組完成頁面布局方案，同時進行合理有效的分工，完成完整頁面的設計與制作。在具體實施過程中，可以在學習過程中和企業(yè)設置一致的工作要求。續(xù)上表：學業(yè)評價：1、學習與工作態(tài)度評價（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學習，共同達到學習目標；（2）事先能制定可行的學習與工作計劃，并能合理安排學習與工作時間，嚴格按照學習與工作計劃規(guī)定的進度完成階段性任務，學習與工作記錄完整。2、提交的學習與工作成果評價（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設計方案，讓客戶滿意； （3）收集的素材比較完整，而且預處理和歸檔合理； 3、自我展示能力評價（1）善于與客戶溝通，對客戶的需求把握準確；（2）在學習與工作過程中主動與同學、老師互動，積極展示自己階段性學習成果；（3）成果匯報的儀態(tài)大方、言辭表達清晰、成果準備充分。.學習情境五：設計并制作手機 APP UI學習情境名稱：設計并制作手機 APP UI 學時：16工作任務描述與客戶交流，分析客戶所要建設的 APP 風格與特點，對從圖標到用戶界面進行整體設計，確定風格和配色方案，畫出草圖，和客戶溝通后進行修改，最后用軟件制作并優(yōu)化。學習目標根據(jù)客戶的要求，對 APP 進行整體設計，從圖標到用戶交互界面，完成比較完整的一個作品。1.熟悉手機 UI 交互界面設計制作流程；2.能夠根據(jù)具體 APP 功能要求，對手機交互界面進行設計，使用戶體驗更舒適。學習與工作內(nèi)容工作對象：1.手機 APP 交互界面設計分析需求報告；2.Axure 交互原型設計方案。工作與學習具體內(nèi)容：1.與客戶交流，生成 APP 功能以及交互界面的需求分析報告；2. 根據(jù)設計方案，使用 Axure 對 APP 交互界面進行原型設計；3.在原型設計方案的基礎上，使用 PS 或者 AI 制作完整的 APP 交互界面。勞動組織：學生進行分組，教師根據(jù)實際項目設計任務場景，并實施客戶的角色，與各個小組進行交流，提出 APP 設計的的要求，并對學生建設成果進行評估。而各個小組則做為獨立的小組，小組長要引導小組完成頁面布局方案，同時進行合理有效的分工，完成交互頁面效果以及功能工作要求：1.了解不同界面設計特點，并針對客戶的需求，對界面各個要素進行整體設計。2.熟悉掌握 Photoshop 中的各種工具的使用。包括矢量繪制工具、通道與蒙版濾鏡工具及圖象色彩色調(diào)的調(diào)整工具等等。3.熟悉色彩的構成。.的設計與制作。在具體實施過程中，可以在學習過程中和企業(yè)設置一致的工作要求。學業(yè)評價：1、學習與工作態(tài)度評價（1）小組成員既有分工，更有互相協(xié)作、互相幫助、互相學習，共同達到學習目標；（2）事先能制定可行的學習與工作計劃，并能合理安排學習與工作時間，嚴格按照學習與工作計劃規(guī)定的進度完成階段性任務，學習與工作記錄完整。續(xù)上表：2、提交的學習與工作成果評價（1）通過充分的市場調(diào)研后完成的 UI 作品的分析報告全面完整，并能有自己的見解。（2）根據(jù)客戶的需求制定初步 UI 設計方案，讓客戶滿意； （3）收集的素材比較完整，而且預處理和歸檔合理； 3、自我展示能力評價（1）善于與客戶溝通，對客戶的需求把握準確；（2）在學習與工作過程中主動與同學、老師互動，積極展示自己階段性學習成果；（3）成果匯報的儀態(tài)大方、言辭表達清晰、成果準備充分。四、實施建議1、教學實施條件建議使用一體化多媒體教室進行上課。配置建議使用 2G 以上的內(nèi)存，需要支持 OpenGL和 SM3.0 的獨立顯卡，需要 Win7 32/64 位，安裝 Photoshop、AI 等相關的軟件。.2、教材編寫與課外讀物的建議（1）教材選用：《Photoshop 移動 UI 界面設計實用教程》 水木居士人民郵電出版社 2016（2） 《Photoshop CC APP UI 設計從入門到精通》華天印象人民郵電出版社 2016（3） 《移動應用 UI 設計》張曉景 胡克編著 人民郵電出版社 20163. 課程資源開發(fā)建議（1） 本課程的教學要不斷摸索適合高職教育特點的教學方法，因材施教。啟發(fā)、回顧、講解相結合，注意給學生更多的學習空間，發(fā)揮教與學兩方面的積極性，提高教學質(zhì)量和教學水平。（2） 教學過程中，根據(jù)技術發(fā)展，應適時更新教學內(nèi)容。（3） 教學中要結合教學內(nèi)容的特點，培養(yǎng)學生學習習慣，努力提高學生自學能力和創(chuàng)新精神。（4）重視對學生學習方法的指導；督促學生及時、獨立完成作業(yè)和實訓任務，加強團隊成員之間互相學習、相互交流。（5） 以學生為中心，以能力為本位，以工作任務為核心，注重講解、演示、實訓相結合。（6） 要注意課內(nèi)外結合，實訓任務按課內(nèi)為主、課外為輔方式組織教學，重視學習團隊建設，注重學生團隊精神和寫作能力的培養(yǎng)。（7） 及時把握職業(yè)崗位動態(tài)，激發(fā)學生職業(yè)興趣，引導學生準確把握職業(yè)生涯規(guī)劃。五、考核標準1、期末成績?yōu)槲鍌€技術單元的成績累加，各技術單元分值權重如下：任務單元 占總評成績的權重認知 UI 設計 10%認知 UI 設計規(guī)范和制作流程 10%設計手機 APP 圖標 20%.制作手機 UI 中的主要元素 20%設計并制作手機 APP UI 40%2、單元考核標準如下：考核類別考核項目權重評分元素積極參與的態(tài)度 5%1）在每個階段性任務完成過程中，能積極承擔任務分工；2）在小組討論中能積極發(fā)表自己的看法或提出問題；3)能認真聽取其他小組的成果匯報，并積極提出問題和意見；求善求美的精神 5%1)能客觀分析出本小組成果的優(yōu)缺點；2)展示成果的幻燈片文檔的規(guī)范性；3)成果文檔的規(guī)范性；互幫協(xié)作的表現(xiàn) 5%1)在成果匯報中，能及時補充匯報成員的不足；2)在任務完成過程中，能對其他小組成員的困難提出積極地幫助；情感評價完成任務控制力 5%1)合理安排學習進度；2) 及時完成任務分工；單元學習報告 15%1)基礎知識的理解；2)相關技術的全面性；3)文檔格式規(guī)范性；成果評價單元任務方案 50%1)需求分析的完整性；2)方案的合理性；3)方案實施的完整性、正確性。.方案設計與實施總結15%1)設計實施過程遇到的困難及解決方法；2)能否根據(jù)小組間互評和教師點評意見，對本小組的成果作出及時地修改和完善。3)文檔格式規(guī)范性；六、課時分配建議建議學習課時序號學習任務課內(nèi) 課外1 學習情境一：認知 UI 設計 4 122 學習情境二：認知 UI 設計規(guī)范和制作流程 4 123 學習情境三：設計手機 APP 圖標 6 144 學習情境四：制作手機 UI 中的主要元素 6 165 學習情境五：設計并制作手機 APP UI 16 18合計 36 72七、教學資源要求1.教材（指導書）要求1）包含美學的教材；2）包含平面構圖、色彩構圖 的教材；3）包含移動 UI 設計和商業(yè)制作等相關 知識的教材；4）包含媒體發(fā)布等知識的教材；5）包含印刷等知識的教材。 ；2.教學案例要求本課程設計時分為 5 個單元任務，針對這 5 個單元任務，每個單元都是完成平面設計的一個方面，.學生對 5 個單元任務分別掌握后，要具備將這些任務技術結合起來，完成平面設計與制作的能力。3.教學資料及網(wǎng)絡資源1）特色教材或補充教材；2）課件；3）實訓指導書；4）課程微課集；5）網(wǎng)站資源。