教學(xué)目的:系統(tǒng)學(xué)習(xí)UI設(shè)計(jì)內(nèi)容,從UI中會(huì)涉及到的用戶體驗(yàn)與交互這塊開始學(xué)習(xí)。其次重點(diǎn)學(xué)習(xí)網(wǎng)頁界面設(shè)計(jì)、響應(yīng)式設(shè)計(jì)、軟件界面設(shè)計(jì)、移動(dòng)端界面設(shè)計(jì)。目的讓學(xué)生制作出符合UI規(guī)范的界面,并能獨(dú)立完成相對(duì)應(yīng)的原創(chuàng)作品。在教導(dǎo)設(shè)計(jì)中,也會(huì)涵蓋每一塊UI制作的具體流程,提升學(xué)生的思維與邏輯分析能力,產(chǎn)品研發(fā)與策劃能力。
教學(xué)內(nèi)容:主要包括Axure用戶體驗(yàn)(5天);網(wǎng)頁UI設(shè)計(jì)(5天);移動(dòng)端UI設(shè)計(jì)(15天)幾大模塊。
1.Axure用戶體驗(yàn)(5天):學(xué)習(xí)Axure軟件,了解UI設(shè)計(jì)前期原型設(shè)計(jì)的流程,具體圍繞網(wǎng)頁的原型設(shè)計(jì)與軟件的原型設(shè)計(jì)。并講解頁面之間的跳轉(zhuǎn)、交互狀態(tài)效果。學(xué)習(xí)Axure軟件,了解移動(dòng)端的基本原型搭建,了解交互相關(guān)的控件與人機(jī)交互中的合理想象。主要以APP的原型為主進(jìn)行學(xué)習(xí)。學(xué)習(xí)Axure軟件,了解動(dòng)效設(shè)計(jì),例如下拉彈出菜單,輪播圖的展示,音樂播放器的時(shí)間線效果等。學(xué)習(xí)交互設(shè)計(jì)文檔的制作,集合整體框架內(nèi)容,注明頁面跳轉(zhuǎn)層級(jí),與設(shè)計(jì)到各種交互狀態(tài)的說明。了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開發(fā),到后期的設(shè)計(jì)。主要學(xué)習(xí)在功能上、設(shè)計(jì)上如何提高用戶體驗(yàn)。
2.網(wǎng)頁UI設(shè)計(jì)(5天):了解網(wǎng)頁設(shè)計(jì)的趨勢(shì)、設(shè)計(jì)流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對(duì)網(wǎng)頁設(shè)計(jì)的要求。關(guān)注時(shí)下*流行的網(wǎng)頁設(shè)計(jì)風(fēng)格。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)規(guī)范,柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范,網(wǎng)絡(luò)廣告設(shè)計(jì)講解。學(xué)習(xí)網(wǎng)頁界面的色彩搭配。了解各種頁面導(dǎo)航與按鈕的設(shè)計(jì)法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計(jì)方式。了解網(wǎng)頁中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握高級(jí)光影學(xué)。加強(qiáng)創(chuàng)意構(gòu)圖的設(shè)計(jì)形式。了解表單的設(shè)計(jì)與用戶體驗(yàn)的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁面設(shè)計(jì)的布局、模式與方法。鍛煉學(xué)生在設(shè)計(jì)頁面的同時(shí)符合SEO的設(shè)計(jì)規(guī)范。
3.移動(dòng)端UI設(shè)計(jì)(15天):了解移動(dòng)端界面設(shè)計(jì)的發(fā)展趨勢(shì)。移動(dòng)端設(shè)計(jì)與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計(jì)法則與風(fēng)格。了解圖標(biāo)的設(shè)計(jì)分類與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力。了解圖標(biāo)設(shè)計(jì)中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢(shì)。重點(diǎn)加強(qiáng)想象力的提升與創(chuàng)作能力。設(shè)定主題,獨(dú)立創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式。