基礎(chǔ)美學(xué)知識:UI界面設(shè)計和用戶研究
案例教學(xué):重方法,多套路,以實戰(zhàn)為主
項目經(jīng)理一對一輔導(dǎo),每晚陪你到9點
課程與百度用戶體驗部共同研發(fā)
*互聯(lián)網(wǎng)公司設(shè)計大咖親臨指導(dǎo)
著手實戰(zhàn)項目,迅速達到兩年工作經(jīng)驗
點擊咨詢 真實崗位數(shù)據(jù) 力證UI/UE設(shè)計行業(yè)勢不可擋 [圖片3] (以上數(shù)據(jù)來自百度搜索) 我們培養(yǎng)符合互聯(lián)網(wǎng)公司設(shè)計師崗位要求的UI/UE全能設(shè)計師傳統(tǒng)設(shè)計已經(jīng)無法滿足企業(yè)多元化需求,全能設(shè)計師人才缺口巨大,才華橫溢就有恃無恐 [圖片4] [圖片5] [圖片6] [圖片7] 網(wǎng)頁設(shè)計 移動UI設(shè)計 Web前端設(shè)計 游戲UI設(shè)計 [圖片8] [圖片9] [圖片10] [圖片11] 動效設(shè)計 視覺設(shè)計 界面/交互設(shè)計 平面設(shè)計 5個月獨立項目演練 帶走3年實戰(zhàn)功力歷時數(shù)年精心策劃,打造精英化、高素質(zhì),多種設(shè)計技能兼具的UI綜合性設(shè)計人才 基礎(chǔ)階段 高級階段一 高級階段二1、Photoshop軟件的介紹和基礎(chǔ)功能使用 2、Illustrator軟件介紹和基礎(chǔ)功能的使用 3、創(chuàng)意手法平面構(gòu)成:(手繪基礎(chǔ)訓(xùn)練/色彩搭配方案/圖形創(chuàng)意思維方式/圖形創(chuàng)意表現(xiàn)手法) 4、字體設(shè)計:(字體認識與了解/字體風(fēng)格/字體設(shè)計技法/字體變形/字體效果處理) 5、VI設(shè)計:(文字logo設(shè)計方式/圖形logo設(shè)計方式/基礎(chǔ)系統(tǒng)/應(yīng)用系統(tǒng)/畫冊排版) 6、創(chuàng)意合成:(創(chuàng)意合成/圖像調(diào)色/圖片合成/手繪與圖片合成/文字與圖片合成) 7圖標設(shè)計:(圖標的分類/圖標的設(shè)計與制作規(guī)范/不同類型圖標的表現(xiàn)技法/超寫實圖標制作 )
1、基礎(chǔ)知識:(APP開發(fā)與設(shè)計流程/屏幕尺寸與分辨率介紹/常用單位介紹) 2、平臺規(guī)范:(IOS系統(tǒng)特點與標準/圖標標準,文字標準,框架標準/iPad排 版方式/導(dǎo)航樣式/Android系統(tǒng)特點與標準/Material design規(guī)范講解/Metro UI風(fēng)格講解) 3、交互設(shè)計:(用戶研究以及需求分析/信息架構(gòu)設(shè)計/平臺差異/原型圖制作/導(dǎo)航模式) 4、界面設(shè)計:(移動產(chǎn)品頁面分析/頁面風(fēng)格分析/APP頁面制作/適配、標注與切圖規(guī)范) 5、APP改版更新:(分析APP改版思路/競品分析確定改版/原型繪制,頁面實現(xiàn)) 6、banner設(shè)計:(banner的基礎(chǔ)構(gòu)成/banner的種類與風(fēng)格/banner的設(shè)計方法/banner的構(gòu)成思路 ) 7、網(wǎng)頁設(shè)計流程及規(guī)范:(網(wǎng)頁的設(shè)計流程/網(wǎng)頁構(gòu)成元素與規(guī)范/網(wǎng)頁的布局模式/Axure軟件基礎(chǔ)(運用及元件使用)企業(yè)類官網(wǎng)信息分析/網(wǎng)頁的視覺建立/標注與切圖規(guī)范) 8、網(wǎng)頁改版:(網(wǎng)頁信息架構(gòu)分析/網(wǎng)頁改版方法與思路) 9、專題頁設(shè)計:(專題頁頭圖設(shè)計/專題頁板塊設(shè)計/各類型專題頁分析與制作/專題頁設(shè)計思路/專題頁實戰(zhàn)練習(xí)) 10、頁面分析:(網(wǎng)站的類型與風(fēng)格/主流行業(yè)網(wǎng)站分析/不同網(wǎng)站的布局與排版方式)
1、HTML5:(HTML5介紹及語法規(guī)范圖片/標簽/HTML5的標簽/表格標簽,簡歷制作/iframe框架和表單介紹/表單屬性和作用) 2、CSS3:(使用方法語法規(guī)范, CSS3選擇器/CSS3尺寸, 背景屬性,邊框?qū)傩裕煮w屬性,列表屬性, 布局屬性/內(nèi)外襯白, 下拉列表,側(cè)邊導(dǎo)航/文本屬性, 表格屬性/布局語義標簽, 兼容性,響應(yīng)式布局, 過度,動畫,789,實例布局) 3、JavaScript:(基本語法,流程控制,函數(shù)/數(shù)據(jù)類型/使用方法/if語句/for循環(huán)/函數(shù)的定義及使用/字符串整型) 4、jQuery:(基本語法,選擇器,事件/連貫操作,常用動畫技術(shù),CSS樣式與尺寸操作/屬性操作,常用動畫技術(shù)/文檔操作/Ajax與Jsonp技術(shù),命名空間沖突處理,Jquery插件應(yīng)用,Jquery插件開發(fā)) 5、Bootstrap:(Bootstrap基礎(chǔ)語法,組件,插件使用) 6、Workshop:(按照產(chǎn)品流程進行項目制作,產(chǎn)品定位、競品分析、頁面確定、型圖繪制、界面輸出產(chǎn)品logo設(shè)計,引導(dǎo)頁deom制作項目講座)
咨詢詳情 既是設(shè)計大咖也是人氣爆棚的講師天團 選對課不如跟對人專注UI教研嫻熟駕馭設(shè)計課程內(nèi)容,設(shè)計大神帶你盡享設(shè)計中色彩與布局的魅力 [圖片12] ?徐麗 UI講師? 畢業(yè)于河北科技師范*視覺傳達專業(yè),多年從事設(shè)計工作,曾就職于雅虎和趕集網(wǎng)。熟知行業(yè)內(nèi)的專業(yè)知識和規(guī)范,參與多家大型公司制定VI、網(wǎng)站等設(shè)計,多次參與設(shè)計會展。獲得,UI高級設(shè)計師,移動終端UI設(shè)計師,平面設(shè)計工程師等多項專家認證。4年授課經(jīng)驗,講課通俗易懂;幽默風(fēng)趣;帶來全新的培訓(xùn)內(nèi)容與教學(xué)方法。 ? [圖片13]?邵亞彬 UI講師?5年開發(fā)實戰(zhàn)經(jīng)驗,精通HTML5及CSS3、JavaScript等前端技術(shù),在前端方向,網(wǎng)頁設(shè)計方面經(jīng)驗豐富,從事過多種類型線上項目開發(fā)。有獨特的教學(xué)風(fēng)格,通過案例教學(xué)法,喜歡專研未知的東西,耐心細致,深入淺出,實戰(zhàn)性極強,授課思路清晰,富有親和力,深受學(xué)生歡迎。 ? 混進兄弟連 活該你出色每月至少一期招聘會,打造學(xué)習(xí)、就業(yè)一站式服務(wù)平臺 ? [圖片14] ? [圖片15] ? [圖片16] ? [圖片17] [圖片18] [圖片19] 用戶界面的原則 ? 簡易性、熟悉原則:讓我們從一個普遍適用的簡單原則開始。對用戶來說,使用戶界面直觀的最簡單方法就是簡單適用,能夠很快的熟悉它。當我們思考時,許多精心設(shè)計和直觀的界面只是一個隱喻。意思是,這些界面幾乎是物質(zhì)詞中存在的東西的數(shù)字副本?,F(xiàn)在,我們以車載系統(tǒng)應(yīng)用程序為例,你會發(fā)現(xiàn)什么?不同的應(yīng)用程序會使用不同的布局,視覺效果,調(diào)色板和功能等。但是,絕大多數(shù)會有一些共同點。 ? 一致性原則:第二個原則也很簡單。直觀的用戶界面包含一致性。每個界面都應(yīng)該有一個風(fēng)格指南并且一致地使用它。如果我們在某處使用特定元素,并使用某些特定的可視化(和功能)屬性,那么我們應(yīng)該再次僅使用那些相同的屬性來使用該元素。我們不應(yīng)該改變它的風(fēng)格或功能。這并不意味著我們不應(yīng)該使用按鈕或復(fù)制元素的不同變體。這些元素應(yīng)該有多種變體,每種用例都有一個。用戶應(yīng)該能夠成功預(yù)測該元素在界面中的任何其他位置如何工作。一致性很重要。 ? 易學(xué)易用性:一個非常簡單,快速和直觀的入門過程是一個很好的開始。界面引導(dǎo)用戶以便她可以探索并與之交互。在這里,我們有兩個目標。我們的*個目標是盡可能簡化和簡化學(xué)習(xí)階段。我們應(yīng)該創(chuàng)建一個簡單的入門過程來幫助用戶開始使用界面。我們的第二個目標是以幫助用戶學(xué)習(xí)如何使用它的方式構(gòu)建界面。從某種意義上說,是界面正在訓(xùn)練用戶,使用戶學(xué)會如何操作。 ? 隱藏性原則:這將我們帶入了第四個也是*一個創(chuàng)建直觀用戶界面的原則。界面應(yīng)該是隱形的,以便于用戶做出選擇。人們使用特定的產(chǎn)品和服務(wù),因為他們有一些實現(xiàn)的目標或任務(wù)得到完成。界面應(yīng)該是不可見的,因為它可以幫助用戶盡可能快速和順利地實現(xiàn)自己的目標,或者完成工作。從方法論角度來看,界面是不可見的,正如我所提到的,它為用戶提供了大部分的繁重工作。直觀的用戶界面為用戶提供了她實現(xiàn)自己目標所需的全部內(nèi)容。 ?