【課程內(nèi)容】
1、美術(shù)素養(yǎng):設(shè)計(jì)素描、設(shè)計(jì)色彩、三大構(gòu)成、速寫(xiě)訓(xùn)練、色彩配色設(shè)計(jì)原理、色彩臨摹、視覺(jué)分割原理、GUI圖標(biāo)手繪、Web界面手繪、移動(dòng)端手繪
2、UI設(shè)計(jì)概論:平面設(shè)計(jì)基礎(chǔ)、版式設(shè)計(jì)、配色設(shè)計(jì)、圖形創(chuàng)意、VI設(shè)計(jì)、品牌策劃、印刷基礎(chǔ)知識(shí)、平面設(shè)計(jì)工作流程、網(wǎng)站建設(shè)基礎(chǔ)知識(shí)、網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)知識(shí)、站點(diǎn)規(guī)劃及設(shè)計(jì)理論、網(wǎng)頁(yè)版式設(shè)計(jì)與布局、移動(dòng)終端設(shè)計(jì)概論、扁平化設(shè)計(jì)理論、思維導(dǎo)圖、信息可視化設(shè)計(jì)、智能手機(jī)APP界面設(shè)計(jì)、交互式原型設(shè)計(jì)、交互式動(dòng)效設(shè)計(jì)、UE用戶體驗(yàn)研究
3、軟件特訓(xùn):Photoshop、CorelDraw、Illustrator、Dreamweaver(HTML,CSS+DIV,JavaScript)、Flash、Axure RP
4、GUI設(shè)計(jì):商業(yè)標(biāo)志、卡通形象、字體、宣傳單(冊(cè))、海報(bào)、企業(yè)形象VI、產(chǎn)品包裝
5、WUI設(shè)計(jì):HTML語(yǔ)言、CSS+DIV網(wǎng)頁(yè)布局與美化、JavaScript、6、網(wǎng)站界面設(shè)計(jì)、網(wǎng)站宣傳品設(shè)計(jì)、網(wǎng)頁(yè)樣式與布局
7、MUI設(shè)計(jì):圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)、信息可視化設(shè)計(jì)、思維導(dǎo)圖、移動(dòng)平臺(tái)圖標(biāo)設(shè)計(jì)、APP界面設(shè)計(jì)、可穿戴設(shè)備設(shè)計(jì)、多風(fēng)格多類(lèi)型界面設(shè)計(jì)
8、商業(yè)案例演練:商業(yè)標(biāo)志、卡通形象、字體、DM傳單、商業(yè)海報(bào)、企業(yè)形象VI、產(chǎn)品包裝、Web界面設(shè)計(jì)、Web網(wǎng)頁(yè)布局與美化、APP圖標(biāo)、APP界面、移動(dòng)APP頁(yè)面布局、APP動(dòng)效實(shí)訓(xùn)
【課程安排】
1、設(shè)計(jì)基礎(chǔ)
講解三大構(gòu)成(平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成)介紹UI設(shè)計(jì)主流軟件工具——ai、ps、cdr等工具,具體用途。
2、軟件基礎(chǔ)
Photoshop工具、形狀、蒙版、通道、調(diào)色、濾鏡等難點(diǎn)實(shí)例講解
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è)切片工具
3、軟件基礎(chǔ)
AI軟件工具、講解如何使用、并用AI做移動(dòng)端圖標(biāo)案例
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)格化)軟件相互間格式的處理
4、軟件應(yīng)用
版式設(shè)計(jì)-通過(guò)多個(gè)案例,學(xué)習(xí)版式設(shè)計(jì)基本原理、類(lèi)型。通過(guò)點(diǎn)評(píng)作品,讓學(xué)員快速掌握版式設(shè)計(jì)技巧、原則、規(guī)范。
學(xué)習(xí)廣告圖片的制作步驟,掌握各元素運(yùn)用的方法、種類(lèi)和規(guī)律,通過(guò)學(xué)習(xí)元素之間的對(duì)比知識(shí),讓廣告圖變得更加高端大氣
海報(bào)設(shè)計(jì)-多個(gè)案例實(shí)戰(zhàn)學(xué)習(xí)商業(yè)型、創(chuàng)意型海報(bào)設(shè)計(jì)的法則、規(guī)范、流程
掌握淘寶移動(dòng)端店鋪首頁(yè)(手機(jī)、APP店鋪首頁(yè))制作方法與規(guī)則
了解和學(xué)習(xí)淘寶產(chǎn)品詳情頁(yè)的制作框架與注意事項(xiàng),欣賞大量案例,學(xué)習(xí)過(guò)程中不斷改進(jìn),讓詳情頁(yè)帶動(dòng)產(chǎn)品銷(xiāo)量
5、UI基礎(chǔ)
UI設(shè)計(jì)理論知識(shí),并以Photoshop為例講解如何使用、并用ps做移動(dòng)端圖標(biāo)案例,用多個(gè)軟件相結(jié)合,圖標(biāo),扁平化和擬物化的風(fēng)格icon
了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開(kāi)發(fā),到后期的設(shè)計(jì)。學(xué)習(xí)在功能上、設(shè)計(jì)上如何提高用戶體驗(yàn)
學(xué)習(xí)交互設(shè)計(jì)文檔的制作,集合整體框架內(nèi)容,注明頁(yè)面跳轉(zhuǎn)層級(jí),與涉及到各種交互狀態(tài)的說(shuō)明
6、網(wǎng)頁(yè)界面設(shè)計(jì)
了解網(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)格
學(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ì)形式
熟悉天貓首頁(yè)BANNER廣告位的設(shè)計(jì)風(fēng)格與規(guī)則、學(xué)習(xí)產(chǎn)品詳情頁(yè)結(jié)構(gòu)分析與制作以及設(shè)計(jì)優(yōu)化,掌握產(chǎn)品詳情頁(yè)的制作思路與技巧
7、PC端界面設(shè)計(jì)
PC端ICON圖標(biāo)設(shè)計(jì)繪制 pc客戶端界面設(shè)計(jì)
PC界面設(shè)計(jì)的發(fā)展趨勢(shì)。移動(dòng)端設(shè)計(jì)與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計(jì)法則與風(fēng)格
了解圖標(biāo)的設(shè)計(jì)分類(lèi)與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力
8、移動(dòng)端主題設(shè)計(jì)
ICON設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解,掌握當(dāng)今世界系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能,重點(diǎn)了解各種風(fēng)格的設(shè)計(jì)方法通過(guò)各種風(fēng)格設(shè)計(jì)方法訓(xùn)練,快速掌握不同圖標(biāo)設(shè)計(jì)特征和效果實(shí)現(xiàn)。
布爾運(yùn)算與錨點(diǎn)工具繪制小圖標(biāo)
9、移動(dòng)端主題設(shè)計(jì)
手機(jī)基礎(chǔ)圖標(biāo)風(fēng)格繪制(擬物化、扁平化)
ICON設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解,掌握當(dāng)今世界系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能,重點(diǎn)了解各種風(fēng)格的設(shè)計(jì)方法通過(guò)各種風(fēng)格設(shè)計(jì)方法訓(xùn)練,快速掌握不同圖標(biāo)設(shè)計(jì)特征和效果實(shí)現(xiàn)。
10、移動(dòng)端主題設(shè)計(jì)
了解圖標(biāo)的設(shè)計(jì)分類(lèi)與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力
扁平圖標(biāo)實(shí)訓(xùn)、擬真圖標(biāo)實(shí)訓(xùn)、卡通、復(fù)古、手工、印章,做舊等圖標(biāo)風(fēng)格實(shí)訓(xùn)
設(shè)定主題,獨(dú)立創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式
11、產(chǎn)品APP
Android平臺(tái)的設(shè)計(jì)風(fēng)格,流行趨勢(shì),各種特點(diǎn)和切圖規(guī)范
IOS平臺(tái)上布局規(guī)范設(shè)計(jì),交互體驗(yàn)細(xì)節(jié)設(shè)計(jì),產(chǎn)品屬性設(shè)計(jì)
掌握Android平臺(tái)APP整套全流程:包括結(jié)構(gòu)圖、原型圖、界面設(shè)計(jì)圖與GUI等
12、 產(chǎn)品APP訓(xùn)練
介紹交互原型,能夠高效率制作產(chǎn)品原型了解UE的基本概念,并制作原形交互案例。
掌握Axure RP軟件,通過(guò)項(xiàng)目學(xué)習(xí)和掌握交互設(shè)計(jì)的原理,不同平臺(tái)交互特點(diǎn),了解用戶心理
13、 APP實(shí)戰(zhàn)技巧
學(xué)習(xí)APP中的啟動(dòng)頁(yè)、引導(dǎo)頁(yè)的界面設(shè)計(jì)形式。重點(diǎn)學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示。系統(tǒng)了解登錄、注冊(cè)頁(yè)面中的用戶體驗(yàn)。
14、APP實(shí)戰(zhàn)技巧
通過(guò)實(shí)戰(zhàn),以分組的形式開(kāi)發(fā)一個(gè)產(chǎn)品。從需求整理到調(diào)研,再到數(shù)據(jù)整合。終完成基本的原型設(shè)計(jì)與交互文檔
15、APP實(shí)戰(zhàn)技巧以及前端的了解
制作APP頁(yè)面,設(shè)定主題,獨(dú)立創(chuàng)作一整套系統(tǒng)頁(yè)面。了解UI與前端的關(guān)系
16、APP實(shí)戰(zhàn)技巧
移動(dòng)UI實(shí)戰(zhàn)項(xiàng)目,APP設(shè)計(jì),UI行業(yè)項(xiàng)目應(yīng)用課,筆試技巧,簡(jiǎn)歷的設(shè)計(jì)。
【職業(yè)規(guī)劃】
培養(yǎng)具備UI界面設(shè)計(jì)與制作能力的平面設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師、UI界面設(shè)計(jì)師、網(wǎng)站前端工程師、APP產(chǎn)品界面設(shè)計(jì)師等專(zhuān)業(yè)人才。
【就業(yè)推薦】
各大網(wǎng)絡(luò)公司、廣告公司、文化傳媒公司、其他企業(yè)的設(shè)計(jì)部門(mén)。
【教學(xué)環(huán)境】