課程目錄:高級UI/UE交互設計培訓
        4401 人關注
        (78637/99817)
        課程大綱:

        高級UI/UE交互設計培訓

         

         

        創意美術
        美術素描設計 透視原理、設計素描、速寫的原理及實踐、投影、視圖、燈光表現、寫生等
        美術色彩設計 配色原理、設計水粉、光和影的寫實手法、色彩搭配、審美觀念,在設計中的具體運用
        手繪圖標 二維剪影圖標、三維寫實圖標手繪,手繪UI圖標,掌握將創意思維轉化為圖形樣式的能力
        設計構成 點線面構成形式和表現技巧,色彩與視覺原理,色彩三要素等
        階段考核 完成描素、色彩圖各一張,培養手繪技法,色彩配色能力,審美能力及美學在設計中的運用
        GUI設計軟件 Photoshop 學習圖像處理軟件的基礎操作,掌握修圖摳圖、照片調色圖像特效、尺寸裁剪等入門技巧
        Illustrator 學習矢量圖形軟件的基礎操作,掌握形狀繪制、路徑編輯、布爾運算、字符段落等入門技巧
        PS高級 圖像處理軟件提高,掌握影樓級調色、海報創意、網頁設計、仿真圖標等高級技巧
        AI高級 矢量圖形軟件提高,掌握字形設計、單頁和折頁版式、包裝、扁平化圖標等高級技巧

        第二階段(GUI視覺專項設計和元素設計)
        GUI創意設計
        元素設計 字體設計 1.由淺入深講解字創意設計的常見技巧,分析當前廣告業界主流廣告中的字體設計特征
        2.使學員了解字體裝飾藝術的特點,掌握字體設計方法,能從字的義、形和結構特征出發
        3.對矩形字和線型字的筆畫和結構作合理的聯想和變形,創意出美觀形象的字體
        電商DM設計 1.通過分析電商行業DM設計案例,了解如何高效快速地設計出符合電商需求的設計DM成品
        2.掌握該領域內的設計要領包括促銷標題、促銷價格、主副標題及文案、產品定位的搭配等
        3.培訓設計技巧,設計出符合電商規范的DM作品,全程實例講解并實戰。
        廣告DM設計 1.通過剖析多行業DM設計案例,分析如何快速設計符合商業需求的單頁和三折頁
        2.掌握DM設計要領包括版式結構布局、配色、主標題字設計和擺放位置、文字以及圖片的搭配
        3.設計出符合廣告公司規范的DM。全程知名商業公司實例講解與實戰。
        LOGO圖形
        創意設計 1.深入介紹標志設計四種形式,培養學員對標志實現的可行性上的分析能力
        2.實例分析知名互聯網企業LOGO的特點及設計手法,使學員掌握標志設計理念的藝術規律
        3.掌握三種圓切規范圖形繪制法,使學員的LOGO達到形式美的視覺效果
        展示展架設計 1.了解展示行業的設計特點,熟悉易拉寶與X展架與噴繪的關系
        2.全程知名商業公司易拉寶實例講解,使學員快速掌握布局、版式和顏色搭配及輸出
        VI設計進階 1.掌握標志設計的顏色應用以及了解標志設計拓展到VI設計規范中的方法,完成小型VI設計
        2.實例講解VI所關聯的主要設計,比如名片、邀請函、手提袋、包裝圖案等
        常見印刷工藝 分析當前常見的印刷工藝,使學員了解印刷流程并能在設計中運用印刷工藝,如燙金和UV
        階段考核 本階段考核嵌入到軟件結課當日,國家考試模擬題目訓練和案例實操考核
        三維元素設計 C4D美工 1.掌握C4D基礎建模,燈光材質的多種設置以及終渲染輸出成品
        2.實戰案例講解在電商美工酷炫海報,使學員能夠快速設計出不同風格的三維海報效果
        3.深度講解綜合商業案例,使學員掌握場景、字體、特效、綜合設計等技巧的運用

        第三階段(WUI與交互設計)
        WEB界面設計 網頁規范統籌 1.網頁元素梳理,了解網頁組成部分,如搜索框、導航、彈框、Banner等
        2.網頁元素規范的概念講解,讓理論為實訓做鋪墊
        3.網頁構圖和排版技巧,能夠對設計風格有一定的理論和欣賞基礎
        網頁Banner速成 1.掌握Banner版面分割和版面布局,如矩形類、多邊形類、圓形類等
        2.掌握Banner配色技巧,解析色調氣質和色相氣質
        3.Banner三大元素精講,包括文案排版、產品精修和背景搭建
        4.八套Banner解析配合五大實例速成,掌握各種不同類型和風格的Banner設計
        WEB整站設計實訓 必備知識法則 1.了解網站設計流程,定位網頁設計的負責事項及項目的前后配合
        2.網頁知識體系梳理,從需求分析到欄目規劃到用戶體驗
        3.網頁設計規范梳理,明確尺寸、文本、色調、間距等元素規范
        初入企業站 1.了解企業站需求分析,用Xmind繪制流程圖,用Axure繪制原型圖
        2.分析企業站布局七大風格,如對比型、封面型、T字行、國字型等
        3.根據原型圖,設計企業站首頁和內頁樣稿
        4.網頁設計六大問題匯總,設計從細節做起,針對問題修改提升企業站樣稿質量
        走進電商風 1.了解商城站需求分析,用Xmind繪制流程圖,用Axure繪制原型圖
        2.定位電商產品選圖的風格,掌握電商選圖的14個技巧
        3.根據原型圖,設計商城首頁和頻道頁樣稿
        4.了解電商店鋪裝修新潮流,利用C4D做3D風電商店鋪
        5.清楚如何凸顯文案及文案設計方式,掌握文案中的天龍“八部”
        深入專題頁 1.了解什么是專題頁,激發專題設計靈感,解析細節排版奧妙
        2.深入專題兩大風格,通過多個主題選擇設計扁平風和擬物風專題
        3.掌握設計表現手法的13個技巧,并能在網頁中靈活運用,如聯想、懸念等
        4.掌握構造空間層次的六個捷徑,如透視、矛盾空間、折紙風等,提升網頁品質
        作品大包裝 1.針對UI的分析清楚設計的方向,為未來就業準確定位
        2.講解作品包裝的三個技巧,在設計作品的基礎上用包裝提升自我作品的檔次
        3.個人簡歷大總結,把個人信息用網頁形式體現出來,讓面試形式多樣化
        WEB前端HTML5/CSS3
        布局與樣式 HTML標簽梳理 1.5分鐘上手Hbuilder軟件,對HTML5和CSS3有初步的了解和認識
        2.掌握HTML5九大基本標簽,包括標題、圖像、音頻、視頻等
        3.掌握HTML5智能表單基本標簽和智能表單擴展標簽
        七組CSS基本樣式 1.講解CSS三大引用方式,包括行內樣式、內部樣式表和外部樣式表
        2.CSS七類樣式詳解,包括背景、文本、字體、鏈接、列表、表格、邊框樣式
        CSS3炫酷特效 1.掌握CSS3四大“變形金剛”,旋轉、扭曲、縮放和位移
        2.CSS3過渡屬性詳解,通過過渡屬性完成網頁漂亮的交互效果
        3.CSS3動畫特效講解,通過動畫屬性可以做多個狀態交互的網頁炫酷特效
        選擇器細解11大類 1.掌握CSS五類常用選擇器,包括通用選擇器、ID選擇器、類選擇器等
        2.屬性選擇器詳解,熟練使用屬性值的篩選
        3.三代關系選擇器詳解,包括子元素選擇器、兄弟選擇器、后代選擇器
        4.CSS3偽類選擇器和偽元素選擇器詳解,可以多樣化的自由選擇網頁元素對象
        CSS布局四大技巧 1.掌握多列屬性布局技巧,能夠輕松完成報刊式排版
        2.五句話吃透盒模型,清楚盒模型的計算和瀏覽器兼容性中的注意事項
        3.左浮動和右浮動的設置以及如何清除浮動以達到父級自動擴高問題
        4.掌握三種定位方式,絕對定位、相對定位和固定定位
        響應式雙法則 1.了解媒體查詢的引用方式,包括內部樣式表、外部樣式表等
        2.掌握媒體查詢使用方法,了解關鍵詞的使用技巧
        3.了解根元素的字號適配,通過字號設置完成響應式頁面
        兼容性調試技巧 1.CSS優化減肥技巧,包括圖片優化和代碼優化,提升網頁的加載速度
        2.了解CSS優先級的計算,解決樣式覆蓋問題
        3.掌握兼容性調試技巧,如何能夠讓代碼兼容各大主流瀏覽器
        項目實戰提經驗 1.熟悉PS切圖技巧,如切片切圖、選區切圖等,以及網頁項目的正規創建
        2.頁面布局規范講解,從整體到局部的規劃,先標簽后樣式的代碼順序等
        3.完成三大項目實戰,企業站,商城站和響應式頁面,能夠獨立完成H5靜態頁面
        第四階段(MUI設計項目實訓)
        Icon
        圖標創意 二維圖標設計 1.掌握二維剪影圖標的樣式分析、創作、綜合設計技巧
        2.常見的圖標質感和流行風格,手機圖標主題應用設計技法
        UED
        用戶體驗和交互設計 產品設計思維
        點對點引導 1.激發學員產品設計思維,引導學員如何使用產品、理解產品的邏輯、發現產品的問題
        2.使學員了解產品在研發初期直到上線的主要工作框架和設計過程。
        思維導圖設計 1.以當下主流APP為模型,分析產品功能和結構,使用Xmind設計思維導圖
        2.了解交互流程圖對思維導圖的重要性,使學員更深層次了解產品
        3.學習流行的線上處理思維導圖軟件processon并快速上手
        原型圖設計 1.使用Axure熟練繪制產品原型圖,并理解頁面之間的層級關系與交互鏈接。
        2.掌握競品分析、交互產品評估、產品立項和需求挖掘的綜合能力。
        3.講解墨刀的主要操作方法和技巧、交互設計特點
        AE動效設計 分析當前常見的UI動效設計效果,解析其設計原理和目的以及如何在合理的場合下使用
        MUI
        移動端設計 iOS設計規范 1.掌握iOS13官方設計規范,包含字體規范、圖標規范、適配原則、切圖和標注規范
        2.通過微信APP等產品的列表布局分析,使學員掌握列表設計的不同技巧布局方式
        3.通過百度網盤APP等產品的宮格布局分析,使學員掌握宮格和卡片布局的多種形態設計
        4.通過盒馬鮮生APP等電商產品的版式布局分析,使學員掌握綜合類首頁布局的設計技巧
        Android
        設計規范 1.掌握Material Design設計規范,深入學習MD設計理念并熟悉設計風格
        2.通過瑞幸咖啡APP市場背景需求分析,帶領學員根據產品優缺點和定位進行改進設計
        3.通過網易云音樂APP首頁框架結構,帶領學員根據產品優缺點和定位進行改進設計
        插畫視覺衍生 1.了解插畫視覺在界面中的衍生,常見風格的插畫,如噪點插畫、2.5D等距插畫
        2.通過插畫風格掌握如何設計閃屏、引導頁,空白頁和404出錯頁
        人工智能與終端UI iPad/終端
        可穿戴設備 1.學習iPad界面設計規范、掌握平板電腦的版式布局特點和交互邏輯
        2.大屏移動終端的界面設計和邏輯,分析上海地鐵購物機的常見布局和設計特點
        3.講解智能手表Apple Watch的三個設計特征:個體化、整體性、輕量級
        CUI
        汽車中控界面 解析特斯拉汽車中控界面的布局和交互,學會包含儀表盤、中控提示等智能化汽車界面設計
        VUI
        智能語音界面 解析微軟公司未來愿景,了解未來人工智能對UI的影響,智能語音界面的設計特點和發展方向