【課程內(nèi)容】
1、美術(shù)素養(yǎng):設(shè)計素描、設(shè)計色彩、三大構(gòu)成、速寫訓練、色彩配色設(shè)計原理、色彩臨摹、視覺分割原理、GUI圖標手繪、Web界面手繪、移動端手繪
2、UI設(shè)計概論:平面設(shè)計基礎(chǔ)、版式設(shè)計、配色設(shè)計、圖形創(chuàng)意、VI設(shè)計、品牌策劃、印刷基礎(chǔ)知識、平面設(shè)計工作流程、網(wǎng)站建設(shè)基礎(chǔ)知識、網(wǎng)頁設(shè)計制作基礎(chǔ)知識、站點規(guī)劃及設(shè)計理論、網(wǎng)頁版式設(shè)計與布局、移動終端設(shè)計概論、扁平化設(shè)計理論、思維導圖、信息可視化設(shè)計、智能手機APP界面設(shè)計、交互式原型設(shè)計、交互式動效設(shè)計、UE用戶體驗研究
3、軟件特訓:Photoshop、CorelDraw、Illustrator、Dreamweaver(HTML,CSS+DIV,JavaScript)、Flash、Axure RP
4、GUI設(shè)計:商業(yè)標志、卡通形象、字體、宣傳單(冊)、海報、企業(yè)形象VI、產(chǎn)品包裝
5、WUI設(shè)計:HTML語言、CSS+DIV網(wǎng)頁布局與美化、JavaScript、6、網(wǎng)站界面設(shè)計、網(wǎng)站宣傳品設(shè)計、網(wǎng)頁樣式與布局
7、MUI設(shè)計:圖標設(shè)計、字體設(shè)計、信息可視化設(shè)計、思維導圖、移動平臺圖標設(shè)計、APP界面設(shè)計、可穿戴設(shè)備設(shè)計、多風格多類型界面設(shè)計
8、商業(yè)案例演練:商業(yè)標志、卡通形象、字體、DM傳單、商業(yè)海報、企業(yè)形象VI、產(chǎn)品包裝、Web界面設(shè)計、Web網(wǎng)頁布局與美化、APP圖標、APP界面、移動APP頁面布局、APP動效實訓
【課程安排】
1、設(shè)計基礎(chǔ)
講解三大構(gòu)成(平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成)介紹UI設(shè)計主流軟件工具——ai、ps、cdr等工具,具體用途。
2、軟件基礎(chǔ)
Photoshop工具、形狀、蒙版、通道、調(diào)色、濾鏡等難點實例講解
1)介紹軟件(應(yīng)用領(lǐng)域、優(yōu)勢)/軟件界面與設(shè)置/視圖縮放與移動/選擇工具/屏幕顯示模式/包裝效果圖選區(qū)自由變換、自由變形/保存格式
2)文字(文字海報)/形狀工具(繪制簡單形狀)/填充(前景色、背景色)
3)色階,曲線,亮度對比度等/色彩平衡,色相飽和度,可選顏色等/畫布、圖像大小調(diào)整/鋼筆工具/選區(qū)(選區(qū)工具)等
4)消失點,液化,仿制源/銳化、模糊工具/加深、減淡工具,/漸變工具、.吸管工具/色彩知識(色彩搭配訓練
5)橡皮擦/圖層蒙版/套索,魔棒 /快速蒙版/抽出/調(diào)整邊緣
6)鋼筆工具/色彩范圍 /通道/攝影藝術(shù)介紹
7)剪切蒙版/圖層混合模式
8)濾鏡(上)風格化,像素化,模糊,水墨等藝術(shù)效果/智能濾鏡
9)濾鏡(下)扭曲,渲染
10)圖層樣式內(nèi)陰影,斜面與浮雕,顏色,漸變,圖案疊加
11)UI介紹/網(wǎng)頁設(shè)計基礎(chǔ)/網(wǎng)頁banner的設(shè)計/網(wǎng)頁切片工具
3、軟件基礎(chǔ)
AI軟件工具、講解如何使用、并用AI做移動端圖標案例
1)介紹軟件/新建文件設(shè)置/軟件界面認識/文字工具/文字大小改變、旋轉(zhuǎn)、復制
2)其他格式:制表符、文字屬性復制輪廓/簡歷制作
3)選擇工具、基礎(chǔ)繪圖學習/顏色填充、漸變工具、吸管工具/錨點編輯工具
4)鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪刀、群組與復合路徑、對齊和分布
5)排列、鎖定、隱藏、路徑查找器(焊接、相交、修剪)、剪切蒙版
6)描邊面板/對象/路徑/內(nèi)部填充(網(wǎng)格工具、實時上色
7)變形工具/封套扭曲/變換工具
8)畫筆/符號/符號噴槍工具
9)混合工具(帶過,CDR中詳說)、透明蒙版(結(jié)合剪切蒙版使用)
10)外觀面板、圖形樣式/描邊、外觀的使用/圖層面板(多圖層整理)
11)圖表/位圖轉(zhuǎn)矢量圖/透明度面板(中疊加方式的使用)
12)效果菜單(凸出和斜角、繞轉(zhuǎn)、風格化)軟件相互間格式的處理
4、軟件應(yīng)用
版式設(shè)計-通過多個案例,學習版式設(shè)計基本原理、類型。通過點評作品,讓學員快速掌握版式設(shè)計技巧、原則、規(guī)范。
學習廣告圖片的制作步驟,掌握各元素運用的方法、種類和規(guī)律,通過學習元素之間的對比知識,讓廣告圖變得更加高端大氣
海報設(shè)計-多個案例實戰(zhàn)學習商業(yè)型、創(chuàng)意型海報設(shè)計的法則、規(guī)范、流程
掌握淘寶移動端店鋪首頁(手機、APP店鋪首頁)制作方法與規(guī)則
了解和學習淘寶產(chǎn)品詳情頁的制作框架與注意事項,欣賞大量案例,學習過程中不斷改進,讓詳情頁帶動產(chǎn)品銷量
5、UI基礎(chǔ)
UI設(shè)計理論知識,并以Photoshop為例講解如何使用、并用ps做移動端圖標案例,用多個軟件相結(jié)合,圖標,扁平化和擬物化的風格icon
了解用戶體驗的重要性。從前期產(chǎn)品的開發(fā),到后期的設(shè)計。學習在功能上、設(shè)計上如何提高用戶體驗
學習交互設(shè)計文檔的制作,集合整體框架內(nèi)容,注明頁面跳轉(zhuǎn)層級,與涉及到各種交互狀態(tài)的說明
6、網(wǎng)頁界面設(shè)計
了解網(wǎng)頁設(shè)計的趨勢、設(shè)計流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對網(wǎng)頁設(shè)計的要求。關(guān)注時下流行的網(wǎng)頁設(shè)計風格
學習網(wǎng)頁界面的色彩搭配。掌握各種頁面導航與按鈕的設(shè)計法則。系統(tǒng)學習廣告banner的設(shè)計方式
了解網(wǎng)頁中的瀑布流、通欄、F式布局等。學習掌握光影學。加強創(chuàng)意構(gòu)圖的設(shè)計形式
熟悉天貓首頁BANNER廣告位的設(shè)計風格與規(guī)則、學習產(chǎn)品詳情頁結(jié)構(gòu)分析與制作以及設(shè)計優(yōu)化,掌握產(chǎn)品詳情頁的制作思路與技巧
7、PC端界面設(shè)計
PC端ICON圖標設(shè)計繪制 pc客戶端界面設(shè)計
PC界面設(shè)計的發(fā)展趨勢。移動端設(shè)計與PC端中的不同點。分塊講解不同系統(tǒng)、不同品牌機的不同設(shè)計法則與風格
了解圖標的設(shè)計分類與不同系統(tǒng)操作平臺中的圖標設(shè)計規(guī)范。鍛煉布爾運算與圖形造型。提高繪制圖形能力
8、移動端主題設(shè)計
ICON設(shè)計基本流程與設(shè)計規(guī)范的概念性講解,掌握當今世界系統(tǒng)的UI界面圖標設(shè)計技能,重點了解各種風格的設(shè)計方法通過各種風格設(shè)計方法訓練,快速掌握不同圖標設(shè)計特征和效果實現(xiàn)。
布爾運算與錨點工具繪制小圖標
9、移動端主題設(shè)計
手機基礎(chǔ)圖標風格繪制(擬物化、扁平化)
ICON設(shè)計基本流程與設(shè)計規(guī)范的概念性講解,掌握當今世界系統(tǒng)的UI界面圖標設(shè)計技能,重點了解各種風格的設(shè)計方法通過各種風格設(shè)計方法訓練,快速掌握不同圖標設(shè)計特征和效果實現(xiàn)。
10、移動端主題設(shè)計
了解圖標的設(shè)計分類與不同系統(tǒng)操作平臺中的圖標設(shè)計規(guī)范。鍛煉布爾運算與圖形造型。提高繪制圖形能力
扁平圖標實訓、擬真圖標實訓、卡通、復古、手工、印章,做舊等圖標風格實訓
設(shè)定主題,獨立創(chuàng)作一整套的系統(tǒng)圖標。學習主題風格的統(tǒng)一化與衍生方式
11、產(chǎn)品APP
Android平臺的設(shè)計風格,流行趨勢,各種特點和切圖規(guī)范
IOS平臺上布局規(guī)范設(shè)計,交互體驗細節(jié)設(shè)計,產(chǎn)品屬性設(shè)計
掌握Android平臺APP整套全流程:包括結(jié)構(gòu)圖、原型圖、界面設(shè)計圖與GUI等
12、 產(chǎn)品APP訓練
介紹交互原型,能夠高效率制作產(chǎn)品原型了解UE的基本概念,并制作原形交互案例。
掌握Axure RP軟件,通過項目學習和掌握交互設(shè)計的原理,不同平臺交互特點,了解用戶心理
13、 APP實戰(zhàn)技巧
學習APP中的啟動頁、引導頁的界面設(shè)計形式。重點學習歸納產(chǎn)品的主要功能進行引導展示。系統(tǒng)了解登錄、注冊頁面中的用戶體驗。
14、APP實戰(zhàn)技巧
通過實戰(zhàn),以分組的形式開發(fā)一個產(chǎn)品。從需求整理到調(diào)研,再到數(shù)據(jù)整合。終完成基本的原型設(shè)計與交互文檔
15、APP實戰(zhàn)技巧以及前端的了解
制作APP頁面,設(shè)定主題,獨立創(chuàng)作一整套系統(tǒng)頁面。了解UI與前端的關(guān)系
16、APP實戰(zhàn)技巧
移動UI實戰(zhàn)項目,APP設(shè)計,UI行業(yè)項目應(yīng)用課,筆試技巧,簡歷的設(shè)計。
【職業(yè)規(guī)劃】
培養(yǎng)具備UI界面設(shè)計與制作能力的平面設(shè)計師、網(wǎng)頁設(shè)計師、UI界面設(shè)計師、網(wǎng)站前端工程師、APP產(chǎn)品界面設(shè)計師等專業(yè)人才。
【就業(yè)推薦】
各大網(wǎng)絡(luò)公司、廣告公司、文化傳媒公司、其他企業(yè)的設(shè)計部門。
【教學環(huán)境】