【課程介紹】
UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶界面,是英文User和 Interface的縮寫。從字面上看是用戶與界面2個(gè)部分組成,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。
【課程內(nèi)容】
一、平面綜合階段
PS模塊:
1.介紹軟件(應(yīng)用領(lǐng)域、優(yōu)勢(shì))/軟件界面與設(shè)置/視圖縮放與移動(dòng)/選擇工具/屏幕顯示模式/包裝效果圖選區(qū)自由變換、自由變形/保存格式
2.文字(文字海報(bào))/形狀工具(繪制簡(jiǎn)單形狀)/填充(前景色、背景色)
3.色階,曲線,亮度對(duì)比度等/色彩平衡,色相飽和度,可選顏色等/畫(huà)布、圖像大小調(diào)整/鋼筆工具/選區(qū)(選區(qū)工具)等
4.消失點(diǎn),液化,仿制源/銳化、模糊工具/加深、減淡工具,/漸變工具、吸管工具/色彩知識(shí)(色彩搭配訓(xùn)練)
5.橡皮擦/圖層蒙版/套索,魔棒/快速蒙版/抽出/調(diào)整邊緣
6.鋼筆工具/色彩范圍/通道/攝影藝術(shù)介紹
7.剪切蒙版/圖層混合模式
8.濾鏡(上)風(fēng)格化,像素化,模糊,水墨等藝術(shù)效果/智能濾鏡
9.濾鏡(下)扭曲,渲染
10.圖層樣式內(nèi)陰影,斜面與浮雕,顏色,漸變,圖案疊加
11.UI介紹/網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)/網(wǎng)頁(yè)banner的設(shè)計(jì)/網(wǎng)頁(yè)切片工具
12.對(duì)齊與分布//網(wǎng)頁(yè)設(shè)計(jì)制作
13.動(dòng)畫(huà)制作(把靜態(tài)網(wǎng)頁(yè)稍加動(dòng)畫(huà))/軟件互導(dǎo)性
ID模塊:
1.介紹軟件/新建畫(huà)布/頁(yè)面認(rèn)識(shí)/軟件優(yōu)化
2.視圖工具參考線/導(dǎo)出預(yù)覽模式/漸變填色,文字填色
3.文字輸入編輯(字號(hào)、字體、分欄等)
4.文字群組與復(fù)合路徑、對(duì)齊和分布
5.排列、鎖定、隱藏、路徑查找器(焊接、相交、修剪)
6.基礎(chǔ)圖形繪制與填色
CDR模塊:
1.軟件介紹(應(yīng)用領(lǐng)域、優(yōu)勢(shì)、缺點(diǎn))/軟件界面(調(diào)色板)
2.基本操作(新建文件、設(shè)置文件大小、出血、保存、導(dǎo)出、再制等)
3.排版需注意的事宜(字號(hào)、字體、出血、文字安全框等)
4.文本格式:文字方向、字符格式、段落格式、段落文本換行(圖文混排)、分欄
5.基礎(chǔ)繪圖(矩形、橢圓、多邊形、圖紙、螺旋線、完美形狀、智能繪圖)
6.移動(dòng)工具、填色(內(nèi)部、輪廓)/視圖工具(抓手、縮放、顯示性能)
7.排列、鎖定、造形/圖框精確裁剪/群組與結(jié)合、對(duì)齊和分布
8.手繪、藝術(shù)筆/貝塞爾、鋼筆/折線、三點(diǎn)曲線、連線、度量工具
9.形狀工具:A.直接編輯基本形狀/文字;B.轉(zhuǎn)換成曲線后編輯
10.涂抹、粗糙、變換工具/裁切、刻刀、橡皮檫、虛擬段刪除/線條填色
11.均勻、漸變、圖樣、紋理、PS填充/交互式填充、網(wǎng)狀填充吸管油漆桶
12.交互調(diào)和、輪廓
13.變形、陰影、透明
14.立體字設(shè)計(jì)、扁平投影效果、添加紋理立體字、漸變立體字)
15.封套
16.位圖處理/轉(zhuǎn)換(跟蹤位圖)位圖遮罩/濾鏡效果(卷頁(yè))/效果菜單
17.表格處理/插入條碼、OLE對(duì)象(圖表)/對(duì)象管理器/頁(yè)面設(shè)置、打印
AI模塊:
1.介紹軟件/新建文件設(shè)置/軟件界面認(rèn)識(shí)/文字工具/文字大小改變、旋轉(zhuǎn)、復(fù)制
2.其他格式:制表符、文字屬性復(fù)制輪廓/簡(jiǎn)歷制作
3.選擇工具、基礎(chǔ)繪圖學(xué)習(xí)/顏色填充、漸變工具、吸管工具/錨點(diǎn)編輯工具
4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪刀、群組與復(fù)合路徑、對(duì)齊和分布
5.排列、鎖定、隱藏、路徑查找器(焊接、相交、修剪)、剪切蒙版
6.描邊面板/對(duì)象/路徑/內(nèi)部填充(網(wǎng)格工具、實(shí)時(shí)上色)
7.變形工具/封套扭曲/變換工具
8.畫(huà)筆/符號(hào)/符號(hào)噴槍工具
9.混合工具(帶過(guò),CDR中詳說(shuō))、透明蒙版(結(jié)合剪切蒙版使用)
10.外觀面板、圖形樣式/描邊、外觀的使用/圖層面板(多圖層整理)
11.圖表/位圖轉(zhuǎn)矢量圖/透明度面板(中疊加方式的使用)
12.效果菜單(凸出和斜角、繞轉(zhuǎn)、風(fēng)格化)軟件相互間格式的處理
二、DW
表格切片:認(rèn)識(shí)DW界面、工作區(qū),熟練DW基本操作,學(xué)習(xí)表格,切片DW模塊
框架網(wǎng)頁(yè):掌握超鏈接、錨鏈接、富媒體、框架網(wǎng)頁(yè)、浮動(dòng)框架的使用,建立簡(jiǎn)單的傳統(tǒng)網(wǎng)頁(yè)站點(diǎn)
html+css:學(xué)習(xí)CSS三種嵌入形式、選擇符、盒模型、浮動(dòng)等,熟悉頁(yè)面布局方法
盒模型:html+css:項(xiàng)目列表與導(dǎo)航,常用css樣式、css3樣式補(bǔ)充,居中等
橫版網(wǎng)頁(yè):掌握和熟悉橫版網(wǎng)頁(yè)的制作技巧和注意事項(xiàng),讓網(wǎng)站與眾不同
豎版網(wǎng)頁(yè):熟練掌握豎版網(wǎng)站的制作規(guī)范和技巧,不再做網(wǎng)站的“小白”
表單制作:表單,表單創(chuàng)建與表單樣式
下拉菜單:下拉列表,dl、dt、dd下拉效果
卡式選項(xiàng):spry卡式、折疊式、工具提示
JS套用與網(wǎng)站發(fā)布:學(xué)會(huì)如何套用和調(diào)用已有的JS代碼,讓網(wǎng)站妙趣橫生,引人奪目
三、電商研修階段
鉆展廣告位:學(xué)習(xí)廣告圖片的制作步驟,掌握各元素運(yùn)用的方法、種類和規(guī)律,通過(guò)學(xué)習(xí)元素之間的對(duì)比知識(shí),讓廣告圖變得更加高端大氣電商研修階段
直通車廣告圖制作:系統(tǒng)學(xué)習(xí)直通車廣告制作的要點(diǎn)與賣點(diǎn),快速提升作品的商業(yè)價(jià)值與美觀度,讓作品好看又好用
店鋪首頁(yè)/專題頁(yè)制作(初級(jí)):了解和學(xué)習(xí)首頁(yè)專題的作用、種類與制作方法,結(jié)合前后知識(shí),制作首頁(yè)專題banner圖
店鋪首頁(yè)/專題頁(yè)制作(中級(jí)):掌握“設(shè)計(jì)輪”創(chuàng)意法則,學(xué)會(huì)觀察與處理畫(huà)面細(xì)節(jié),文字排版快速傳遞信息,讓首頁(yè)專題更高端、有逼格
店鋪首頁(yè)/專題頁(yè)制作():建立系統(tǒng)化檢查標(biāo)準(zhǔn),掌握動(dòng)靜物體修飾和美化的制作方法,學(xué)習(xí)電商設(shè)計(jì)師制作立體字,讓產(chǎn)品更有質(zhì)感、更值得信賴
移動(dòng)端首頁(yè)制作:掌握淘寶移動(dòng)端店鋪首頁(yè)(手機(jī)、APP店鋪首頁(yè))制作方法與規(guī)則
詳情頁(yè):了解和學(xué)習(xí)淘寶產(chǎn)品詳情頁(yè)的制作框架與注意事項(xiàng),欣賞大量案例,學(xué)習(xí)過(guò)程中不斷改進(jìn),讓詳情頁(yè)帶動(dòng)產(chǎn)品銷量
畢業(yè)設(shè)計(jì):學(xué)習(xí)與掌握店鋪招牌的種類與制作方法,同時(shí)開(kāi)始研修階段的畢業(yè)設(shè)計(jì),鑒賞大量電商行業(yè)的案例。后分享畢業(yè)設(shè)計(jì),鍛煉表達(dá)能力,為面試打好基礎(chǔ)
店鋪裝修:掌握淘寶店鋪的裝修方法,讓店鋪“動(dòng)”起來(lái)
四、UI研修階段
原型設(shè)計(jì):學(xué)習(xí)Axure軟件,了解UI設(shè)計(jì)前期原型設(shè)計(jì)的流程,具體圍繞網(wǎng)頁(yè)的原型設(shè)計(jì)與軟件的原型設(shè)計(jì)。并講解頁(yè)面之間的跳轉(zhuǎn)、交互狀態(tài)效果UI研修階段
交互設(shè)計(jì):
學(xué)習(xí)Axure軟件,了解動(dòng)效設(shè)計(jì),例如下拉彈出菜單,輪播圖的展示,音樂(lè)播放器的時(shí)間線效果等
學(xué)習(xí)交互設(shè)計(jì)文檔的制作,集合整體框架內(nèi)容,注明頁(yè)面跳轉(zhuǎn)層級(jí),與涉及到各種交互狀態(tài)的說(shuō)明
用戶體驗(yàn):了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開(kāi)發(fā),到后期的設(shè)計(jì)。學(xué)習(xí)在功能上、設(shè)計(jì)上如何提高用戶體驗(yàn)
網(wǎng)頁(yè)設(shè)計(jì)鑒賞與規(guī)范:
了解網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)、設(shè)計(jì)流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對(duì)網(wǎng)頁(yè)設(shè)計(jì)的要求。關(guān)注時(shí)下流行的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格UI研修階段
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)規(guī)范,柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范,網(wǎng)絡(luò)廣告設(shè)計(jì)講解
各類網(wǎng)站的設(shè)計(jì)學(xué)習(xí):
學(xué)習(xí)網(wǎng)頁(yè)界面的色彩搭配。掌握各種頁(yè)面導(dǎo)航與按鈕的設(shè)計(jì)法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計(jì)方式
了解網(wǎng)頁(yè)中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握光影學(xué)。加強(qiáng)創(chuàng)意構(gòu)圖的設(shè)計(jì)形式
了解表單的設(shè)計(jì)與用戶體驗(yàn)的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁(yè)面設(shè)計(jì)的布局、模式與方法。鍛煉學(xué)生在設(shè)計(jì)頁(yè)面的同時(shí)符合SEO的設(shè)計(jì)規(guī)范
手機(jī)主題設(shè)計(jì):
了解移動(dòng)端界面設(shè)計(jì)的發(fā)展趨勢(shì)。移動(dòng)端設(shè)計(jì)與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計(jì)法則與風(fēng)格UI研修階段
了解圖標(biāo)的設(shè)計(jì)分類與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力
了解圖標(biāo)設(shè)計(jì)中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢(shì)。重點(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è)計(jì)與圖標(biāo)的迭代更新
產(chǎn)品APP研發(fā):
了解產(chǎn)品開(kāi)發(fā)流程,從前期的PRD到思維導(dǎo)圖,低保真到高保真的具體工作流程。學(xué)習(xí)IOS端的設(shè)計(jì)規(guī)范UI研修階段
了解APP的安卓端設(shè)計(jì)規(guī)范。系統(tǒng)學(xué)習(xí)APP中主要頁(yè)面的各種設(shè)計(jì)形式與規(guī)則方法
通過(guò)實(shí)戰(zhàn),以分組的形式開(kāi)發(fā)一個(gè)產(chǎn)品。從需求整理到調(diào)研,再到數(shù)據(jù)整合。終完成基本的原型設(shè)計(jì)與交互文檔
產(chǎn)品APP設(shè)計(jì):
學(xué)習(xí)APP中的啟動(dòng)頁(yè)、引導(dǎo)頁(yè)的界面設(shè)計(jì)形式。重點(diǎn)學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示
學(xué)習(xí)APP中的配色形式與色彩心理學(xué)。系統(tǒng)了解登錄、注冊(cè)頁(yè)面中的用戶體驗(yàn)。還有個(gè)人頁(yè)面的展示設(shè)計(jì)
將APP中的內(nèi)容信息通過(guò)合理的展示方式進(jìn)行表現(xiàn)。學(xué)習(xí)APP中的列表式構(gòu)圖、九宮格、圓心點(diǎn)放射、陳列館、輪播式構(gòu)圖等
了解手機(jī)交互中的熱點(diǎn)區(qū)域,佳按鍵區(qū)等。系統(tǒng)地分析不同終端的適配法則
系統(tǒng)講解IOS端、安卓的切圖原則。了解兩個(gè)不同終端的切圖方式與不同點(diǎn)。學(xué)習(xí)markman軟件對(duì)APP的注釋方法
微信端:
掌握微信平臺(tái)的公眾號(hào)運(yùn)營(yíng)與要求UI研修階段
五、崗前就業(yè)課
網(wǎng)絡(luò)傳媒廣告策劃與設(shè)計(jì)實(shí)戰(zhàn):
以實(shí)戰(zhàn)的形式讓學(xué)生完成整個(gè)項(xiàng)目的全部設(shè)計(jì)與制作從談單,到市場(chǎng)調(diào)研、數(shù)據(jù)分析、需求整理。大體報(bào)價(jià)開(kāi)始。后確定提案后,提交競(jìng)標(biāo)崗前就業(yè)課
項(xiàng)目?jī)?nèi)容網(wǎng)頁(yè)版的宣傳規(guī)劃與設(shè)計(jì)制作
以網(wǎng)頁(yè)版為標(biāo)準(zhǔn),設(shè)計(jì)移動(dòng)端的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)與微信公眾號(hào)界面設(shè)計(jì)
衍生項(xiàng)目類別的APP設(shè)計(jì),基本原型基礎(chǔ)頁(yè)面設(shè)計(jì)制作
鍛煉講解方案的能力,掌握給客戶講解方案時(shí)需要的要點(diǎn),領(lǐng)略簡(jiǎn)潔、提煉核心的講解技巧
技能加強(qiáng):
通過(guò)全面項(xiàng)目鍛煉硬件界面設(shè)計(jì),例如:applewatch、數(shù)字電視界面、汽車導(dǎo)航界面、智能家具界面等崗前就業(yè)課
學(xué)習(xí)AFTEREFFECTS的動(dòng)效制作、基本的手機(jī)概念動(dòng)畫(huà)設(shè)計(jì)效果
學(xué)習(xí)拓展:
了解網(wǎng)絡(luò)營(yíng)銷相關(guān)知識(shí),探索營(yíng)銷策略,互聯(lián)網(wǎng)的廣告模式等崗前就業(yè)課
應(yīng)聘簡(jiǎn)歷,作品收集,面試技巧,行業(yè)了解,行業(yè)發(fā)展方向,職位選擇
六、素養(yǎng)訓(xùn)練階段
素質(zhì)訓(xùn)練階段重點(diǎn)培養(yǎng)演講表達(dá)能力、團(tuán)隊(duì)協(xié)作精神、執(zhí)行能力,把學(xué)員打造成專業(yè)技能過(guò)硬,心態(tài)陽(yáng)光,職業(yè)素養(yǎng)好的設(shè)計(jì)人才,讓學(xué)員快速成長(zhǎng)。
【作品展示】
【就業(yè)前景】
當(dāng)前我國(guó)移動(dòng)互聯(lián)網(wǎng)等新興互聯(lián)網(wǎng)產(chǎn)業(yè)進(jìn)入了高速發(fā)展的階段,產(chǎn)業(yè)規(guī)模不斷擴(kuò)大,增速飛快,用戶體驗(yàn)至上的時(shí)代已經(jīng)來(lái)臨。隨著技術(shù)領(lǐng)域的逐步拓展,產(chǎn)品生產(chǎn)的人性化意識(shí)日趨增強(qiáng),用戶界面設(shè)計(jì)師(即UI設(shè)計(jì)師)也成為了人才市場(chǎng)上十分緊俏的職業(yè)。需要招聘該類型人才的企業(yè)不僅僅局限于移動(dòng)互聯(lián)網(wǎng)企業(yè),越來(lái)越多的企業(yè)開(kāi)始注重交互設(shè)計(jì)、用戶測(cè)試方面的投入,如金融、交通、零售等一些行業(yè)均需要該類型設(shè)計(jì)人才。
【師資介紹】
李老師
UI講師/電商講師
4年設(shè)計(jì)工作經(jīng)驗(yàn) 4年教學(xué)經(jīng)驗(yàn)
設(shè)計(jì)經(jīng)驗(yàn):擁有用戶界面(UI)設(shè)計(jì)師證書(shū),曾任職紅星美凱龍家具設(shè)計(jì)師,重慶達(dá)渝仁科技有限公司項(xiàng)目經(jīng)理和重慶九號(hào)科技產(chǎn)品原創(chuàng)經(jīng)理,負(fù)責(zé)四面山官網(wǎng)平臺(tái)、九號(hào)科技官網(wǎng)、分體式插座產(chǎn)品專利等設(shè)計(jì)項(xiàng)目。
教學(xué)理念:再長(zhǎng)的路,一步步也能走完;再短的路,不邁開(kāi)雙腳也無(wú)法到達(dá)。
【學(xué)校環(huán)境】
94%滿意度
天琥教育
綜合
環(huán)境 : 4.7師資 : 4.7教學(xué) : 4.7