朋友圈

15757356768

全國(guó)統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:UI設(shè)計(jì)培訓(xùn)班 > 交互設(shè)計(jì)培訓(xùn)班 > 無錫東方博宜UI交互設(shè)計(jì)一期課程

無錫東方博宜UI交互設(shè)計(jì)一期課程

無錫東方博宜UI交互設(shè)計(jì)一期課程

授課機(jī)構(gòu): 無錫東方博宜

課程價(jià)格: 請(qǐng)咨詢客服

開班時(shí)間:隨到隨學(xué)

上課地址: 請(qǐng)咨詢客服

優(yōu)惠價(jià)格: 請(qǐng)咨詢客服

咨詢電話:15757356768

課程介紹

發(fā)布日期:2025-01-09

東方博宜UI交互設(shè)計(jì)一期課程
模塊課程學(xué)習(xí)內(nèi)容
美術(shù)訓(xùn)練營(yíng)藝術(shù)素養(yǎng). 素描速寫訓(xùn)練;
. 三大構(gòu)成原理;
. 透視、構(gòu)圖、造型訓(xùn)練;
. 應(yīng)用美術(shù)發(fā)展趨勢(shì);
. 綜合案例:擁有基礎(chǔ)藝術(shù)素養(yǎng),為之后的設(shè)計(jì)學(xué)習(xí)打下基礎(chǔ);
色彩設(shè)計(jì). 色彩屬性、對(duì)比與調(diào)和、色彩的混色配置;
應(yīng)用技巧. 設(shè)計(jì)色彩的表述體系;

. 色彩的裝飾美感及色彩的表現(xiàn)方法;

. 綜合案例:掌握色彩心理和色彩搭配;
手繪基礎(chǔ). 學(xué)習(xí)形式美通用法則的量化標(biāo)準(zhǔn),能夠快速獲得程式審美能力;
構(gòu)圖設(shè)計(jì). 掌握視覺分割的發(fā)生原理,進(jìn)行經(jīng)典案例分析,了解黃金比例等在設(shè)計(jì)中的應(yīng)用;

. 手繪基礎(chǔ):掌握手繪技巧,利用手繪完成UI的基本構(gòu)圖;

. 當(dāng)下流行風(fēng)格:擬物化、扁平化、寫實(shí)等繪制技巧;

. 綜合案例:利用手繪+構(gòu)圖,繪制各類UI圖標(biāo);
字體設(shè)計(jì). 了解與認(rèn)識(shí)字體,學(xué)習(xí)字體風(fēng)格;
. 字體設(shè)計(jì)技法、字體變形、字體效果處理;
. 綜合案例:掌握字體的設(shè)計(jì)和選擇;
軟件基礎(chǔ)Photoshop平面設(shè)計(jì). 學(xué)習(xí)Photoshop軟件界面構(gòu)成與計(jì)算機(jī)圖像設(shè)計(jì)的基本知識(shí);
. 掌握各種圖像處理工具的使用和位圖圖像的處理技巧;
. 綜合案例:
平面設(shè)計(jì)-----了解平面海報(bào)、畫冊(cè)、招貼設(shè)計(jì)中構(gòu)成及創(chuàng)意方法。
淘寶網(wǎng)店設(shè)計(jì)-----網(wǎng)店產(chǎn)品圖片處理、網(wǎng)站廣告(banner)設(shè)計(jì)。
UI界面設(shè)計(jì)-----簡(jiǎn)單了解UI圖標(biāo)的設(shè)計(jì)手法和制作過程。
Illustrator應(yīng)用技能. 學(xué)習(xí)AI的基本功能及應(yīng)用范圍;
. 掌握AI常規(guī)操作、 創(chuàng)建基本圖形、 創(chuàng)建并編輯路徑、 創(chuàng)建符號(hào)和圖表、 創(chuàng)建和編輯文本、 圖層與剪切蒙版、 效果與濾鏡等;
. 矢量圖形繪制的技巧和矢量圖形的注意事項(xiàng);
. 綜合案例:掌握AI在標(biāo)志 、字體、各類UI圖標(biāo)設(shè)計(jì)中的制作手法和應(yīng)用手段等等;
InDesign應(yīng)用技能. 通過報(bào)刊雜志設(shè)計(jì),掌握排版中的頁碼設(shè)計(jì)、頁面模板設(shè)計(jì)、文本和樣式、圖形圖像、表格工具、自適應(yīng)目錄等;
. 掌握印前與輸出的相關(guān)應(yīng)用,書籍與長(zhǎng)文檔的制作;
. 掌握深入挖掘工具背后隱藏的技巧,應(yīng)用軟件教學(xué)規(guī)范化設(shè)計(jì);
. 綜合案例:雜志、報(bào)紙、書籍;
CorelDRAW應(yīng)用技能. 了解CorelDRAW軟件的特性并掌握CorelDRAW的基本操作;
. 矢量圖形繪制的技巧;
. 掌握CorelDRAW和打印排版中的相關(guān)知識(shí)點(diǎn);
. 綜合案例:利用CDR完成VI(企業(yè)視覺傳達(dá)系統(tǒng))、畫冊(cè)排版、海報(bào)等的制作;
綜合項(xiàng)目實(shí)戰(zhàn). 通過教員的指導(dǎo)與學(xué)員的練習(xí),每位學(xué)員在規(guī)定的時(shí)間內(nèi)完成一套完整移動(dòng)設(shè)備或穿戴設(shè)備上的界面設(shè)計(jì),公益、商業(yè)海報(bào)各一份并制作成品。
. 綜合案例:移動(dòng)設(shè)備界面設(shè)計(jì)、海報(bào)設(shè)計(jì)制作,
UI設(shè)計(jì)規(guī)范產(chǎn)品設(shè)計(jì)流程及規(guī)范. 了解產(chǎn)品設(shè)計(jì)的流程及規(guī)范;
. 理解產(chǎn)品設(shè)計(jì)流程中各環(huán)節(jié)分工及終效果之間的關(guān)系;
. 掌握多系統(tǒng)產(chǎn)品設(shè)計(jì)的方法;
用戶中心設(shè)計(jì). 理解何為商業(yè)化設(shè)計(jì)、實(shí)現(xiàn)企業(yè)與個(gè)人的雙贏;
. 用戶需求分析及用戶需求挖掘;
. 利用大數(shù)據(jù)對(duì)用戶體驗(yàn)進(jìn)行分析總結(jié);
. 了解現(xiàn)階段的人工智能設(shè)計(jì);
UI設(shè)計(jì)圖標(biāo)設(shè)計(jì). 學(xué)習(xí)圖標(biāo)的分類,圖標(biāo)的設(shè)計(jì)與制作規(guī)范;
. 理解不同類型圖標(biāo)的設(shè)計(jì)特征;
. 設(shè)計(jì)制作多系統(tǒng)圖標(biāo)(剪影、扁平化、2.5D、超寫實(shí)、3D等);
. 綜合案例:設(shè)計(jì)PC、移動(dòng)的各類小圖標(biāo);
移動(dòng)APP. 基礎(chǔ)知識(shí):APP開發(fā)與設(shè)計(jì)流程,屏幕尺寸與分辨率介紹及常用的單位介紹;
. 平臺(tái)規(guī)范:iOS、Android、IPad、Windows Phone7系統(tǒng)特點(diǎn)與標(biāo)準(zhǔn),文字標(biāo)準(zhǔn),框架標(biāo)準(zhǔn);
. 界面設(shè)計(jì):移動(dòng)產(chǎn)口頁面分析,頁面風(fēng)格分析,APP頁面制作,適配、標(biāo)注與切圖規(guī)范;
. 綜合案例:安卓、IOS圖標(biāo)制作、界面制作;
WebUI. Banner設(shè)計(jì):banner的種類與風(fēng)格,banner的設(shè)計(jì)方法,banner的構(gòu)成思路;
. 網(wǎng)頁設(shè)計(jì)流程及規(guī)范:網(wǎng)頁的設(shè)計(jì)流程,網(wǎng)頁構(gòu)成元素與規(guī)范,網(wǎng)頁的布局模式;
. 頁面分析:網(wǎng)站的類型與風(fēng)格,主流行業(yè)網(wǎng)站分析,不同網(wǎng)站的布局與排版方式;
. 專題頁設(shè)計(jì):專題頁頭圖設(shè)計(jì),專題頁板塊設(shè)計(jì),各類型專題頁分析與制作,專題頁設(shè)計(jì)思路,專題頁實(shí)戰(zhàn)練習(xí);
. 綜合案例:商業(yè)網(wǎng)頁整站設(shè)計(jì);
多媒體界面設(shè)計(jì). 智能手機(jī)界面設(shè)計(jì):蘋果 iOS 界面設(shè)計(jì)、谷歌 Android 界面設(shè)計(jì)、谷歌 Android 界面設(shè)計(jì);
. 智能電視、機(jī)頂盒界面設(shè)計(jì):蘋果 Apple TV 界面設(shè)計(jì)、谷歌 Android 智能電視界面設(shè)計(jì);
. 智能穿戴設(shè)備界面設(shè)計(jì):蘋果 WatchOS 界面設(shè)計(jì)、谷歌 Android Wear 界面設(shè)計(jì);
. PC 端軟件界面設(shè)計(jì):應(yīng)用軟件界面設(shè)計(jì)、游戲軟件界面設(shè)計(jì);
. 綜合案例:了解各種多媒體界面設(shè)計(jì)規(guī)范、設(shè)計(jì)原理和設(shè)計(jì)方法;
產(chǎn)品切圖與優(yōu)化(Cutter Man). 了解產(chǎn)品效果圖與上線頁面之間的關(guān)系;
. 理解產(chǎn)品切圖的原則與規(guī)范;
. 掌握主流切圖軟件的使用和優(yōu)化;
. 綜合案例:制作出符合開發(fā)人員要求的切圖素材;
Dreamweaver PC網(wǎng)頁制作Web前端網(wǎng)頁設(shè)計(jì)基礎(chǔ)標(biāo)簽. 網(wǎng)頁設(shè)計(jì)基本流程和工作內(nèi)容;
. WEB頁和移動(dòng)頁面的設(shè)計(jì)規(guī)范,網(wǎng)頁的風(fēng)格和色彩;
. 網(wǎng)頁的基本結(jié)構(gòu)、元素構(gòu)成(文本、多媒體元素)、標(biāo)簽的組合;
. 案例:各類風(fēng)格的商業(yè)網(wǎng)站賞析、新聞頁排版、廣告業(yè)排版;
表格表單框架. 表單的設(shè)計(jì)及引用;
. 表格及其修飾:寬、高、位置、顏色、背景,行列合并、結(jié)構(gòu)修改、線合并等;
. 案例:各類報(bào)名表的制作、簡(jiǎn)歷表的制作、房產(chǎn)活動(dòng)頁面制作、游戲頁面制作、登陸頁面、留言頁面制作;
DIV+CSS頁面布局. 常見的DIV布局案例,DIV的浮動(dòng)和定位;
. CSS的選擇器及屬性詳解:文字、文本、背景、定位、布局、邊框、補(bǔ)丁和補(bǔ)白、浮動(dòng)等詳解;
. CSS:導(dǎo)航等各類CSS;
. 案例:學(xué)校網(wǎng)頁、*網(wǎng)頁、商業(yè)網(wǎng)頁、電商網(wǎng)頁的DIV+CSS布局;
移動(dòng)端響應(yīng)式頁面制作HTML5+CSS3. HTML5移動(dòng)端頁面設(shè)計(jì)的基本流程、設(shè)計(jì)原理、設(shè)備支持;
. HTML5新增元素、文檔結(jié)構(gòu)、音頻和視頻處理、存儲(chǔ)、離線Web應(yīng)用講解;
. CSS3新增屬性詳解:文本、背景、邊框、動(dòng)畫等詳解;
. 案例:利用H5+CSS3的制作頁面;
Bootstrap前端框架. Bootstrap布局容器和柵格系統(tǒng);
. Bootstrap排版、表格、表單、按鈕、圖片等
. 案例:Bootstrap布局設(shè)計(jì)制作Web頁;
架構(gòu)移動(dòng)端網(wǎng)站. Swiper實(shí)現(xiàn)觸摸滑動(dòng)輪播;
. 媒體查詢實(shí)現(xiàn)響應(yīng)式頁面設(shè)計(jì)
. 案例:制作移動(dòng)端響應(yīng)式星巴克Web前端網(wǎng)站
Design
東方博宜UI交互設(shè)計(jì)二期課程
模塊課程學(xué)習(xí)內(nèi)容
UI三維元素設(shè)計(jì)C4D基礎(chǔ)建模. 引導(dǎo)學(xué)生熟悉C4D軟件中各項(xiàng)功能的使用和基本模型的創(chuàng)建;
. 了解現(xiàn)階段主流立體UI的展現(xiàn)類型;
. 掌握3D立體圖標(biāo)、APP界面、網(wǎng)站界面中3D元素的設(shè)計(jì)制作方法;
. 綜合案例:完成3D立體圖標(biāo)的制作;
C4D渲染. 理解材質(zhì)、燈光與攝像機(jī)在設(shè)計(jì)中的重要作用;
. 各類材質(zhì)的參數(shù)設(shè)置(如木紋、布料、塑料、金屬、玻璃等等)、材質(zhì)貼圖的編輯、3D產(chǎn)品的燈光構(gòu)建、不同角度攝影機(jī)的架構(gòu)等等;
. 調(diào)整終渲染參數(shù)、輸出高質(zhì)量效果圖;
. 綜合案例:給3D立體圖標(biāo)添加材質(zhì)、燈光,進(jìn)行渲染輸出;
3D圖片合成處理. 熟悉軟件的基本操作;
. 利用圖層調(diào)整、遮罩蒙板、色彩調(diào)節(jié)、設(shè)計(jì)元素合成等進(jìn)行二次美化;
. 添加藝術(shù)字、廣告元素;
. 綜合案例:通過PS對(duì)3D立體圖標(biāo)進(jìn)行二次美化;
UI交互動(dòng)畫設(shè)計(jì)Gif動(dòng)圖設(shè)計(jì)(Photoshop). 認(rèn)識(shí)現(xiàn)階段移動(dòng)端、PC端各類gif動(dòng)圖的用途、規(guī)范;
. 熟悉Photoshop時(shí)間軸面板;
. 了解視頻時(shí)間軸圖層的基本面板參數(shù)(位置、變換、樣式、不透明度、蒙版等);
. 視頻時(shí)間軸的使用、PS動(dòng)圖的制作流程、注意事項(xiàng)、終動(dòng)圖的輸出;
. 綜合案例:制作桌面動(dòng)態(tài)圖標(biāo)效果;
After Effects. After Effects界面與基礎(chǔ);
動(dòng)效展示設(shè)計(jì). 了解 AE 軟件功能特點(diǎn),理解設(shè)計(jì)趨勢(shì)與AE 動(dòng)效之間的關(guān)系;

. 制作遮蔽效果、繪制矢量圖形、三維合成、 調(diào)色的技巧、摳像技巧、 綜合等;

. 綜合案例:完成餐飲類APP的動(dòng)效展示;
階段項(xiàng)目實(shí)訓(xùn)移動(dòng)WEB端項(xiàng)目開發(fā). 整體風(fēng)格確定、手繪初步樣式草稿、PS+AI繪制頁面視覺傳達(dá)效果;
. 利用切圖軟件制作出符合開發(fā)人員要求的切圖素材;
. 利用C4D完成項(xiàng)目中所有3D展示效果,包括3D圖標(biāo)、3D圖片、3D動(dòng)圖等,使項(xiàng)目更符合現(xiàn)代消費(fèi)者的審美,提高整體競(jìng)爭(zhēng)力;
. 利用AE完成項(xiàng)目中所有動(dòng)態(tài)展示效果、提高團(tuán)隊(duì)合作效率;
. 利用前期所學(xué)的知識(shí)點(diǎn)完成整體移動(dòng)WEB端項(xiàng)目開發(fā);
UI動(dòng)態(tài)交互實(shí)現(xiàn)Javascript腳本. Javascript基本變量定義、常見JS數(shù)據(jù)類型、JS基本運(yùn)算與表達(dá)式;
. 基本對(duì)話框、分支、循環(huán)語句(for、while)講解,循環(huán)應(yīng)用講解;
. Javascript的 Object、Function、String 和 正則表達(dá)式、常用內(nèi)置對(duì)象、時(shí)間控制、常用的函數(shù)等;
. 常見的JS鼠標(biāo)事件、鍵盤事件,利用JS修改網(wǎng)頁中的元素、利用JS修改CSS等效果、JS網(wǎng)頁端驗(yàn)證、JS導(dǎo)航、網(wǎng)頁,Ajax詳述;
. 案例:利用Javascript實(shí)現(xiàn)表單驗(yàn)證及常見的頁面;
. 案例:、抽獎(jiǎng)、打分、計(jì)算器、游戲人物跑步等小游戲的制作
JQuery框架講解. JQuery鼠標(biāo)事件、鍵盤事件、各類效果與動(dòng)畫講解;
. JQuery的遍歷、JQuery的Ajax;
. JQuery側(cè)邊折疊導(dǎo)航欄;
. JQuery實(shí)現(xiàn)頁面炫酷效果和動(dòng)畫;
. JQuery響應(yīng)式輪播圖切換;
. jquery實(shí)現(xiàn)360度全景展示;
. 案例:利用JQuery實(shí)現(xiàn)主流PC/移動(dòng)端各類網(wǎng)頁的常見;
Bootstrap框架詳解. Bootstrap的安裝及自適應(yīng);
. Bootstrap網(wǎng)格系統(tǒng)、排版、表單、表格、按鈕、圖片等;
. Bootstrap組件和插件詳解;
. 案例:利用Bootstrap編輯自適應(yīng)移動(dòng)端的頁面
階段項(xiàng)目實(shí)訓(xùn)移動(dòng)WEB端項(xiàng)目實(shí)施. 利用H5+CSS3標(biāo)簽和前面設(shè)計(jì)好的平面素材制作整套手機(jī)端項(xiàng)目頁面;
. 通過各類腳本實(shí)現(xiàn)包括菜單欄、展示通欄、狀態(tài)標(biāo)簽欄、表單驗(yàn)證、圖片展現(xiàn)等等交互效果;
. 利用前期所學(xué)的知識(shí)點(diǎn)完成整體移動(dòng)WEB端項(xiàng)目開發(fā);


學(xué)員評(píng)價(jià)ASK list

  • 未**評(píng)價(jià):之前在無錫東方博宜學(xué)習(xí)了一段時(shí)間的3D設(shè)計(jì)實(shí)操課程,收獲很大。課程的內(nèi)容很充實(shí),不僅有理論知識(shí),還會(huì)從實(shí)際出發(fā),學(xué)習(xí)到的方法也可以運(yùn)用到實(shí)際的工作中,特別棒。
    手機(jī)號(hào)碼: 138****8908   評(píng)價(jià)時(shí)間: 2025-01-09
  • 杜**評(píng)價(jià):送孩子來到了無錫東方博宜學(xué)習(xí)少兒編程的課程,感覺老師的輔導(dǎo)很好,不只是教的東西多,態(tài)度好,對(duì)孩子也很有耐心,這樣的課程自然也是受我們家長(zhǎng)歡迎的。
    手機(jī)號(hào)碼: 147****5644   評(píng)價(jià)時(shí)間: 2025-01-09
  • 孫**評(píng)價(jià):無錫東方博宜的多媒體課程非常的好,自己學(xué)習(xí)到了常用的軟件,自己已經(jīng)可以應(yīng)用到工作中,非常感謝老師。
    手機(jī)號(hào)碼: 139****1484   評(píng)價(jià)時(shí)間: 2025-01-09
  • 陳**評(píng)價(jià):東方博宜的老師真的很棒,從理論學(xué)習(xí)到實(shí)訓(xùn)聯(lián)系,教學(xué)經(jīng)驗(yàn)豐富的東方博宜老師總是能講的繪聲繪色
    手機(jī)號(hào)碼: 189****6678   評(píng)價(jià)時(shí)間: 2025-01-09
  • 未**評(píng)價(jià):朋友是做游戲設(shè)計(jì)的,我也喜歡玩游戲,他建議我可以去學(xué)學(xué),現(xiàn)在游戲行業(yè)發(fā)展挺不錯(cuò)的;我以前都是做文職的,工資不高,做的事情也很瑣碎,挺煩的;所以取得家人支持之后,決定去報(bào)培訓(xùn)機(jī)構(gòu)學(xué)習(xí)。了解多家機(jī)構(gòu)之后,選擇了東方博宜,一來口碑不錯(cuò);二來在這里試學(xué)了幾天,覺得老師的教學(xué)都挺好的,環(huán)境也不錯(cuò)?,F(xiàn)在還沒畢業(yè),不過有信心出來后前景不會(huì)差。
    手機(jī)號(hào)碼: 153****1553   評(píng)價(jià)時(shí)間: 2025-01-09
  • 常**評(píng)價(jià):東方博宜真心是不錯(cuò)的IT培訓(xùn)機(jī)構(gòu),老師講課很專業(yè),所講內(nèi)容詳細(xì)。
    手機(jī)號(hào)碼: 138****4144   評(píng)價(jià)時(shí)間: 2025-01-09
  • 未**評(píng)價(jià):在這里學(xué)習(xí)了電商的系列課程,課程內(nèi)容非常的豐富,已經(jīng)大體了解淘寶網(wǎng)的相關(guān)操作流程,非常感謝東方博弈的老師。
    手機(jī)號(hào)碼: 182****2947   評(píng)價(jià)時(shí)間: 2025-01-09
  • 王**評(píng)價(jià):學(xué)移動(dòng)開發(fā)選擇無錫東方博宜簡(jiǎn)直太明智了,小班教學(xué),師資強(qiáng)大,課程設(shè)置貼合市場(chǎng)需求,剛學(xué)完的我馬上就找到工作了,開心呢
    手機(jī)號(hào)碼: 186****8580   評(píng)價(jià)時(shí)間: 2025-01-09
  • 楊**評(píng)價(jià):在機(jī)電控制的方面經(jīng)常會(huì)用到PLC自己的學(xué)習(xí)內(nèi)容非常的豐富,非常感謝無錫東方博弈的老師。
    手機(jī)號(hào)碼: 184****5703   評(píng)價(jià)時(shí)間: 2025-01-09

更多培訓(xùn)課程,學(xué)習(xí)資訊,課程優(yōu)惠,課程開班,學(xué)校地址等學(xué)校信息,請(qǐng)進(jìn)入 無錫東方博宜網(wǎng)站詳細(xì)了解
咨詢電話:15757356768   微信:15757356768

如果本頁不是您要找的課程,您也可以百度查找一下:

還沒有找到合適的課程?趕快告訴課程顧問,讓我們顧問馬上聯(lián)系您! 靠譜 的培訓(xùn)課程,省時(shí)又省力!

微信訪問

#tel_020#