課程目錄: 高級UI/UE交互設(shè)計培訓(xùn)
        4401 人關(guān)注
        (78637/99817)
        課程大綱:

        高級UI/UE交互設(shè)計培訓(xùn)

         

         

         

        美術(shù)素描設(shè)計 透視原理、設(shè)計素描、速寫的原理及實踐、投影、視圖、燈光表現(xiàn)、寫生等
        美術(shù)色彩設(shè)計 配色原理、設(shè)計水粉、光和影的寫實手法、色彩搭配、審美觀念,在設(shè)計中的具體運用
        手繪圖標 二維剪影圖標、三維寫實圖標手繪,手繪UI圖標,掌握將創(chuàng)意思維轉(zhuǎn)化為圖形樣式的能力
        設(shè)計構(gòu)成 點線面構(gòu)成形式和表現(xiàn)技巧,色彩與視覺原理,色彩三要素等
        階段考核 完成描素、色彩圖各一張,培養(yǎng)手繪技法,色彩配色能力,審美能力及美學(xué)在設(shè)計中的運用
        GUI設(shè)計軟件 Photoshop 學(xué)習(xí)圖像處理軟件的基礎(chǔ)操作,掌握修圖摳圖、照片調(diào)色圖像特效、尺寸裁剪等入門技巧
        Illustrator 學(xué)習(xí)矢量圖形軟件的基礎(chǔ)操作,掌握形狀繪制、路徑編輯、布爾運算、字符段落等入門技巧
        PS高級 圖像處理軟件提高,掌握影樓級調(diào)色、海報創(chuàng)意、網(wǎng)頁設(shè)計、仿真圖標等高級技巧
        AI高級 矢量圖形軟件提高,掌握字形設(shè)計、單頁和折頁版式、包裝、扁平化圖標等高級技巧
        階段考核 本階段考核嵌入到軟件結(jié)課當日,采用模擬題目訓(xùn)練和案例實操考核
        第二階段(GUI視覺專項設(shè)計和元素設(shè)計)
        GUI創(chuàng)意設(shè)計
        元素設(shè)計 字體設(shè)計 1.由淺入深講解字創(chuàng)意設(shè)計的常見技巧,分析當前廣告業(yè)界主流廣告中的字體設(shè)計特征
        2.使學(xué)員了解字體裝飾藝術(shù)的特點,掌握字體設(shè)計方法,能從字的義、形和結(jié)構(gòu)特征出發(fā)
        3.對矩形字和線型字的筆畫和結(jié)構(gòu)作合理的聯(lián)想和變形,創(chuàng)意出美觀形象的字體
        電商DM設(shè)計 1.通過分析電商行業(yè)DM設(shè)計案例,了解如何高效快速地設(shè)計出符合電商需求的設(shè)計DM成品
        2.掌握該領(lǐng)域內(nèi)的設(shè)計要領(lǐng)包括促銷標題、促銷價格、主副標題及文案、產(chǎn)品定位的搭配等
        3.培訓(xùn)設(shè)計技巧,設(shè)計出符合電商規(guī)范的DM作品,全程實例講解并實戰(zhàn)。
        廣告DM設(shè)計 1.通過剖析多行業(yè)DM設(shè)計案例,分析如何快速設(shè)計符合商業(yè)需求的單頁和三折頁
        2.掌握DM設(shè)計要領(lǐng)包括版式結(jié)構(gòu)布局、配色、主標題字設(shè)計和擺放位置、文字以及圖片的搭配
        3.設(shè)計出符合廣告公司規(guī)范的DM。全程知名商業(yè)公司實例講解與實戰(zhàn)。
        LOGO圖形
        創(chuàng)意設(shè)計 1.深入介紹標志設(shè)計四種形式,培養(yǎng)學(xué)員對標志實現(xiàn)的可行性上的分析能力
        2.實例分析知名互聯(lián)網(wǎng)企業(yè)LOGO的特點及設(shè)計手法,使學(xué)員掌握標志設(shè)計理念的藝術(shù)規(guī)律
        3.掌握三種圓切規(guī)范圖形繪制法,使學(xué)員的LOGO達到形式美的視覺效果
        展示展架設(shè)計 1.了解展示行業(yè)的設(shè)計特點,熟悉易拉寶與X展架與噴繪的關(guān)系
        2.全程知名商業(yè)公司易拉寶實例講解,使學(xué)員快速掌握布局、版式和顏色搭配及輸出
        VI設(shè)計進階 1.掌握標志設(shè)計的顏色應(yīng)用以及了解標志設(shè)計拓展到VI設(shè)計規(guī)范中的方法,完成小型VI設(shè)計
        2.實例講解VI所關(guān)聯(lián)的主要設(shè)計,比如名片、邀請函、手提袋、包裝圖案等
        常見印刷工藝 分析當前常見的印刷工藝,使學(xué)員了解印刷流程并能在設(shè)計中運用印刷工藝,如燙金和UV
        階段考核 本階段考核嵌入到軟件結(jié)課當日,國家考試模擬題目訓(xùn)練和案例實操考核
        三維元素設(shè)計 C4D美工 1.掌握C4D基礎(chǔ)建模,燈光材質(zhì)的多種設(shè)置以及終渲染輸出成品
        2.實戰(zhàn)案例講解在電商美工酷炫海報,使學(xué)員能夠快速設(shè)計出不同風(fēng)格的三維海報效果
        3.深度講解綜合商業(yè)案例,使學(xué)員掌握場景、字體、特效、綜合設(shè)計等技巧的運用
        階段考核 對學(xué)員綜合能力的檢驗,按要求設(shè)計出指定內(nèi)容,并針對設(shè)計成果進行評定和講解。
        課程模塊 課程科目 培訓(xùn)內(nèi)容
        第三階段(WUI與交互設(shè)計)
        WEB界面設(shè)計 網(wǎng)頁規(guī)范統(tǒng)籌 1.網(wǎng)頁元素梳理,了解網(wǎng)頁組成部分,如搜索框、導(dǎo)航、彈框、Banner等
        2.網(wǎng)頁元素規(guī)范的概念講解,讓理論為實訓(xùn)做鋪墊
        3.網(wǎng)頁構(gòu)圖和排版技巧,能夠?qū)υO(shè)計風(fēng)格有一定的理論和欣賞基礎(chǔ)
        網(wǎng)頁Banner速成 1.掌握Banner版面分割和版面布局,如矩形類、多邊形類、圓形類等
        2.掌握Banner配色技巧,解析色調(diào)氣質(zhì)和色相氣質(zhì)
        3.Banner三大元素精講,包括文案排版、產(chǎn)品精修和背景搭建
        4.八套Banner解析配合五大實例速成,掌握各種不同類型和風(fēng)格的Banner設(shè)計
        WEB整站設(shè)計實訓(xùn) 必備知識法則 1.了解網(wǎng)站設(shè)計流程,定位網(wǎng)頁設(shè)計的負責事項及項目的前后配合
        2.網(wǎng)頁知識體系梳理,從需求分析到欄目規(guī)劃到用戶體驗
        3.網(wǎng)頁設(shè)計規(guī)范梳理,明確尺寸、文本、色調(diào)、間距等元素規(guī)范
        初入企業(yè)站 1.了解企業(yè)站需求分析,用Xmind繪制流程圖,用Axure繪制原型圖
        2.分析企業(yè)站布局七大風(fēng)格,如對比型、封面型、T字行、國字型等
        3.根據(jù)原型圖,設(shè)計企業(yè)站首頁和內(nèi)頁樣稿
        4.網(wǎng)頁設(shè)計六大問題匯總,設(shè)計從細節(jié)做起,針對問題修改提升企業(yè)站樣稿質(zhì)量
        走進電商風(fēng) 1.了解商城站需求分析,用Xmind繪制流程圖,用Axure繪制原型圖
        2.定位電商產(chǎn)品選圖的風(fēng)格,掌握電商選圖的14個技巧
        3.根據(jù)原型圖,設(shè)計商城首頁和頻道頁樣稿
        4.了解電商店鋪裝修新潮流,利用C4D做3D風(fēng)電商店鋪
        5.清楚如何凸顯文案及文案設(shè)計方式,掌握文案中的天龍“八部”
        深入專題頁 1.了解什么是專題頁,激發(fā)專題設(shè)計靈感,解析細節(jié)排版奧妙
        2.深入專題兩大風(fēng)格,通過多個主題選擇設(shè)計扁平風(fēng)和擬物風(fēng)專題
        3.掌握設(shè)計表現(xiàn)手法的13個技巧,并能在網(wǎng)頁中靈活運用,如聯(lián)想、懸念等
        4.掌握構(gòu)造空間層次的六個捷徑,如透視、矛盾空間、折紙風(fēng)等,提升網(wǎng)頁品質(zhì)
        作品大包裝 1.針對UI的分析清楚設(shè)計的方向,為未來就業(yè)準確定位
        2.講解作品包裝的三個技巧,在設(shè)計作品的基礎(chǔ)上用包裝提升自我作品的檔次
        3.個人簡歷大總結(jié),把個人信息用網(wǎng)頁形式體現(xiàn)出來,讓面試形式多樣化
        WEB前端HTML5/CSS3
        布局與樣式 HTML標簽梳理 1.5分鐘上手Hbuilder軟件,對HTML5和CSS3有初步的了解和認識
        2.掌握HTML5九大基本標簽,包括標題、圖像、音頻、視頻等
        3.掌握HTML5智能表單基本標簽和智能表單擴展標簽
        七組CSS基本樣式 1.講解CSS三大引用方式,包括行內(nèi)樣式、內(nèi)部樣式表和外部樣式表
        2.CSS七類樣式詳解,包括背景、文本、字體、鏈接、列表、表格、邊框樣式
        CSS3炫酷特效 1.掌握CSS3四大“變形金剛”,旋轉(zhuǎn)、扭曲、縮放和位移
        2.CSS3過渡屬性詳解,通過過渡屬性完成網(wǎng)頁漂亮的交互效果
        3.CSS3動畫特效講解,通過動畫屬性可以做多個狀態(tài)交互的網(wǎng)頁炫酷特效
        選擇器細解11大類 1.掌握CSS五類常用選擇器,包括通用選擇器、ID選擇器、類選擇器等
        2.屬性選擇器詳解,熟練使用屬性值的篩選
        3.三代關(guān)系選擇器詳解,包括子元素選擇器、兄弟選擇器、后代選擇器
        4.CSS3偽類選擇器和偽元素選擇器詳解,可以多樣化的自由選擇網(wǎng)頁元素對象
        CSS布局四大技巧 1.掌握多列屬性布局技巧,能夠輕松完成報刊式排版
        2.五句話吃透盒模型,清楚盒模型的計算和瀏覽器兼容性中的注意事項
        3.左浮動和右浮動的設(shè)置以及如何清除浮動以達到父級自動擴高問題
        4.掌握三種定位方式,絕對定位、相對定位和固定定位
        響應(yīng)式雙法則 1.了解媒體查詢的引用方式,包括內(nèi)部樣式表、外部樣式表等
        2.掌握媒體查詢使用方法,了解關(guān)鍵詞的使用技巧
        3.了解根元素的字號適配,通過字號設(shè)置完成響應(yīng)式頁面
        兼容性調(diào)試技巧 1.CSS優(yōu)化減肥技巧,包括圖片優(yōu)化和代碼優(yōu)化,提升網(wǎng)頁的加載速度
        2.了解CSS優(yōu)先級的計算,解決樣式覆蓋問題
        3.掌握兼容性調(diào)試技巧,如何能夠讓代碼兼容各大主流瀏覽器
        項目實戰(zhàn)提經(jīng)驗 1.熟悉PS切圖技巧,如切片切圖、選區(qū)切圖等,以及網(wǎng)頁項目的正規(guī)創(chuàng)建
        2.頁面布局規(guī)范講解,從整體到局部的規(guī)劃,先標簽后樣式的代碼順序等
        3.完成三大項目實戰(zhàn),企業(yè)站,商城站和響應(yīng)式頁面,能夠獨立完成H5靜態(tài)頁面
        課程模塊 課程科目 培訓(xùn)內(nèi)容
        第四階段(MUI設(shè)計項目實訓(xùn))
        Icon
        圖標創(chuàng)意 二維圖標設(shè)計 1.掌握二維剪影圖標的樣式分析、創(chuàng)作、綜合設(shè)計技巧
        2.常見的圖標質(zhì)感和流行風(fēng)格,手機圖標主題應(yīng)用設(shè)計技法
        UED
        用戶體驗和交互設(shè)計 產(chǎn)品設(shè)計思維
        點對點引導(dǎo) 1.激發(fā)學(xué)員產(chǎn)品設(shè)計思維,引導(dǎo)學(xué)員如何使用產(chǎn)品、理解產(chǎn)品的邏輯、發(fā)現(xiàn)產(chǎn)品的問題
        2.使學(xué)員了解產(chǎn)品在研發(fā)初期直到上線的主要工作框架和設(shè)計過程。
        思維導(dǎo)圖設(shè)計 1.以當下主流APP為模型,分析產(chǎn)品功能和結(jié)構(gòu),使用Xmind設(shè)計思維導(dǎo)圖
        2.了解交互流程圖對思維導(dǎo)圖的重要性,使學(xué)員更深層次了解產(chǎn)品
        3.學(xué)習(xí)流行的線上處理思維導(dǎo)圖軟件processon并快速上手
        原型圖設(shè)計 1.使用Axure熟練繪制產(chǎn)品原型圖,并理解頁面之間的層級關(guān)系與交互鏈接。
        2.掌握競品分析、交互產(chǎn)品評估、產(chǎn)品立項和需求挖掘的綜合能力。
        3.講解墨刀的主要操作方法和技巧、交互設(shè)計特點
        AE動效設(shè)計 分析當前常見的UI動效設(shè)計效果,解析其設(shè)計原理和目的以及如何在合理的場合下使用
        MUI
        移動端設(shè)計 iOS設(shè)計規(guī)范 1.掌握iOS13官方設(shè)計規(guī)范,包含字體規(guī)范、圖標規(guī)范、適配原則、切圖和標注規(guī)范
        2.通過微信APP等產(chǎn)品的列表布局分析,使學(xué)員掌握列表設(shè)計的不同技巧布局方式
        3.通過百度網(wǎng)盤APP等產(chǎn)品的宮格布局分析,使學(xué)員掌握宮格和卡片布局的多種形態(tài)設(shè)計
        4.通過盒馬鮮生APP等電商產(chǎn)品的版式布局分析,使學(xué)員掌握綜合類首頁布局的設(shè)計技巧
        Android
        設(shè)計規(guī)范 1.掌握Material Design設(shè)計規(guī)范,深入學(xué)習(xí)MD設(shè)計理念并熟悉設(shè)計風(fēng)格
        2.通過瑞幸咖啡APP市場背景需求分析,帶領(lǐng)學(xué)員根據(jù)產(chǎn)品優(yōu)缺點和定位進行改進設(shè)計
        3.通過網(wǎng)易云音樂APP首頁框架結(jié)構(gòu),帶領(lǐng)學(xué)員根據(jù)產(chǎn)品優(yōu)缺點和定位進行改進設(shè)計
        插畫視覺衍生 1.了解插畫視覺在界面中的衍生,常見風(fēng)格的插畫,如噪點插畫、2.5D等距插畫
        2.通過插畫風(fēng)格掌握如何設(shè)計閃屏、引導(dǎo)頁,空白頁和404出錯頁
        人工智能與終端UI iPad/終端
        可穿戴設(shè)備 1.學(xué)習(xí)iPad界面設(shè)計規(guī)范、掌握平板電腦的版式布局特點和交互邏輯
        2.大屏移動終端的界面設(shè)計和邏輯,分析上海地鐵購物機的常見布局和設(shè)計特點
        3.講解智能手表Apple Watch的三個設(shè)計特征:個體化、整體性、輕量級
        CUI
        汽車中控界面 解析特斯拉汽車中控界面的布局和交互,學(xué)會包含儀表盤、中控提示等智能化汽車界面設(shè)計
        VUI
        智能語音界面 解析微軟公司未來愿景,了解未來人工智能對UI的影響,智能語音界面的設(shè)計特點和發(fā)展方向
        MUI
        完整方案實訓(xùn) 智能家居APP
        全套方案設(shè)計 1.介紹當前智能家居產(chǎn)品的流行趨勢,引導(dǎo)學(xué)員從用戶角度思考定位、體驗并設(shè)計
        2.通過小米米家APP產(chǎn)品框架和用戶定位分析,幫助學(xué)員獨立完成前期產(chǎn)品原型圖設(shè)計
        3.結(jié)合流行的扁平設(shè)計風(fēng)格和兩大平臺設(shè)計規(guī)范,幫助學(xué)員獨立完成產(chǎn)品效果圖設(shè)計
        4.終目的使學(xué)員能夠通過自身能力獨立設(shè)計出一整套智能家居APP方案并完成測試交付