課程介紹

做復(fù)合型的網(wǎng)頁(yè)設(shè)計(jì)人才拒絕平庸，拓寬職業(yè)道路

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

教學(xué)大綱

• 1.1 創(chuàng)意美術(shù)

  美術(shù)素描含透視原理、速寫等

  美術(shù)色彩包括配色原理、水粉等

  手繪二維圖標(biāo)、三維寫實(shí)圖標(biāo)等

  設(shè)計(jì)構(gòu)成的表現(xiàn)技巧色彩三要素等

• 1.2 GUI設(shè)計(jì)軟件

  Photoshop軟件的基礎(chǔ)操作

  PS海報(bào)創(chuàng)意、網(wǎng)頁(yè)設(shè)計(jì)等高級(jí)技巧

  Illustrator軟件的基礎(chǔ)操作

  AI折頁(yè)版式、包裝等高級(jí)技巧

  階段考核

• 1.3 三維元素設(shè)計(jì)

  基礎(chǔ)建模

  燈光與材質(zhì)

  三維海報(bào)效果設(shè)計(jì)

  綜合商業(yè)案例講解

  綜合設(shè)計(jì)技巧的運(yùn)用

  階段考核

• 2.1 BANNER創(chuàng)意設(shè)計(jì)

  不同類型和風(fēng)格的Banner設(shè)計(jì)

  網(wǎng)頁(yè)文本規(guī)范，尺寸規(guī)范

  Banner的組成元素及注意事項(xiàng)

  版面布局及排版技巧

  原創(chuàng)Banner設(shè)計(jì)

• 2.2 企業(yè)整站項(xiàng)目實(shí)戰(zhàn)

  網(wǎng)站設(shè)計(jì)流程

  需求分析、欄目規(guī)劃、用戶體驗(yàn)

  繪制網(wǎng)頁(yè)原型圖

  設(shè)計(jì)企業(yè)站相關(guān)頁(yè)面樣稿

  響應(yīng)式網(wǎng)站設(shè)計(jì)

  ADOBE XD交互動(dòng)效制作

• 2.3 電商風(fēng)格項(xiàng)目實(shí)戰(zhàn)

  當(dāng)下電商網(wǎng)頁(yè)設(shè)計(jì)分析

  電商產(chǎn)品選圖技巧

  文案錯(cuò)位技巧和凸顯文案的方法

  國(guó)風(fēng)、擬物風(fēng)電商首頁(yè)設(shè)計(jì)

  電商詳情頁(yè)設(shè)計(jì)

• 2.4 專題頁(yè)項(xiàng)目實(shí)戰(zhàn)

  解析專題頁(yè)設(shè)計(jì)奧妙

  設(shè)計(jì)表現(xiàn)手法技巧

  構(gòu)造空間層次，強(qiáng)化網(wǎng)頁(yè)細(xì)節(jié)

  堆砌素材的注意事項(xiàng)

  流行風(fēng)格的專題頁(yè)設(shè)計(jì)

• 2.5 移動(dòng)端設(shè)計(jì)及H5

  移動(dòng)端項(xiàng)目介紹，頁(yè)面設(shè)計(jì)流程、要點(diǎn)及設(shè)計(jì)規(guī)范

  案例分析：微信H6移動(dòng)端主題頁(yè)面設(shè)計(jì)的規(guī)范、風(fēng)格、定位

  設(shè)計(jì)手法：移動(dòng)端主題頁(yè)設(shè)計(jì)的技巧，結(jié)合整站做拓展設(shè)計(jì)和包裝

• 2.6 作品包裝/階段考核

  作品的展示形式和注意事項(xiàng)

  作品集包裝

  分析就業(yè)方向

  綜合能力檢驗(yàn)

• 3.1 H5網(wǎng)頁(yè)布局

  HTML標(biāo)簽梳理

  七組CSS基本樣式

  CSS3炫酷特效

  選擇器細(xì)解11大類

  CSS布局四大技巧

  響應(yīng)式雙法則

  兼容性調(diào)試技巧

  項(xiàng)目實(shí)戰(zhàn)

• 3.2 JavaScript 交互

  核心語(yǔ)法

  面向?qū)ο缶幊?/span>

  對(duì)象類型

  BOM與DOM操作

  事件編程

  正則表達(dá)式

  JQuery交互特效開(kāi)發(fā)

  Ajax數(shù)據(jù)交互

  "HTML5高級(jí)功能"

  Bootstrap

• 3.3 項(xiàng)目實(shí)戰(zhàn)與上線

  企業(yè)整站項(xiàng)目前端頁(yè)面

  WUI實(shí)訓(xùn)，H5手動(dòng)書寫網(wǎng)頁(yè)

  Apache服務(wù)器上線測(cè)試及演示

  MUI實(shí)訓(xùn)，搭建響應(yīng)式頁(yè)面

  整體開(kāi)發(fā)，nginx服務(wù)器部署

• 4.1 第三課堂

  Dreamweaver

  幻燈片制作從基礎(chǔ)到提高

  結(jié)合項(xiàng)目提案

  完成方案設(shè)計(jì)和匯報(bào)

• 4.2 畢業(yè)設(shè)計(jì)答辯

  立案到素材、材料收集整理

  風(fēng)格定位、PPT制作

  畢業(yè)設(shè)計(jì)答辯

  個(gè)人現(xiàn)場(chǎng)講解以及作品重點(diǎn)演示

  學(xué)習(xí)階段的總結(jié)

• 4.3 職業(yè)規(guī)劃

  職業(yè)素養(yǎng)提升

  作品集整理

  行業(yè)規(guī)范與合同

  職場(chǎng)與行業(yè)分析

  企業(yè)觀模與規(guī)劃

  職場(chǎng)崗位實(shí)戰(zhàn)模擬

  創(chuàng)業(yè)指導(dǎo)

  實(shí)習(xí)與預(yù)工作

發(fā)展方向

幾乎所有的行業(yè)，都需要獨(dú)當(dāng)一面的網(wǎng)頁(yè)設(shè)計(jì)人才

• 平面設(shè)計(jì)
• 界面設(shè)計(jì)
• 廣告設(shè)計(jì)
• 智能設(shè)計(jì)
• 創(chuàng)意設(shè)計(jì)
• UI設(shè)計(jì)
• web設(shè)計(jì)
• APP設(shè)計(jì)

大咖講座/課外活動(dòng)

非凡教育定期邀請(qǐng)業(yè)內(nèi)大咖為學(xué)員開(kāi)展講座，和大咖面對(duì)面交流，了解行業(yè)最新動(dòng)態(tài)，讓藝術(shù)眼界更廣一些

Lecture精品大咖講座

非凡會(huì)不定期邀請(qǐng)往屆畢業(yè)的師兄師姐
給大家分享工作后的心得和體會(huì)

教學(xué)優(yōu)勢(shì)

非凡教育每年培養(yǎng)上千學(xué)員從課堂到社會(huì)，18年深耕職業(yè)教育，致力培養(yǎng)企業(yè)需要的全能型人才

• 專業(yè)專注

  非凡教育9大學(xué)習(xí)中心

  18年職業(yè)教育辦學(xué)經(jīng)驗(yàn)

  口碑沉淀有保障

• 師資力量

  師資團(tuán)隊(duì)平均教齡10年以上

  多年一線項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)

  全職講師全身心傳授專業(yè)知識(shí)

• 教學(xué)服務(wù)

  線上線下 OMO教學(xué)模式

  小班教學(xué) 確保學(xué)有所成

  自主研發(fā)教材 讓學(xué)習(xí)更高效

PPHA

就業(yè)服務(wù)

6大就業(yè)保障，為學(xué)員的就業(yè)安置保駕護(hù)航

教學(xué)環(huán)境

每一處細(xì)節(jié)都是非凡的溫度