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