昆明UI設(shè)計培訓(xùn)課程

【課程介紹】

UI即User Interface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。軟件設(shè)計可分為兩個部分：編碼設(shè)計與UI設(shè)計。UI的本意是用戶界面，是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。

【課程內(nèi)容】

一、平面綜合階段

PS模塊：

1.介紹軟件（應(yīng)用領(lǐng)域、優(yōu)勢）/軟件界面與設(shè)置/視圖縮放與移動/選擇工具/屏幕顯示模式/包裝效果圖選區(qū)自由變換、自由變形/保存格式

2.文字（文字海報）/形狀工具（繪制簡單形狀）/填充（前景色、背景色）

3.色階，曲線，亮度對比度等/色彩平衡，色相飽和度，可選顏色等/畫布、圖像大小調(diào)整/鋼筆工具/選區(qū)（選區(qū)工具）等

4.消失點(diǎn)，液化，仿制源/銳化、模糊工具/加深、減淡工具，/漸變工具、吸管工具/色彩知識（色彩搭配訓(xùn)練）

5.橡皮擦/圖層蒙版/套索，魔棒/快速蒙版/抽出/調(diào)整邊緣

6.鋼筆工具/色彩范圍/通道/攝影藝術(shù)介紹

7.剪切蒙版/圖層混合模式

8.濾鏡（上）風(fēng)格化，像素化，模糊，水墨等藝術(shù)效果/智能濾鏡

9.濾鏡（下）扭曲，渲染

10.圖層樣式內(nèi)陰影，斜面與浮雕，顏色，漸變，圖案疊加

11.UI介紹/網(wǎng)頁設(shè)計基礎(chǔ)/網(wǎng)頁banner的設(shè)計/網(wǎng)頁切片工具

12.對齊與分布//網(wǎng)頁設(shè)計制作

13.動畫制作（把靜態(tài)網(wǎng)頁稍加動畫）/軟件互導(dǎo)性

ID模塊：

1.介紹軟件/新建畫布/頁面認(rèn)識/軟件優(yōu)化

2.視圖工具參考線/導(dǎo)出預(yù)覽模式/漸變填色，文字填色

3.文字輸入編輯（字號、字體、分欄等）

4.文字群組與復(fù)合路徑、對齊和分布

5.排列、鎖定、隱藏、路徑查找器（焊接、相交、修剪)

6.基礎(chǔ)圖形繪制與填色

CDR模塊：

1.軟件介紹（應(yīng)用領(lǐng)域、優(yōu)勢、缺點(diǎn)）/軟件界面（調(diào)色板）

2.基本操作（新建文件、設(shè)置文件大小、出血、保存、導(dǎo)出、再制等）

3.排版需注意的事宜（字號、字體、出血、文字安全框等）

4.文本格式：文字方向、字符格式、段落格式、段落文本換行（圖文混排）、分欄

5.基礎(chǔ)繪圖（矩形、橢圓、多邊形、圖紙、螺旋線、完美形狀、智能繪圖）

6.移動工具、填色（內(nèi)部、輪廓）/視圖工具（抓手、縮放、顯示性能）

7.排列、鎖定、造形/圖框精確裁剪/群組與結(jié)合、對齊和分布

8.手繪、藝術(shù)筆/貝塞爾、鋼筆/折線、三點(diǎn)曲線、連線、度量工具

9.形狀工具：A.直接編輯基本形狀/文字；B.轉(zhuǎn)換成曲線后編輯

10.涂抹、粗糙、變換工具/裁切、刻刀、橡皮檫、虛擬段刪除/線條填色

11.均勻、漸變、圖樣、紋理、PS填充/交互式填充、網(wǎng)狀填充吸管油漆桶

12.交互調(diào)和、輪廓

13.變形、陰影、透明

14.立體字設(shè)計、扁平投影效果、添加紋理立體字、漸變立體字)

15.封套

16.位圖處理/轉(zhuǎn)換（跟蹤位圖）位圖遮罩/濾鏡效果（卷頁）/效果菜單

17.表格處理/插入條碼、OLE對象（圖表）/對象管理器/頁面設(shè)置、打印

AI模塊：

1.介紹軟件/新建文件設(shè)置/軟件界面認(rèn)識/文字工具/文字大小改變、旋轉(zhuǎn)、復(fù)制

2.其他格式：制表符、文字屬性復(fù)制輪廓/簡歷制作

3.選擇工具、基礎(chǔ)繪圖學(xué)習(xí)/顏色填充、漸變工具、吸管工具/錨點(diǎn)編輯工具

4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪刀、群組與復(fù)合路徑、對齊和分布

5.排列、鎖定、隱藏、路徑查找器（焊接、相交、修剪）、剪切蒙版

6.描邊面板/對象/路徑/內(nèi)部填充（網(wǎng)格工具、實(shí)時上色）

7.變形工具/封套扭曲/變換工具

8.畫筆/符號/符號噴槍工具

9.混合工具（帶過，CDR中詳說）、透明蒙版（結(jié)合剪切蒙版使用）

10.外觀面板、圖形樣式/描邊、外觀的使用/圖層面板（多圖層整理）

11.圖表/位圖轉(zhuǎn)矢量圖/透明度面板（中疊加方式的使用）

12.效果菜單（凸出和斜角、繞轉(zhuǎn)、風(fēng)格化）軟件相互間格式的處理

二、DW

表格切片：認(rèn)識DW界面、工作區(qū)，熟練DW基本操作，學(xué)習(xí)表格，切片DW模塊

框架網(wǎng)頁：掌握超鏈接、錨鏈接、富媒體、框架網(wǎng)頁、浮動框架的使用，建立簡單的傳統(tǒng)網(wǎng)頁站點(diǎn)

html+css：學(xué)習(xí)CSS三種嵌入形式、選擇符、盒模型、浮動等，熟悉頁面布局方法

盒模型：html+css:項(xiàng)目列表與導(dǎo)航，常用css樣式、css3樣式補(bǔ)充，居中等

橫版網(wǎng)頁：掌握和熟悉橫版網(wǎng)頁的制作技巧和注意事項(xiàng)，讓網(wǎng)站與眾不同

豎版網(wǎng)頁：熟練掌握豎版網(wǎng)站的制作規(guī)范和技巧，不再做網(wǎng)站的“小白”

表單制作：表單，表單創(chuàng)建與表單樣式

下拉菜單：下拉列表，dl、dt、dd下拉效果

卡式選項(xiàng)：spry卡式、折疊式、工具提示

JS套用與網(wǎng)站發(fā)布：學(xué)會如何套用和調(diào)用已有的JS代碼，讓網(wǎng)站妙趣橫生，引人奪目

三、電商研修階段

鉆展廣告位：學(xué)習(xí)廣告圖片的制作步驟，掌握各元素運(yùn)用的方法、種類和規(guī)律，通過學(xué)習(xí)元素之間的對比知識，讓廣告圖變得更加高端大氣電商研修階段

直通車廣告圖制作：系統(tǒng)學(xué)習(xí)直通車廣告制作的要點(diǎn)與賣點(diǎn)，快速提升作品的商業(yè)價值與美觀度，讓作品好看又好用

店鋪首頁/專題頁制作（初級）：了解和學(xué)習(xí)首頁專題的作用、種類與制作方法，結(jié)合前后知識，制作首頁專題banner圖

店鋪首頁/專題頁制作（中級）：掌握“設(shè)計輪”創(chuàng)意法則，學(xué)會觀察與處理畫面細(xì)節(jié)，文字排版快速傳遞信息，讓首頁專題更高端、有逼格

店鋪首頁/專題頁制作（）：建立系統(tǒng)化檢查標(biāo)準(zhǔn)，掌握動靜物體修飾和美化的制作方法，學(xué)習(xí)電商設(shè)計師制作立體字，讓產(chǎn)品更有質(zhì)感、更值得信賴

移動端首頁制作：掌握淘寶移動端店鋪首頁（手機(jī)、APP店鋪首頁）制作方法與規(guī)則

詳情頁：了解和學(xué)習(xí)淘寶產(chǎn)品詳情頁的制作框架與注意事項(xiàng)，欣賞大量案例，學(xué)習(xí)過程中不斷改進(jìn)，讓詳情頁帶動產(chǎn)品銷量

畢業(yè)設(shè)計：學(xué)習(xí)與掌握店鋪招牌的種類與制作方法，同時開始研修階段的畢業(yè)設(shè)計，鑒賞大量電商行業(yè)的案例。后分享畢業(yè)設(shè)計，鍛煉表達(dá)能力，為面試打好基礎(chǔ)

店鋪裝修：掌握淘寶店鋪的裝修方法，讓店鋪“動”起來

四、UI研修階段

原型設(shè)計：學(xué)習(xí)Axure軟件，了解UI設(shè)計前期原型設(shè)計的流程，具體圍繞網(wǎng)頁的原型設(shè)計與軟件的原型設(shè)計。并講解頁面之間的跳轉(zhuǎn)、交互狀態(tài)效果UI研修階段

交互設(shè)計：

學(xué)習(xí)Axure軟件，了解動效設(shè)計，例如下拉彈出菜單，輪播圖的展示，音樂播放器的時間線效果等

學(xué)習(xí)交互設(shè)計文檔的制作，集合整體框架內(nèi)容，注明頁面跳轉(zhuǎn)層級，與涉及到各種交互狀態(tài)的說明

用戶體驗(yàn)：了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開發(fā)，到后期的設(shè)計。學(xué)習(xí)在功能上、設(shè)計上如何提高用戶體驗(yàn)

網(wǎng)頁設(shè)計鑒賞與規(guī)范：

了解網(wǎng)頁設(shè)計的趨勢、設(shè)計流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對網(wǎng)頁設(shè)計的要求。關(guān)注時下流行的網(wǎng)頁設(shè)計風(fēng)格UI研修階段

學(xué)習(xí)網(wǎng)頁設(shè)計規(guī)范，柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范，網(wǎng)絡(luò)廣告設(shè)計講解

各類網(wǎng)站的設(shè)計學(xué)習(xí)：

學(xué)習(xí)網(wǎng)頁界面的色彩搭配。掌握各種頁面導(dǎo)航與按鈕的設(shè)計法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計方式

了解網(wǎng)頁中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握光影學(xué)。加強(qiáng)創(chuàng)意構(gòu)圖的設(shè)計形式

了解表單的設(shè)計與用戶體驗(yàn)的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁面設(shè)計的布局、模式與方法。鍛煉學(xué)生在設(shè)計頁面的同時符合SEO的設(shè)計規(guī)范

手機(jī)主題設(shè)計：

了解移動端界面設(shè)計的發(fā)展趨勢。移動端設(shè)計與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計法則與風(fēng)格UI研修階段

了解圖標(biāo)的設(shè)計分類與不同系統(tǒng)操作平臺中的圖標(biāo)設(shè)計規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力

了解圖標(biāo)設(shè)計中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢。重點(diǎn)加強(qiáng)想象力的提升與創(chuàng)作能力

設(shè)定主題，獨(dú)立創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式

了解APP當(dāng)中的控件、功能性圖標(biāo)。學(xué)習(xí)控件中的具體搭建與配色。訓(xùn)練正負(fù)形圖標(biāo)的設(shè)計與圖標(biāo)的迭代更新

產(chǎn)品APP研發(fā)：

了解產(chǎn)品開發(fā)流程，從前期的PRD到思維導(dǎo)圖，低保真到高保真的具體工作流程。學(xué)習(xí)IOS端的設(shè)計規(guī)范UI研修階段

了解APP的安卓端設(shè)計規(guī)范。系統(tǒng)學(xué)習(xí)APP中主要頁面的各種設(shè)計形式與規(guī)則方法

通過實(shí)戰(zhàn)，以分組的形式開發(fā)一個產(chǎn)品。從需求整理到調(diào)研，再到數(shù)據(jù)整合。終完成基本的原型設(shè)計與交互文檔

產(chǎn)品APP設(shè)計：

學(xué)習(xí)APP中的啟動頁、引導(dǎo)頁的界面設(shè)計形式。重點(diǎn)學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示

學(xué)習(xí)APP中的配色形式與色彩心理學(xué)。系統(tǒng)了解登錄、注冊頁面中的用戶體驗(yàn)。還有個人頁面的展示設(shè)計

將APP中的內(nèi)容信息通過合理的展示方式進(jìn)行表現(xiàn)。學(xué)習(xí)APP中的列表式構(gòu)圖、九宮格、圓心點(diǎn)放射、陳列館、輪播式構(gòu)圖等

了解手機(jī)交互中的熱點(diǎn)區(qū)域，佳按鍵區(qū)等。系統(tǒng)地分析不同終端的適配法則

系統(tǒng)講解IOS端、安卓的切圖原則。了解兩個不同終端的切圖方式與不同點(diǎn)。學(xué)習(xí)markman軟件對APP的注釋方法

微信端：

掌握微信平臺的公眾號運(yùn)營與要求UI研修階段

五、崗前就業(yè)課

網(wǎng)絡(luò)傳媒廣告策劃與設(shè)計實(shí)戰(zhàn)：

以實(shí)戰(zhàn)的形式讓學(xué)生完成整個項(xiàng)目的全部設(shè)計與制作從談單，到市場調(diào)研、數(shù)據(jù)分析、需求整理。大體報價開始。后確定提案后，提交競標(biāo)崗前就業(yè)課

項(xiàng)目內(nèi)容網(wǎng)頁版的宣傳規(guī)劃與設(shè)計制作

以網(wǎng)頁版為標(biāo)準(zhǔn)，設(shè)計移動端的網(wǎng)頁頁面設(shè)計與微信公眾號界面設(shè)計

衍生項(xiàng)目類別的APP設(shè)計，基本原型基礎(chǔ)頁面設(shè)計制作

鍛煉講解方案的能力，掌握給客戶講解方案時需要的要點(diǎn)，領(lǐng)略簡潔、提煉核心的講解技巧

技能加強(qiáng)：

通過全面項(xiàng)目鍛煉硬件界面設(shè)計，例如：applewatch、數(shù)字電視界面、汽車導(dǎo)航界面、智能家具界面等崗前就業(yè)課

學(xué)習(xí)AFTEREFFECTS的動效制作、基本的手機(jī)概念動畫設(shè)計效果

學(xué)習(xí)拓展：

了解網(wǎng)絡(luò)營銷相關(guān)知識，探索營銷策略，互聯(lián)網(wǎng)的廣告模式等崗前就業(yè)課

應(yīng)聘簡歷，作品收集，面試技巧，行業(yè)了解，行業(yè)發(fā)展方向，職位選擇

六、素養(yǎng)訓(xùn)練階段

素質(zhì)訓(xùn)練階段重點(diǎn)培養(yǎng)演講表達(dá)能力、團(tuán)隊(duì)協(xié)作精神、執(zhí)行能力，把學(xué)員打造成專業(yè)技能過硬，心態(tài)陽光，職業(yè)素養(yǎng)好的設(shè)計人才，讓學(xué)員快速成長。

【作品展示】

【師資介紹】

李老師

UI講師/電商講師

4年設(shè)計工作經(jīng)驗(yàn) 4年教學(xué)經(jīng)驗(yàn)

設(shè)計經(jīng)驗(yàn)：擁有用戶界面（UI）設(shè)計師證書，曾任職紅星美凱龍家具設(shè)計師，重慶達(dá)渝仁科技有限公司項(xiàng)目經(jīng)理和重慶九號科技產(chǎn)品原創(chuàng)經(jīng)理，負(fù)責(zé)四面山官網(wǎng)平臺、九號科技官網(wǎng)、分體式插座產(chǎn)品專利等設(shè)計項(xiàng)目。

教學(xué)理念：再長的路，一步步也能走完；再短的路，不邁開雙腳也無法到達(dá)。

【就業(yè)前景】

當(dāng)前我國移動互聯(lián)網(wǎng)等新興互聯(lián)網(wǎng)產(chǎn)業(yè)進(jìn)入了高速發(fā)展的階段，產(chǎn)業(yè)規(guī)模不斷擴(kuò)大，增速飛快，用戶體驗(yàn)至上的時代已經(jīng)來臨。隨著技術(shù)領(lǐng)域的逐步拓展，產(chǎn)品生產(chǎn)的人性化意識日趨增強(qiáng)，用戶界面設(shè)計師（即UI設(shè)計師）也成為了人才市場上十分緊俏的職業(yè)。需要招聘該類型人才的企業(yè)不僅僅局限于移動互聯(lián)網(wǎng)企業(yè)，越來越多的企業(yè)開始注重交互設(shè)計、用戶測試方面的投入，如金融、交通、零售等一些行業(yè)均需要該類型設(shè)計人才。