產品詳情
高級UI/UE交互設計就業班
第一階段(美學基礎與軟件技能)
一、設計預科
1:商務辦公:bs、word、excel、ppt辦公應用;辦公軟件在專業中的應用
2、美術設計基礎設計素描、水粉、速寫的原理及實踐,投影、視圖、透視,燈光表現,寫生
3、美術設計提高設計素描、水粉提高課程、光和影的寫實手法、審美觀念的提高、色彩搭配的提高,配色原理的提高。
4、手繪圖標:二維剪影圖標、三維寫實圖標案例實訓,了解創意在設計中的具體運用;理解創意思維的形態置換原理;掌握將創意思維轉化為圖形樣式的能力
5、階段考核:完成描素、色彩圖各一張
二、GUI設計軟件
1、Photoshop:Adobe公司大師級圖像軟件入門講解。掌握該軟件在平面廣告、網頁設計、UI設計以及室內設計等專業中的相關操作。
2、Illustrator:Adobe公司專業級矢量軟件入門講解。掌握該軟件在創意廣告設計、印刷出版與web網絡創作、多媒體和UI圖標界面設計的相關操作。
3、PS高級:進階課程:以案例形式講解廣告專業調色、人像精修、海報合成、網頁界面布局、UI擬物化設計等。使學員更熟練掌握軟件的操作技巧。
4、AI高級:進階課程:以案例形式講解的廣告字體設計、DM宣傳單和易拉寶展架設計、圖案和包裝設計、UI圖標和界面設計等。使學員更熟練掌握軟件的操作技巧
5、階段考核:本階段考核嵌入到軟件結課當日,國家考試模擬題目訓練和案例實操考核
第二階段(GUI視覺專項設計和元素設計)
一、GUI設計美學
三大構成
1、平面構成與設計:點的構成形式、線的構成形式、面的構成形式,訓練各種熟練的構成技巧和表現方法,培養審美觀及美的修養和感覺,提高創作活動和造型能力-活躍構思。
2、色彩構成與設計:學習色彩與視覺的原理、三要素及色彩對比、色彩推移、綜合對比及色調變化、表現手法、色彩視覺心理與性格的對比;提高綜合審美能力。
3、立體構成與設計:立體構成的概念特征及作用、材料要素及加工工具、視覺效果和心理感受、立體構成的設計應用、立體構成與建筑設計、立體構成與工業產品設計等方面應用
二、GUI創意設計
元素設計
1、字體設計:由淺入深講解字創意設計。分析當前廣告業界主流廣告中的字體設計規則,使學員了解字體裝飾藝術的特點,掌握字體設計方法,能從字的義、形和結構特征出發,對字的筆畫和結構作合理的聯想和變形,創意出美觀形象的字體。全程實例講解知名廣告案例中字體設計。
2、電商DM設計:通過分析電商行業DM設計案例,了解如何高效快速地設計出符合電商需求的設計DM成品。使學員掌握該領域內的設計要領包括促銷標題、促銷價格、主副標題及文案、產品定位的搭配等技巧,設計出符合電商規范的DM作品。全程實例講解并實戰。
3、廣告DM設計:通過剖析多行業DM設計案例,分析如何快速設計符合商業需求的單頁和三折頁。使學員掌握DM設計要領包括版式結構布局、配色、主標題字設計和擺放位置、輔助文字以及圖片的搭配等技巧,并設計出符合廣告公司規范的DM。全程知名商業公司實例講解與實戰。
4、LOGO圖形
創意設計:深入介紹標志設計六要素,培養學員對標志實現的可行性上的分析能力。在藝術構思上指引學員獨特新穎且表意準確以達到形式美的視覺效果。實例講解知名互聯網企業LOGO的特點及設計手法,使學員掌握標志設計理念的藝術規律、藝術表現形式和手法、整體美感并最終符合商業定稿。簡述標志設計的顏色應用以及了解標志設計在VI設計規范中的重要性。
5、展示展架設計:了解展示行業的設計特點,熟悉易拉寶與X展架與噴繪的關系。全程知名商業公司易拉寶實例講解,使學員快速掌握布局、版式和顏色搭配及輸出。
6、版式設計進階:多達8種以上的版式設計布局配色技巧,使學員掌握在各行業不同領域的版式設計操作。全程實例講解廣告公司日常設計,使學員掌握如名片或其他卡片、邀請函、簡單包裝等多種設計方法和技巧。
7、廣告常見
印刷工藝:分析當前常見的印刷廠印刷工藝,使學員了解印刷流程并能在設計中運用印刷工藝,比如花式壓印、燙金銀、UV及專色分色等專業級效果。
8、階段考核:階段學習后對學員綜合能力的檢驗,要求學員根據隨機文案命題,按要求設計出指定內容,并針對設計成果進行評定和講解。
第三階段(WUI與交互設計)
一、WUI設計軟件
1、Dreamweaver:講解DW的人性化功能以及在頁面架構和前端開發應用領域的使用技巧,html基礎應用,快速入門,css樣式表的應用,網站的管理和維護
2、Fireworks:講解FW在網頁切片、圖層、幀、gif動畫、畫布設置中的應用以及配合其他軟件進行使用
二、WUI界面設計
元素設計
1、網頁Banner
排版與設計
1)Banner版面設計的規則與規范,版面的排版。色相和色調的調整。讓banner制作更速成化。
2)Banner廣告強化設計,主要講解banner制作標準及要求、純文字banner實例、金融業banner實例、快銷品banner實例、文字橫排/豎排/斜排的風格差異、服裝類banner實例、化妝品banner實例、數碼類banner實例、配飾類banner實例
2、網頁元素及規范:頁面設計基本流程與設計規范的概念性講解,重點了解Web界面設計規范及頁面元素;網頁配色技巧、色彩與構圖的概念及技巧;網頁導航與按鈕設計
三、WUI設計項目實訓
1、網站設計流程
與策劃:網站設計流程,網站設計理念創新,網頁結構圖與原型圖繪制等;如何從零開始策劃一個網站,包括主題定位、欄目規劃等,如何去策劃盈利模式。
2、電商平臺類
網站項目實訓:商業案例實訓如京東、小米等平臺,重點學習網站整體架構設計、欄目規劃、頁面制作及系列產品總體界面風格設計,布局技巧及細節設計技巧,各類網頁交互設計應用、響應式設計應用的展示
3、企業類
網站項目實訓:如蘋果、騰訊企業類平臺,重點學習頁面主題設計如TOP部分設計,BANNER設計,產品頁設計,新聞頁設計,首頁設計,類各設計技巧如網頁的尺寸、頁面的留白、圖層與圖像的關系、網頁導航設計、字體的排版設計、廣告條(banner)制作、正文內容的詳細設計
4、分類網站項目實訓及階段考核:教師指導你完成階段設計作品,以備應聘時使用;從立案到素材、材料收集整理,再到風格定位、欄目規劃,獨立完成分類及個人網站設計,其中需容入不同的分類信息、作品等;
四、WUI代碼設計
交互設計
1、HTML標簽:HTMl5簡介與入門、文本、圖像、鏈接、表格、列表、智能表單、結構化標簽等內容
隨堂項目:
1.文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息
2.利用table標簽課程表的實現
3.利用b、b表單標簽實現簡單登錄注冊頁面"
2、CSS基礎語法
常見樣式:CSS3簡介、css3引入方式、常見樣式、文字與文本、顏色、背景色、精靈圖片等
隨堂項目:首頁導航欄的制作"
3、CSS選擇器:css選擇器:標簽選擇器、類選擇器、ID選擇器、后代選擇器、群組選擇器、偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器
4、CSS盒子模型:盒模型簡介、盒模型組成部分、盒模型常用場景、彈性盒模型
隨堂項目:導航欄的制作,利用盒子模型拉開間距、hover效果添加后的內邊距設定"
5、浮動與定位:浮動:float、b、恢復塌陷的父容器高度。定位:一動不動的(static),跟著別人跑的(absolute),以自己為中心的(relative),固定的(fixed)
隨堂項目:導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕"
6、響應式布局與頁面優化處理:移動頁面與PC端頁面布局時候需要注意點、媒體查詢在響應式布局中的應用、響應式布局中彈性盒模型的設計技巧、各種瀏覽器對于CSS樣式的支持情況、頁面優化需要注意的地方、解決跨瀏覽器兼容性問題
隨堂項目:移動端的用戶注冊頁面、PC端的用戶注冊頁面。"
7、靜態頁面切圖
項目實戰:
企業站實訓:1.首頁導航、二級菜單2.banner輪播圖3.產品展示4.成功案例5.新聞中心6.聯系方式7.友情鏈接8.版權申明9.總結
8、商城實訓:
1.首頁(頭部導航、分類搜索、秒殺產品、猜你喜歡、推薦商品)2.用戶中心(訂單、個人信息、收貨地址、賬單)3.商品詳情頁(展示圖、描述信息、促銷價格、細節展示、產品詳情)4.登錄&注冊頁面


