在很多地方都會使用ui設(shè)計(jì),而使用最多的領(lǐng)域,可能要算手機(jī)界面了。智能手機(jī)的廣泛使用讓很多人都喜歡使用手機(jī),大量手機(jī)APP軟件正式ui手機(jī)界面大展宏圖之地。今天就讓faceui為大家介紹ui手機(jī)界面設(shè)計(jì)課程及內(nèi)容。
ui手機(jī)界面設(shè)計(jì)課程及內(nèi)容
課程分為四個階段,從GUI(平面設(shè)計(jì))、WUI(網(wǎng)頁設(shè)計(jì))、MUI(移動交互設(shè)計(jì))、項(xiàng)目實(shí)訓(xùn),具體安排如下。
第一階段:GUI(平面設(shè)計(jì))
課程內(nèi)容:字體設(shè)計(jì)、VIS(LOGO設(shè)計(jì)、名片設(shè)計(jì)、海報(bào)設(shè)計(jì)、DM單設(shè)計(jì)、易拉寶設(shè)計(jì)等)、平面設(shè)計(jì)軟件技術(shù)(PS、AI、ID)。
30秒性格測試:你是否適合當(dāng)一名設(shè)計(jì)師
掌握技能:
?。?)根據(jù)內(nèi)容需要,進(jìn)行平面媒體的版面編排。
?。?)完成平面宣傳品的創(chuàng)意設(shè)計(jì)。
?。?)執(zhí)行企業(yè)形象VI視覺設(shè)計(jì)。
?。?)完成會展、活動的整體布局,燈光舞美、氣氛模擬設(shè)計(jì)。
(5)完成對照片、圖片的后期處理。
ui手機(jī)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
第二階段:WUI(網(wǎng)頁設(shè)計(jì))
課程內(nèi)容:banner設(shè)計(jì)、專題頁設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)網(wǎng)站策劃、HTML、CSS、JS。
掌握技能:
?。?)負(fù)責(zé)網(wǎng)頁、網(wǎng)站整體欄目的設(shè)計(jì)制作,美術(shù)策劃及網(wǎng)頁制作。
?。?)負(fù)責(zé)制定用戶界面設(shè)計(jì)規(guī)范。
?。?)負(fù)責(zé)網(wǎng)頁及軟件產(chǎn)品用戶界面的設(shè)計(jì)與制作。
?。?)參與設(shè)計(jì)體驗(yàn)、流程的制定和規(guī)范。
第三階段:MUI(移動交互設(shè)計(jì))
課程內(nèi)容:ICON設(shè)計(jì)(系統(tǒng)圖標(biāo)、扁平圖標(biāo)、寫實(shí)圖標(biāo))、原型設(shè)計(jì)、交互設(shè)計(jì)、APP界面設(shè)計(jì)規(guī)范及原則、切圖標(biāo)注技巧。
移動交互設(shè)計(jì)軟件技術(shù)(PS、AI、Axure、Cutterman、Markman)。
掌握技能:
(1)掌握最系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能,重點(diǎn)了解各種風(fēng)格的設(shè)計(jì)思路與技法。
?。?)了解UI與UE的基本定義,產(chǎn)品制作流程及其各職能的定位。
(3)運(yùn)用交互軟件便捷的理解交互原理,根據(jù)項(xiàng)目需求能獨(dú)立分析交互邏輯關(guān)系,熟練掌握主流平臺設(shè)計(jì)規(guī)范及切圖標(biāo)注技巧;
第四階段:項(xiàng)目實(shí)訓(xùn)
課程內(nèi)容:產(chǎn)品定位、需求分析,用戶畫像、競品分析、規(guī)范信息架構(gòu)、界面設(shè)計(jì)、AE交互動畫、項(xiàng)目實(shí)戰(zhàn)、移動交互設(shè)計(jì)軟件技術(shù)(Xmind、AE、sketch)。
ui手機(jī)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
掌握技能:
?。?)獨(dú)立完成產(chǎn)品的交互設(shè)計(jì),包括界面設(shè)計(jì)、流程設(shè)計(jì)等。
?。?)研究和分析產(chǎn)品的用戶需求。
?。?)與產(chǎn)品經(jīng)理一起分析產(chǎn)品需求及設(shè)計(jì)產(chǎn)品架構(gòu)。
?。?)與研發(fā)團(tuán)隊(duì)、測試團(tuán)隊(duì)、運(yùn)營團(tuán)隊(duì)緊密配合,保證產(chǎn)品體驗(yàn)質(zhì)量。
?。?)跟進(jìn)用戶反饋和數(shù)據(jù)分析,并依此進(jìn)行迭代改進(jìn)。
常見的手機(jī)APP視覺設(shè)計(jì)流程
第一階段:概念設(shè)計(jì)和原型設(shè)計(jì)
包括腦圖設(shè)計(jì)、線框圖的設(shè)計(jì)等等。
第二階段:視覺定義階段。
確定了使用哪些字體、顏色、布局、形狀等元素。也屬于創(chuàng)意階段,這個是定義手機(jī)APP視覺規(guī)范的第一個步驟?;蛘哒f是雛形階段。主要頁面的布局與視覺風(fēng)格需要反復(fù)嘗試才能找出最適合目標(biāo)用戶,并且能從競品中脫穎而出的一套。
第三階段:界面產(chǎn)出階段。
即產(chǎn)出數(shù)頁的高精度視覺APP設(shè)計(jì)稿,即大家熟知的首頁、設(shè)置、好友列表、個人資料、關(guān)注、啟動頁、引導(dǎo)頁等等。
以上就是faceui為大家介紹的關(guān)于ui手機(jī)界面設(shè)計(jì)的相關(guān)內(nèi)容。手機(jī)作為大家日常接觸使用最多的工具,其ui界面設(shè)計(jì)適用是非常多的,了解學(xué)習(xí)ui手機(jī)界面設(shè)計(jì)課程及內(nèi)容,相信大家也能設(shè)計(jì)出好的ui手機(jī)界面。