課程介紹
UI即User Interface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得簡單、,充分體現(xiàn)軟件的定位和特點。
軟件設(shè)計可分為兩個部分:編碼設(shè)計與UI設(shè)計。UI的本意是用戶界面,是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成,但實際上還包括用戶與界面之間的交互關(guān)系。
教學(xué)目的
系統(tǒng)學(xué)習(xí)UI設(shè)計內(nèi)容,從UI中會涉及到的用戶體驗與交互這塊開始學(xué)習(xí)。其次重點學(xué)習(xí)網(wǎng)頁界面設(shè)計、響應(yīng)式設(shè)計、軟件界面設(shè)計、移動端界面設(shè)計。目的讓學(xué)生制作出符合UI規(guī)范的界面,并能完成相對應(yīng)的原創(chuàng)作品。在教導(dǎo)設(shè)計中,也會涵蓋每一塊UI制作的具體流程,提升學(xué)生的思維與邏輯分析能力,產(chǎn)品研發(fā)與策劃能力。
教學(xué)內(nèi)容
主要包括Axure用戶體驗(5天);網(wǎng)頁UI設(shè)計(5天);移動端UI設(shè)計(15天);崗前就業(yè)課(20天)四大模塊。
1.Axure用戶體驗(5天)
學(xué)習(xí)Axure軟件,了解UI設(shè)計前期原型設(shè)計的流程,具體圍繞網(wǎng)頁的原型設(shè)計與軟件的原型設(shè)計。并講解頁面之間的跳轉(zhuǎn)、交互狀態(tài)。學(xué)習(xí)Axure軟件,了解移動端的基本原型搭建,了解交互相關(guān)的控件與人機交互中的合理想象。主要以APP的原型為主進(jìn)行學(xué)習(xí)。學(xué)習(xí)Axure軟件,了解動效設(shè)計,例如下拉彈出菜單,輪播圖的展示,音樂播放器的時間線等。學(xué)習(xí)交互設(shè)計文檔的制作,集合整體框架內(nèi)容,注明頁面跳轉(zhuǎn)層級,與設(shè)計到各種交互狀態(tài)的說明。了解用戶體驗的重要性。從前期產(chǎn)品的開發(fā),到后期的設(shè)計。主要學(xué)習(xí)在功能上、設(shè)計上如何提高用戶體驗。
2.網(wǎng)頁UI設(shè)計(5天)
了解網(wǎng)頁設(shè)計的趨勢、設(shè)計流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對網(wǎng)頁設(shè)計的要求。關(guān)注時下流行的網(wǎng)頁設(shè)計風(fēng)格。學(xué)習(xí)網(wǎng)頁設(shè)計規(guī)范,柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范,網(wǎng)絡(luò)廣告設(shè)計講解。學(xué)習(xí)網(wǎng)頁界面的色彩搭配。了解各種頁面導(dǎo)航與按鈕的設(shè)計法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計方式。了解網(wǎng)頁中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握光影學(xué)。加強創(chuàng)意構(gòu)圖的設(shè)計形式。了解表單的設(shè)計與用戶體驗的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁面設(shè)計的布局、模式與方法。鍛煉學(xué)生在設(shè)計頁面的同時符合SEO的設(shè)計規(guī)范。
3.移動端UI設(shè)計(15天)
了解移動端界面設(shè)計的發(fā)展趨勢。移動端設(shè)計與PC端中的不同點。分塊講解不同系統(tǒng)、不同機的不同設(shè)計法則與風(fēng)格。了解圖標(biāo)的設(shè)計分類與不同系統(tǒng)操作平臺中的圖標(biāo)設(shè)計規(guī)范。鍛煉布爾運算與圖形造型。提高繪制圖形能力。了解圖標(biāo)設(shè)計中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢。重點加強想象力的提升與創(chuàng)作能力。設(shè)定主題,創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式。了解APP當(dāng)中的控件、功能性圖標(biāo)。學(xué)習(xí)控件中的具體搭建與配色。訓(xùn)練正負(fù)形圖標(biāo)的設(shè)計。了解產(chǎn)品開發(fā)流程,從前期的MPD到思維導(dǎo)圖,低保真到高保真的具體工作流程。學(xué)習(xí)IOS端的設(shè)計規(guī)范。了解APP的安卓端設(shè)計規(guī)范。系統(tǒng)學(xué)習(xí)APP中主要頁面的各種設(shè)計形式與規(guī)則方法。通過實戰(zhàn),以分組的形式開發(fā)一個產(chǎn)品。從需求整理到調(diào)研,再到數(shù)據(jù)整合。終完成基本的原型設(shè)計與交互文檔。了解導(dǎo)航在APP中的重要性。如何通過不同類型的導(dǎo)航引導(dǎo)用戶使用該產(chǎn)品。系統(tǒng)學(xué)習(xí)導(dǎo)航的12種分類。學(xué)習(xí)APP中的啟動頁、引導(dǎo)頁的界面設(shè)計形式。重點學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示。學(xué)習(xí)APP中的配色形式與色彩心理學(xué)。系統(tǒng)了解登錄、注冊頁面中的用戶體驗。還有個人頁面的展示設(shè)計。將APP中的內(nèi)容信息通過合理的展示方式進(jìn)行表現(xiàn)。學(xué)習(xí)APP中的列表式構(gòu)圖、九宮格、圓心點放射、陳列館、輪播式構(gòu)圖。了解手機交互中的區(qū)域,佳按鍵區(qū)等。系統(tǒng)地分析不同終端的適配法則。系統(tǒng)講解IOS端、安卓的切圖原則。了解兩個不同終端的切圖方式與不同。man軟件對APP的注釋方法。了解微信平臺的公眾號。學(xué)習(xí)公眾號的設(shè)計流程與基本要求準(zhǔn)則。
4.崗前就業(yè)課(20天)
以實戰(zhàn)的形式讓學(xué)生完成整個項目的全部設(shè)計與制作。從談單,到市場調(diào)研、數(shù)據(jù)分析、需求整理。大體報價開始。后確定提案后,提交競標(biāo)。項目內(nèi)容網(wǎng)頁版的宣傳規(guī)劃與設(shè)計制作。以網(wǎng)頁版為標(biāo)準(zhǔn),設(shè)計移動端的網(wǎng)頁頁面設(shè)計與微信公眾號界面設(shè)計。衍生項目類別的APP設(shè)計;驹突A(chǔ)頁面設(shè)計制作。鍛煉講解方案的能力,掌握給客戶講解方案時需要的要點,領(lǐng)略簡潔,提煉核心的講解技巧。通過全面項目鍛煉硬件界面設(shè)計,例如:applewatch、數(shù)字電視界面、汽車導(dǎo)航界面等。學(xué)習(xí)after effects的制作。能完成基本的手機概念動畫設(shè)計。了解網(wǎng)絡(luò)營銷相關(guān)知識。探索營銷策略;ヂ(lián)網(wǎng)的廣告模式等。應(yīng)聘簡歷、作品收集。面試技巧,行業(yè)了解,行業(yè)發(fā)展方向,職位選擇。