鄭州全鏈路UI課程大綱

【課程大綱】

一、1階段 GUI平面設(shè)計(jì)

（一）一周：PS基礎(chǔ)

1、周效果示意

2、周教學(xué)目標(biāo)

學(xué)習(xí)PS軟件基本工具使用；

初步學(xué)習(xí)文字排版；

摳圖以及半透明圖像摳圖；顏色的調(diào)成；

基本的合成操作

3、學(xué)習(xí)內(nèi)容：

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator

ps的基礎(chǔ)操作：移動(dòng)、選擇、套索、魔棒工具介紹，圖層概念的理解

鋼筆工具、矢量形狀工具

文字工具、矢量蒙版、圖層蒙版、快速蒙版、剪切蒙版

調(diào)整顏色、通道原理、通道扣頭發(fā)絲

通道扣透明形狀、調(diào)整邊緣等

4、案例展示

（二）第二周：AI基礎(chǔ)

1、周效果示例

2、周教學(xué)目標(biāo)：

AI基本工具的練習(xí)；字體設(shè)計(jì)方法；基礎(chǔ)插畫(huà)練習(xí)

3、學(xué)習(xí)內(nèi)容：

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator

AI基本工具的講解

圖形運(yùn)算

顏色使用、造型比例的把握

字形設(shè)計(jì)、字義設(shè)計(jì)

4、案例展示

（三）第三周：平面物料

1、周效果示例

2、周教學(xué)目標(biāo)：

logo設(shè)計(jì)的理論知識(shí)；海報(bào)設(shè)計(jì)中注意事項(xiàng)；版式設(shè)計(jì)的理論知識(shí)；展架設(shè)計(jì)

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator

視覺(jué)識(shí)別系統(tǒng)介紹、標(biāo)志設(shè)計(jì)

版式設(shè)計(jì)原則、海報(bào)臨摹、版式設(shè)計(jì)平衡感、海報(bào)設(shè)計(jì)

視覺(jué)心理引導(dǎo)線、展架設(shè)計(jì)

4、案例展示

（四）第四周：VI提案

1、周效果示例

2、周教學(xué)目標(biāo)

折頁(yè)設(shè)計(jì)；名片設(shè)計(jì)；單頁(yè)設(shè)計(jì)；VI手冊(cè)

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator

版式設(shè)計(jì)中注意事項(xiàng)、折頁(yè)設(shè)計(jì)

折頁(yè)動(dòng)作、PS動(dòng)畫(huà)、印刷工藝、名片設(shè)計(jì)注意事項(xiàng)

設(shè)計(jì)單頁(yè)的注意事項(xiàng)以及印刷規(guī)法

vi手冊(cè)的詳解，貼圖的使用

階段項(xiàng)目實(shí)現(xiàn)

4、案例展示

二、第二階段：Web網(wǎng)頁(yè)設(shè)計(jì)

（五）第五周：Web

1、周效果示例

2、周教學(xué)目標(biāo)

主流網(wǎng)站的設(shè)計(jì)風(fēng)格分析；網(wǎng)站設(shè)計(jì)規(guī)范，企業(yè)站首頁(yè)風(fēng)格確定，制定網(wǎng)站視覺(jué)設(shè)計(jì)規(guī)范；網(wǎng)頁(yè)設(shè)計(jì)線框圖的繪制以及頁(yè)面的實(shí)現(xiàn)

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

網(wǎng)頁(yè)設(shè)計(jì)的具體注意練習(xí)

頁(yè)面整體的把握、信息的劃分

企業(yè)頁(yè)面的實(shí)現(xiàn)，顏色、風(fēng)格的確定

4、案例展示

（六）第六周：HTML+CSS

1、周效果示例

2、周教學(xué)目標(biāo)

W3C標(biāo)準(zhǔn)的網(wǎng)頁(yè)結(jié)構(gòu)認(rèn)知；CSS樣式表現(xiàn)以及高級(jí)技巧， HTML5以及css3；基本排版出符合規(guī)范的靜態(tài)頁(yè)面。可以完成整站設(shè)計(jì)師的工作。

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

開(kāi)發(fā)工具的介紹，常見(jiàn)標(biāo)簽，相關(guān)命名的規(guī)則

CSS樣式的使用，CSS文本使用、背景屬性、塊屬性

CSS選擇器使用

網(wǎng)頁(yè)基本布局

CSS邊框樣式，邊界值，填充值運(yùn)用

4、案例展示

三、第三階段：電商設(shè)計(jì)

（七）第七周：產(chǎn)品修圖+運(yùn)營(yíng)banner

1、周效果示例

2、周教學(xué)目標(biāo)

掌握電商產(chǎn)品精修方法；學(xué)習(xí)ps人像精修方法；學(xué)習(xí)制作banner圖

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

金屬、玻璃等質(zhì)感圖片精修，ps修圖工具的使用

磨皮方法、中性灰人像精修，通道修圖

設(shè)計(jì)具有商業(yè)價(jià)值的Banner

4、案例展示

（八）第八周：電商設(shè)計(jì)

1、周效果示例

2、周教學(xué)目標(biāo)

電商頁(yè)面的規(guī)范的應(yīng)用；使用軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)制作以及設(shè)計(jì)思維的開(kāi)發(fā)；主圖、店鋪裝修、詳情頁(yè)面、專題頁(yè)面等設(shè)計(jì)制作。

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

電商首頁(yè)的設(shè)計(jì)布局原理，流行風(fēng)格分析，首頁(yè)練習(xí)

電商詳情頁(yè)設(shè)計(jì)布局原理，版式設(shè)計(jì)技巧，詳情頁(yè)練習(xí)

店鋪活動(dòng)頁(yè)面設(shè)計(jì)

4、案例展示

（九）第九周：模型搭建+渲染

1、周效果示例

2、周教學(xué)目標(biāo)

基本模型的搭建；場(chǎng)景的的搭建；模型渲染

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

C4D界面的認(rèn)識(shí)，視圖的基本操作，參數(shù)化幾何體的認(rèn)識(shí)

參數(shù)化樣條的認(rèn)識(shí)，造型工具的學(xué)習(xí)

多邊形建模

燈光的認(rèn)識(shí)，材質(zhì)的學(xué)習(xí)

4、案例展示

（十）第十周：PR剪輯

1、周效果示例

2、周教學(xué)目標(biāo)

能完成基本的動(dòng)畫(huà)，完成色彩校正、效果添加及轉(zhuǎn)場(chǎng)添加等，添加字幕，和處理字幕中常見(jiàn)問(wèn)題等

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)的知識(shí)點(diǎn)：Photoshop、Illustrator、Dreamweaver

工作界面+素材導(dǎo)入+操作快捷鍵講解

掌握剪輯中常用功能，完成基本的剪輯

進(jìn)行視頻剪輯，從中分析剪輯點(diǎn)、動(dòng)作銜接、情感表達(dá)等各種剪輯知識(shí)

4、案例展示

四、第四階段：移動(dòng)界面設(shè)計(jì)

（十一）第十一周：原型圖設(shè)計(jì)

1、周效果示例

2、周教學(xué)目標(biāo)

Axure產(chǎn)品設(shè)計(jì)軟件基本操作，結(jié)合項(xiàng)目學(xué)習(xí)交互設(shè)計(jì)的原理。了解用戶心理培養(yǎng)產(chǎn)品經(jīng)理思維，提升講解方案的能力；學(xué)習(xí)與客戶講解方案時(shí)溝通的要點(diǎn)；通過(guò)項(xiàng)目實(shí)訓(xùn)，可獨(dú)立設(shè)計(jì)APP高精原型圖

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)知識(shí)點(diǎn)：Photoshop、Illustrator、axure、墨刀、XMind、XD、藍(lán)湖

banner切換

下拉菜單、縱向菜單

登錄狀態(tài)、滑動(dòng)驗(yàn)證

墨刀的認(rèn)識(shí)

產(chǎn)品原型圖的設(shè)計(jì)和搭建

4、案例展示

（十二）第十二周：APP設(shè)計(jì)

1、周效果示例

2、周教學(xué)目標(biāo)

不同平臺(tái)設(shè)計(jì)規(guī)范的認(rèn)識(shí)，做好不同尺寸產(chǎn)品的適配；學(xué)習(xí)XD的軟件，根據(jù)原型圖設(shè)計(jì)出效果圖；通過(guò)項(xiàng)目實(shí)訓(xùn)，可獨(dú)立設(shè)計(jì)APP，通過(guò)藍(lán)湖實(shí)現(xiàn)多人共享

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)知識(shí)點(diǎn)：Photoshop、Illustrator、axure、墨刀、XMind、XD、藍(lán)湖

信息機(jī)構(gòu)框架圖

競(jìng)品分析中功能點(diǎn)分析

注冊(cè)方式介紹、微信流程圖

使用XD搭建設(shè)計(jì)圖

使用藍(lán)湖實(shí)現(xiàn)產(chǎn)品共享

4、案例展示

五、第五階段：動(dòng)效和基礎(chǔ)模型

（十三）第十三周

1、周效果示例

2、周教學(xué)目標(biāo)

學(xué)習(xí)AE軟件基礎(chǔ)，使用ae做出簡(jiǎn)單動(dòng)效

3、學(xué)習(xí)內(nèi)容

對(duì)應(yīng)知識(shí)點(diǎn)： After Effects

ae軟件基礎(chǔ)操作

案例練習(xí)

4、案例展示

【學(xué)校背景】

鄭州市華人職業(yè)培訓(xùn)學(xué)校（華人教育機(jī)構(gòu)）創(chuàng)建于1996年，位于鄭州市。學(xué)校是集開(kāi)放式高等教育、國(guó)家職業(yè)技能鑒定、國(guó)際IT認(rèn)證等為一體的國(guó)際知名教育機(jī)構(gòu)。

【教學(xué)模式】

學(xué)校面向全國(guó)常年招收職專及初、高中畢業(yè)生，采取免試入學(xué)、寬進(jìn)嚴(yán)出、封閉式管理的教學(xué)模式，為學(xué)生取得國(guó)家承認(rèn)的高等學(xué)歷證書(shū)和高級(jí)電腦職業(yè)技能提供了學(xué)習(xí)平臺(tái)。

【教學(xué)目標(biāo)】

學(xué)校統(tǒng)一采用國(guó)家教育部指定的教材和課程計(jì)劃，為因一次中考和高考失利或其他因素沒(méi)有上大學(xué)的學(xué)生提供再深造的機(jī)會(huì)。幾年來(lái)共培養(yǎng)電腦職業(yè)技能人才數(shù)萬(wàn)名，有案可查。為立志成才的廣大青年完成了他們既能“讀大學(xué)拿學(xué)歷”，又要能“學(xué)技能拿高薪”實(shí)現(xiàn)自身價(jià)值的夢(mèng)想。

【學(xué)校榮譽(yù)】

幾年來(lái)我校被國(guó)家教育相關(guān)部門(mén)和權(quán)威媒體連續(xù)評(píng)為“先進(jìn)辦學(xué)單位”“河南省唯 一大中專畢業(yè)生特訓(xùn)強(qiáng)化就業(yè)基地”。

【學(xué)校理念】

華人教育秉承“才華與人品齊飛，學(xué)業(yè)與就業(yè)同步”的教學(xué)理念，恪守誠(chéng)信育人的教學(xué)宗旨，受到了家長(zhǎng)和學(xué)生的歡迎，得到了社會(huì)各界的一致認(rèn)可和業(yè)界同仁的好評(píng)，為河南省的建設(shè)和教育事業(yè)作出了突出的貢獻(xiàn)。

【學(xué)校環(huán)境】