UI視覺設計培訓
一、適用學員
針對應屆在校生;5基礎UI視覺設計愛好者;亟待入行的新人;自驅進階的職場人
二、課程課時及價格
504個課時;32800元
三、授課類型
全日制、周末班(9:00-12:00;14:00-17:30)
四、課程介紹
本套課程分為全科UI 、游戲UI、視覺廣告與動效設計三個專業(yè)。
實用干貨內容,從入門到精通,課程內容設置經(jīng)過1年以上市場調研,企業(yè)高層參與研發(fā),符合企業(yè)真實崗位技術需要。教授技能同時,更教授工作標準、規(guī)范和項目流程!
五、課程特點
四步進階式學習,UI設計能力—UI繪制能力—廣告全案能力—視效能力
1、競品特點:突出軟件教學、突出軟件技術的豐富度,再結合網(wǎng)絡教學,帶來的結果學員只學會了很多軟件,只學會了按老師的步驟一步步的翻版,但并不具備設計能力。
2、我們的特點:首先通過WEB、APP、交互設計上入手,讓學員掌握行業(yè)常用的UI設計技術,再通過游戲UI鍛煉學生一定的繪制能力,再通過專業(yè)二的廣告產(chǎn)品全案設計提升學員的產(chǎn)品思維、再通過AE+C4D提升學員視效表現(xiàn)能力
六、課程大綱
| 章 | 模塊名稱 | 時間 | 課時 | 課程內容 | 學習目標 |
| 模塊 | 視覺傳達設計(60) | 第1天 | 4 | 軟件基礎操作 | 通過基本物體的搭建,讓學員掌握軟件的視窗操作和軟件的基本邏輯概念,掌握基本物體的創(chuàng)建和調整,熟悉創(chuàng)建流程和調整方法。 |
| 第2天 | 4 | ||||
| 第3天 | 4 | ||||
| 第4天 | 4 | LOGO設計 | 教會學生以文字和圖畫為主要視覺刺激元素,覆蓋面廣、閱讀方式靈活、時效強、傳播范圍廣,作為一種視覺傳達設計的形式特征,其設計理念表現(xiàn)手段具有很明顯的典型特征利用強烈的色彩、美麗的案、突出的造型、幽默的動作,生動的廣告語言吸引視線 | ||
| 第5天 | 4 | ||||
| 第6天 | 4 | 名片設計 | |||
| 第7天 | 4 | ||||
| 第8天 | 4 | 海報主視覺設計 | |||
| 第9天 | 4 | ||||
| 第10天 | 4 | 三折頁設計 | 以文字和圖畫為主要視覺刺激元素,覆蓋面廣、閱讀方式靈活、時效性強、傳播范圍廣,印刷種類、紙張開度、印刷色彩、印前設計、制版印刷和印后加工產(chǎn)品設計階段要確定整個產(chǎn)品的策略、外觀、結構和功能,從而確定整個產(chǎn)品系統(tǒng)布局 | ||
| 第11天 | 4 | ||||
| 第12天 | 4 | 易拉寶設計 | |||
| 第13天 | 4 | ||||
| 第14天 | 4 | 包裝設計 | |||
| 第15天 | 4 | ||||
| 第二模塊 | WEBUI設計(60) | 第16天 | 4 | 網(wǎng)站設計規(guī)范講解 | 通過學習,了解網(wǎng)頁的基本知識,網(wǎng)站運行原理,網(wǎng)頁制作軟件的介紹及上傳工具使用,歸劃、設計,發(fā)布,維護的步驟,網(wǎng)頁的標準,網(wǎng)站策劃原則,網(wǎng)頁布局原則和布局方法,多種常用布局的具體表現(xiàn)方式,字體和圖片在網(wǎng)頁中的應用,色彩的基本概念,網(wǎng)頁安全色的使用,及搭配方法,圖像優(yōu)化和輸出的方法,網(wǎng)頁切片的輸出及制作gif動畫。 |
| 第17天 | 4 | ||||
| 第18天 | 4 | 網(wǎng)站思維導圖及邏輯框架講解 | |||
| 第19天 | 4 | ||||
| 第20天 | 4 | 企業(yè)主站設計 | 通過學習,了解網(wǎng)站各風格logo的基本知識,設計原則,banner和導航條的設計,網(wǎng)站從策劃到設計,再到輸出的基本程,通過案例講解photoshop設計網(wǎng)站頁面的思路,過程,總結等,利用dreamvaver的模板制作網(wǎng)頁,制作網(wǎng)頁等。 | ||
| 第21天 | 4 | ||||
| 第22天 | 4 | ||||
| 第23天 | 4 | 電商類分類頁面設計講解 | |||
| 第24天 | 4 | ||||
| 第25天 | 4 | ||||
| 第26天 | 4 | 電商類詳情頁面設計講解 | |||
| 第27天 | 4 | ||||
| 第28天 | 4 | ||||
| 第29天 | 4 | 網(wǎng)頁輸出講解 | 通過學習,了解網(wǎng)頁的基本知識,圖像優(yōu)化和輸出的方法,網(wǎng)頁切片的輸出及制作gif動畫。 | ||
| 第30天 | 4 | ||||
| 第三模塊 | WEB前端程序設計(16) | 第31天 | 4 | html框架搭建 | 了解網(wǎng)頁HTML的使用方法,能夠使用HTML語言搭建靜態(tài)網(wǎng)頁的框架。了解網(wǎng)頁css的使用方法,能夠使用css語言完成靜態(tài)網(wǎng)頁的效果 |
| 第32天 | 4 | ||||
| 第33天 | 4 | css樣式制作 | |||
| 第34天 | 4 | ||||
| 階段考核 | 全科階段K1考核(32) | 第35天 | 4 | 全套網(wǎng)頁設計 | 根據(jù)要求完成一整套的網(wǎng)頁設計 原型可以參考本資料,內容可以自擬,不一定用游戲題材,可以是商務、電商、設計、等多種題材 |
| 第36天 | 4 | ||||
| 第37天 | 4 | ||||
| 第38天 | 4 | ||||
| 第39天 | 4 | ||||
| 第40天 | 4 | ||||
| 第41天 | 4 | ||||
| 第42天 | 4 | ||||
| 第四模塊 | ICON設計(20) | 第43天 | 4 | 扁平化圖標講解 | 了解圖標類型、用法及特點 了解圖標制作 掌握扁平圖標的制作規(guī)范與方法 |
| 第44天 | 4 | ||||
| 第45天 | 4 | 擬物化圖標講解 | |||
| 第46天 | 4 | ||||
| 第47天 | 4 | ||||
| 第五模塊 | UED交互設計(20) | 第48天 | 4 | AXURE交互設計講解 | 通過課程學習,了解什么是Axure原型工具,如何進行安裝漢化,并了解原型工具界面的功能和常用的快捷鍵。通過學會各個組的使用,能利用組件設計出原型,并通過實例"利用線框圖組件制作資料填寫頁面"來熟悉各個組件的使用。通過課程學習AXURE鏈接交互行為包括的內容,并通過對每項內容的舉例進行深入的了解和學習,通過學習了解axure部件交互行為包括的內容及使用場景介紹,通過逐項舉例深入學習了各種部件交互行為的使用方法和實現(xiàn)的交互效果。通過課程學習了解什么是動態(tài)面板以及動態(tài)面板常用功能介紹并通過實例"利用動態(tài)面板制作輪播圖效果"對動態(tài)面板進行深入學習及掌握。 |
| 第49天 | 4 | ||||
| 第50天 | 4 | ||||
| 第51天 | 4 | 墨刀交互講解 | |||
| 第52天 | 4 | ||||
| 第六模塊 | APP界面設計(60) | 第53天 | 4 | APP設計規(guī)范講解 | 掌握頭部的結構知學習目標:"熟悉UI設計、手機UI設計/認識IOS、Android、Win 三大主流移動平臺 掌握移動UI設計原則,規(guī)范設計,提升用戶體驗" "熟悉手機UI設計流程 了解交互設計流程及各類列表" "認識APP 了解下載APP各大平臺的特點 了解APP設計與其他移動UI設計的不同之處" 掌握手機首頁設計方法 學習APP原型轉視覺設計流程 "了解不同風格界面的優(yōu)劣勢 掌握整套APP設計準備、設計規(guī)格、界面制作等" "理解碎片化 掌握解決碎片化的技巧" "掌握微信界面設計技巧 了解IOS手機不同尺寸下、各部分內容適配規(guī)范及方法 了解安卓手機不同尺寸下、各部分內容適配規(guī)范及方法" "掌握標注方法及標注工具的使用 掌握IOS切圖方法 掌握安卓切圖方法 PAD端UI設計規(guī)范"識后,深入研究對頭部貼圖的刻畫,掌握頭部貼圖皮膚和五官的刻畫方式。 |
| 第54天 | 4 | ||||
| 第55天 | 4 | 邏輯思維導圖講解 | |||
| 第56天 | 4 | ||||
| 第57天 | 4 | 原型圖設計及規(guī)劃 | |||
| 第58天 | 4 | ||||
| 第59天 | 4 | 高保真效果圖設計及制作 | |||
| 第60天 | 4 | ||||
| 第61天 | 4 | ||||
| 第62天 | 4 | ||||
| 第63天 | 4 | ||||
| 第64天 | 4 | 切圖與輸出設計講解 | |||
| 第65天 | 4 | ||||
| 第66天 | 4 | app交互設計的規(guī)范及要點講解 | |||
| 第67天 | 4 | ||||
| 第七模塊 | 基礎AE動效設計(12) | 第68天 | 4 | 基礎AE及AE品牌基礎動效 | 利用ae制作品牌動態(tài)LOGO。將圖片導入到AI中繪制路徑,然后在AE中添加路徑動畫。本次課程的難點是動畫過渡的流暢性以及渲染。 |
| 第69天 | 4 | ||||
| 第70天 | 4 | ||||
| 第八模塊 | 基礎C4D品牌視覺設計(16) | 第71天 | 4 | 基礎C4D及三維品牌視覺設計 | 利用C4D制作品牌三維LOGO。模型分為四個部分,模型部分可以將圖片導入到AI中繪制路徑,然后在C4D中擠壓。本次課程的難點是材質的渲染。 |
| 第72天 | 4 | ||||
| 第73天 | 4 | ||||
| 第74天 | 4 | ||||
| 階段考核 | 全科階段K2考核(32) | 第75天 | 4 | 全套app界面設計 | 每個組員負責一個項目,或由項目經(jīng)理為每個組員制定范圍進行制作。 根據(jù)行業(yè)特征,獨立完成一套客戶端系統(tǒng)界面,根據(jù)提供的原型設定圖進行項目設計 |
| 第76天 | 4 | ||||
| 第77天 | 4 | ||||
| 第78天 | 4 | ||||
| 第79天 | 4 | ||||
| 第80天 | 4 | ||||
| 第81天 | 4 | ||||
| 第82天 | 4 | ||||
| 第九模塊 | 游戲控件設計(12) | 第83天 | 4 | 基礎游戲設計制作 | 色彩的相關知識、圖像的顏色模式、色域與溢色、位圖與矢量圖等 使用內置工具制作選區(qū)、基于顏色制作選區(qū)、選區(qū)的編輯練習 顏色面板、畫筆面板、繪畫工具、修飾工具、圖像潤飾工具等應用練習 快速選擇通道、Alpha/專色通道、混合通道、通道調整顏色、通道摳圖等強化通道知識 |
| 第84天 | 4 | ||||
| 第85天 | 4 | 應用類游戲控件設計 | |||
| 第十模塊 | 手繪Q版游戲道具(圖標)(36) | 第86天 | 4 | 寶箱類圖標手繪講解 | 本模塊通過實例講解,掌握多種風格游戲手繪圖標制作講解的方法,不同形式,不同材質的圖標設計流程以及能準確傳達圖標意義的設計規(guī)范。 |
| 第87天 | 4 | ||||
| 第88天 | 4 | ||||
| 第89天 | 4 | 血罐類圖標手繪講解 | |||
| 第90天 | 4 | ||||
| 第91天 | 4 | ||||
| 第92天 | 4 | 卷軸類圖標手繪講解 | |||
| 第93天 | 4 | ||||
| 第94天 | 4 | ||||
| 第十一模塊 | 手繪商業(yè)插畫banner(鋼筆工具設計)(16) | 第95天 | 4 | 帶的游戲圖標手繪講解 | 加強學生的手繪能力和素材的運用能力,能較好的去搭配素材已經(jīng)在素材基礎上使用手繪技巧以達到跟原圖不一樣的效果避開原班原用的缺陷,學會后期的運用等技巧,鍛煉學生用快的速度達到公司想要的結果才是本次案例的終目的。 |
| 第96天 | 4 | ||||
| 第97天 | 4 | 商業(yè)海報手繪元素設計 | |||
| 第98天 | 4 | ||||
| 第十一模塊 | 初級游戲界面設計(56) | 第99天 | 4 | 游戲主視覺及登錄界面設計 | 本模塊通過完整的實際案例制作,深入了解和學習三國類風格的游戲ui制作方法流程,學習各個界面的制作要點,初步了解基本游戲界面的設計規(guī)范,層級關系,設計要素,以及整體界面風格把控。 |
| 第100天 | 4 | ||||
| 第101天 | 4 | 主界面設計 | |||
| 第102天 | 4 | ||||
| 第103天 | 4 | 操控頁面設計 | |||
| 第104天 | 4 | ||||
| 第105天 | 4 | 商城及背包頁面設計 | |||
| 第106天 | 4 | ||||
| 第107天 | 4 | 設置頁面設計 | |||
| 第108天 | 4 | ||||
| 第109天 | 4 | 總結頁面設計 | |||
| 第110天 | 4 | ||||
| 第111天 | 4 | 游戲完成頁面設計 | |||
| 第112天 | 4 | ||||
| 第十二模塊 | 棋牌游戲界面設計(20) | 第113天 | 4 | 全套棋牌游戲界面設計 | 通過完整的實際案例制作,深入了解和學習*水墨風格,美漫風格的游戲ui制作方法流程,學習各個界面的制作要點.制作更加復雜的帶有手繪效果的界面設計。 |
| 第114天 | 4 | ||||
| 第115天 | 4 | ||||
| 第116天 | 4 | ||||
| 第117天 | 4 | ||||
| 階段考核 | 全科階段K3考核(36) | 第118天 | 4 | 一套游戲UI界面設計 | 每個人為一個項目組,獨立完成項目任務。制作要求:ui界面必須包含logo界面和主界面加彈窗樣式,運用設計法則進行l(wèi)ogo的設計,使用軟件制作logo的效果,利用手繪的能力繪制logo的細節(jié),背景,以及l(fā)ogo的其他輔助部分,如果能添加手繪角色進入LOGO中,當作為分數(shù)浮動的參考開發(fā)環(huán)境 |
| 第119天 | 4 | ||||
| 第120天 | 4 | ||||
| 第121天 | 4 | ||||
| 第122天 | 4 | ||||
| 第123天 | 4 | ||||
| 第124天 | 4 | ||||
| 第125天 | 4 | ||||
| 第126天 | 4 |
| 二學年 | |||||
| 模塊 | 產(chǎn)品設計思維訓練+商業(yè)手繪 | 第1天 | 4 | 自行車品牌創(chuàng)意 | 客戶溝通和提案準備,有效的進行素材準備,保證設計的前期工作完成 |
| 第2天 | 4 | ||||
| 第3天 | 4 | ||||
| 第4天 | 4 | 稻草人箱包活動 | |||
| 第5天 | 4 | 熟練使用蒙版工具,配合畫筆進行多場景拼貼,掌握色彩調和技能 | |||
| 第6天 | 4 | ||||
| 第7天 | 4 | VR品牌創(chuàng)意 | |||
| 第8天 | 4 | 掌握蒙版與煙霧畫筆的運用,和調色工具進行整體潤色處理 | |||
| 第9天 | 4 | ||||
| 第10天 | 4 | ||||
| 第二模塊 | 商業(yè)海報設計 | 第11天 | 4 | 品牌女裝海報設計 | 了解品牌海報設計方向和前期制作方向 |
| 第12天 | 4 | 掌握畫面層次感塑造技巧,環(huán)境色彩上色技法,對明暗灰的色彩處理 | |||
| 第13天 | 4 | 掌握后期色彩處理順序和技法,氛圍的塑造要素和光的設計 | |||
| 第14天 | 4 | 了解透視在合成設計前期的重要作用和對素材尋找的影響 | |||
| 第15天 | 4 | 3d手機品牌海報設計 | 場景制作基本流程與拼合技巧,如何讓自制素材真實的融入環(huán)境 | ||
| 第16天 | 4 | 畫面真實感光影設計和細節(jié)提升 | |||
| 第17天 | 4 | ||||
| 階段考核 | 二學年階段K1考核 | 第18天 | 4 | 一套合成海報設計 | 運用已學知識制作一套具有品牌概念的產(chǎn)品設計思維的合成海報設計,終審核重點,用戶界面必須使用自己原創(chuàng)作品。 項目分配:項目可以以個人或者團隊模式成,每個組員可以負責一個項目,或由項目經(jīng)理為每個組員制定范圍進行制作。 |
| 第19天 | 4 | ||||
| 第20天 | 4 | ||||
| 第21天 | 4 | ||||
| 第22天 | 4 | ||||
| 第23天 | 4 | ||||
| 第24天 | 4 | ||||
| 第三模塊 | UI動效設計 | 第25天 | 4 | 1.AE基礎知識學習 | 對AE軟件基礎有全面的認識,知道如何做動效,如何導出動效,如何包裝動效作品。 |
| 第26天 | 4 | 2.AE關鍵幀及動畫曲線 | 了解AE關鍵幀及動畫曲線的調節(jié) | ||
| 第27天 | 4 | 3.形狀圖層的動效 | 了解形狀圖層的各種屬性,以及在UI動效設計中的綜合運用 | ||
| 第28天 | 4 | 4.蒙版、遮罩 | 了解蒙版、遮罩的各種屬性,以及在UI動效設計中的綜合運用 | ||
| 第29天 | 4 | 5.文本圖層的動效 | 了解文本圖層的各種屬性,以及在UI動效設計中的綜合運用 | ||
| 第30天 | 4 | 6.AE內置 | 了解AE的內置,以及在UI動效設計中的綜合運用 | ||
| 第31天 | 4 | 7.三維圖層、攝像機、粒子插件 | 了解三維圖層、攝像機、燈光及粒子插件的各種屬性,以及在UI動效設計中的綜合運用 | ||
| 第32天 | 4 | 8.登錄界面動功效設計 | 對登錄界面動動效有清晰的實現(xiàn)思路,能熟練完成該類型動效 | ||
| 第33天 | 4 | 9.側邊欄滑動頁面動效 | 對蒙版有清晰的認識,能熟練完成該類型動效 | ||
| 第34天 | 4 | 10.目錄依次上滑 | 掌握對關鍵幀的調節(jié),能熟練完成該類型動效 | ||
| 第35天 | 4 | 11.列表頁面卡片3D形式加載 | 掌握速度曲線的調節(jié),把控動效設計的整體節(jié)奏 | ||
| 第36天 | 4 | 12.卡片3D滑動案例 | 掌握速度曲線的調節(jié),把控動效設計的整體節(jié)奏 | ||
| 第37天 | 4 | 13.地圖類界面動效設計 | 對修剪路徑、動畫節(jié)奏等有全面的認識,能熟練完成該類型動效 | ||
| 第38天 | 4 | 14.引導頁面動效設計 | 文本、形狀圖層的綜合案例,對引導頁動效設計有全面的認識 | ||
| 第39天 | 4 | 15.視頻聊天界面動效 | 文本、動效節(jié)奏、運動路徑的綜合運用 | ||
| 第40天 | 4 | 16.統(tǒng)計類APP界面動效 | 文本、形狀圖層的綜合運用 | ||
| 第41天 | 4 | 17.卡片掃描類界面動效設計 | 3D圖層、AE的綜合運用 | ||
| 第42天 | 4 | 18.網(wǎng)頁動態(tài)展示設計 | 掌握對網(wǎng)頁設計稿的動態(tài)展示 | ||
| 第43天 | 4 | 19.apple watch界面動效設計 | 掌握溶球效果的運用 | ||
| 第44天 | 4 | 20.內容左滑刪除界面動效設計 | 掌握粒子插件在UI界面動效中的運用 | ||
| 階段考核 | 二學年階段K2考核 | 第45天 | 4 | 用戶界面操作演示視頻 | 運用已學知識制作一套用戶界面操作演示動畫,演示內容至少包含7個主要頁面,是否可以通過演示清楚展示界面操作流程和交互的視覺效果是終審核重點,用戶界面必須使用自己原創(chuàng)作品。 項目分配:項目可以以個人或者團隊模式完成,每個組員可以負責一個項目,或由項目經(jīng)理為每個組員制定范圍進行制作。 |
| 第46天 | 4 | ||||
| 第47天 | 4 | ||||
| 第48天 | 4 | ||||
| 第49天 | 4 | ||||
| 第50天 | 4 | ||||
| 第51天 | 4 | ||||
| 第四模塊 | 3D視覺設計 | 第52天 | 4 | C4d基礎 | 了解C4D界面,掌握基礎命令。了解C4D中曲線。了解C4D中變形工具的使用,學會使用變形器制作簡單模型。學習C4D對象和樣條的編輯操作。了解C4D中材質和燈光的設置。了解C4D中關鍵幀設置和渲染。了解C4D中運動圖形。了解C4D中效果器。以iphone4為例,學習簡單建模和材質添加。掌握三維UI圖標模型的制作和材質添加。 |
| 第53天 | 4 | ||||
| 第54天 | 4 | ||||
| 第55天 | 4 | ||||
| 第56天 | 4 | ||||
| 第57天 | 4 | ||||
| 第58天 | 4 | ||||
| 第59天 | 4 | ||||
| 第60天 | 4 | ||||
| 第61天 | 4 | ||||
| 第62天 | 4 | C4D制作3D動效(logo破碎與攝像機動效) | 學會制作破碎效果,運用插件和高版本內置效果兩種方法來實現(xiàn)。學習多邊形建模的各種命令,了解C4D中動畫關鍵幀,學會渲染扁平化效果。 | ||
| 第63天 | 4 | ||||
| 第64天 | 4 | 案例講解(logo制作) | 學習品牌logo的制作,學會在AI中繪制logo并在C4D中加壓成三維模型,掌握材質的添加和渲染。 | ||
| 第65天 | 4 | 案例講解(德芙海報制作) | 學習電商海報制作,掌握各種模型的制作方法。掌握電商海報材質的添加和渲染以及后的合成效果。 | ||
| 第66天 | 4 | ||||
| 第67天 | 4 | 案例講解電商海報 | 學會在AI中繪制logo并在C4D中加壓成三維模型,掌握樣條約束。了解攝像機的創(chuàng)建和燈光的設置。掌握電商海報材質的添加和渲染以及后的合成效果。 | ||
| 第68天 | 4 | ||||
| 第69天 | 4 | ||||
| 第五模塊 | 視頻簡歷設計(2天) | 第70天 | 4 | AE視頻簡歷設計 | 了解AE中遮罩的使用,學會使用AE中的文字動畫預置以及三維圖層的使用。 |
| 第71天 | 4 | 學會AE中蒙版的使用,終的渲染合成輸出。 | |||
| 階段考核 | 二學年階段K3考核 | 第72天 | 4 | 匯眾LOGO創(chuàng)意設計 | 每個組員負責一個項目,或由項目經(jīng)理為每個組員制定范圍進行制作。 學員完成作品的平面設計,如果有剩余的時間,可以實現(xiàn)動畫效果,動畫部分也將算到浮動的評分里面。 |
| 第73天 | 4 | ||||
| 第74天 | 4 | ||||
| 第75天 | 4 | ||||
| 第76天 | 4 | ||||
| 第77天 | 4 | ||||
| 第78天 | 4 | ||||
| 第79天 | 4 | ||||
| 第80天 | 4 | ||||
| 第81天 | 4 | ||||
| 第82天 | 4 | ||||
| 第83天 | 4 | ||||
| 第84天 | 4 | ||||
| 第85天 | 4 |
七、教學優(yōu)勢
"賦能式"線下+線上教育模式
1、以線下教師為核心,按照線下教學計劃教授學員核心技術
2、以線下教師為核心,按照每個學生特點制定線上學習計劃,并且通過教師、班主任共同的監(jiān)督指導,實現(xiàn)個人的"因材施教"
3、以線上教學為拓展,在"云課堂"收集海量行業(yè)大咖教師經(jīng)驗,賦能學員,拓展知識結構
