課程介紹

山楂樹(shù)網(wǎng)頁(yè)設(shè)計(jì)教程（零起點(diǎn)）詳細(xì)科目
 

第一階段 視覺(jué)設(shè)計(jì)基礎(chǔ)與扎實(shí)的基本功訓(xùn)練

1. Photoshop軟件速成：熟練掌握PS使用基本操作，掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧，PS在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的應(yīng)用，以及精彩PS資源分享。

01. 界面介紹及文檔使用（圖像格式詳解）

02. Photoshop各種工具詳解

03. 圖層，蒙版，顏色模式，通道

04. 調(diào)整圖層

05. 圖層混合模式

06. 圖層樣式

07. GIF動(dòng)畫(huà)及3D工具

08. 濾鏡的使用

09. PS實(shí)例操作（資源分享）

2. 版式構(gòu)圖表現(xiàn)與版式設(shè)計(jì)技巧：設(shè)計(jì)的基本原則、構(gòu)圖、光影透視以及點(diǎn)線面元素處理等重要版式布局理念。如何讓畫(huà)面更加吸引力，如何突破以往的版面格局等新鮮內(nèi)容。

01. 平面構(gòu)成基礎(chǔ)（點(diǎn)、線、面）

02. 光影透視

03. 焦點(diǎn)廣告圖排版設(shè)計(jì)

04. Banner設(shè)計(jì)

3. 色彩理論基礎(chǔ)與配色技巧：色輪、色彩關(guān)系、色彩心理暗示以及不同色調(diào)的網(wǎng)站設(shè)計(jì)技巧。如何運(yùn)用色彩理論為新網(wǎng)站設(shè)定配色方案，以及運(yùn)用色彩打動(dòng)用戶。

01. 色彩基礎(chǔ)

02. 色彩的搭配

03. 聯(lián)想作用配色

04. 色彩表現(xiàn)力

4. 字體搭配與排版：在網(wǎng)頁(yè)設(shè)計(jì)中，我們將透過(guò)大量的范例，了解字體的特征，最終得以靈活應(yīng)用。內(nèi)容包括字體的使用、文字標(biāo)題的制作、文字段落的排版等。

01. 字體形態(tài)特征

02. 文字的設(shè)計(jì)

03. 文字元素排版

 

第二階段 網(wǎng)頁(yè)設(shè)計(jì)系統(tǒng)化理論教學(xué)與實(shí)際案例演示

1. 網(wǎng)頁(yè)美術(shù)設(shè)計(jì)概述：詳述網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)以及網(wǎng)站結(jié)構(gòu)，從本質(zhì)上理解網(wǎng)頁(yè)設(shè)計(jì)本身的實(shí)際工作和意義。

01. 完整網(wǎng)站所需內(nèi)容

02. 網(wǎng)站建設(shè)整體設(shè)計(jì)開(kāi)發(fā)流程

03. 優(yōu)秀網(wǎng)站設(shè)計(jì)特征

2. 網(wǎng)站設(shè)計(jì)中掌握的原理和方法：掌握視覺(jué)空間構(gòu)成以及網(wǎng)頁(yè)板式設(shè)計(jì)原理，理解網(wǎng)頁(yè)布局結(jié)構(gòu)，做出合理的網(wǎng)頁(yè)視覺(jué)流程引導(dǎo)，基本達(dá)到網(wǎng)頁(yè)設(shè)計(jì)師從業(yè)的要求。

01. 網(wǎng)頁(yè)視覺(jué)空間（設(shè)計(jì)構(gòu)成）

02. 合適的網(wǎng)頁(yè)板式設(shè)計(jì)

03. 網(wǎng)頁(yè)布局機(jī)構(gòu)

04. 合理網(wǎng)頁(yè)視覺(jué)流程設(shè)計(jì)

05. 網(wǎng)站設(shè)計(jì)的視覺(jué)整體設(shè)計(jì)風(fēng)格

06. 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師具備的素質(zhì)

3. 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)要素掌握：文字、圖形、色彩三大基礎(chǔ)要素的各自設(shè)計(jì)掌控，以及三者之間相互結(jié)合的配合表達(dá)。

01. 網(wǎng)頁(yè)中的文字

02. 網(wǎng)頁(yè)的中色彩

03. 圖形元素

04. 文字、圖形、圖片、色彩的配合表現(xiàn)以及感情表達(dá)

4. 各種類型網(wǎng)站設(shè)計(jì)速成：網(wǎng)站的設(shè)計(jì)類型多種多樣，掌控每種類型網(wǎng)站的設(shè)計(jì)風(fēng)格走向，并最終突破實(shí)現(xiàn)設(shè)計(jì)師自我風(fēng)格的實(shí)現(xiàn)。

01. 工商企業(yè)網(wǎng)站設(shè)計(jì)

02. 時(shí)尚類型網(wǎng)站設(shè)計(jì)

03. 門(mén)戶型網(wǎng)站設(shè)計(jì)

04. 電子商務(wù)類型網(wǎng)站設(shè)計(jì)

05. 文化、生活、娛樂(lè)型網(wǎng)站設(shè)計(jì)

 

第三階段 Web標(biāo)準(zhǔn)(CSS+DIV)與前端設(shè)計(jì)技巧

1. Dreamweaver CS5軟件操作： 講解DW的人性化功能以及在頁(yè)面架構(gòu)和前端開(kāi)發(fā)應(yīng)用領(lǐng)域的使用技巧。

2. Web標(biāo)準(zhǔn)與網(wǎng)站重構(gòu)：從概念和行為上理解Web標(biāo)準(zhǔn)，用實(shí)際行動(dòng)推動(dòng)行業(yè)發(fā)展。

3. 切片輸出與CSS+DIV應(yīng)用：熟練掌握CSS+Xhtml技術(shù)應(yīng)用Web標(biāo)準(zhǔn)理念設(shè)計(jì)。

4. 960 柵格系統(tǒng)下的頁(yè)面重構(gòu)：向雅虎YUI靠近，學(xué)習(xí)先進(jìn)的960 Grid System,更高效寫(xiě)出Web標(biāo)準(zhǔn)代碼。

5. 網(wǎng)頁(yè)特效與JS代碼應(yīng)用：講解Javascript以及實(shí)用的jQurey插件和Ajax技術(shù)應(yīng)用,高效率設(shè)計(jì)。

 

第四階段 畢業(yè)設(shè)計(jì)、經(jīng)驗(yàn)分享會(huì)以及就業(yè)指導(dǎo)

1. 商業(yè)付費(fèi)式實(shí)戰(zhàn)：100%真實(shí)的客戶實(shí)戰(zhàn)，中標(biāo)學(xué)員可以獲得項(xiàng)目總價(jià)值30%的報(bào)酬，完全有可能賺回自己的學(xué)費(fèi)！

2. 優(yōu)秀設(shè)計(jì)師經(jīng)驗(yàn)分享會(huì)：邀請(qǐng)業(yè)內(nèi)優(yōu)秀設(shè)計(jì)師做客網(wǎng)絡(luò)或者實(shí)體教室，給大家分享自己寶貴的設(shè)計(jì)經(jīng)驗(yàn)，并幫助老師指導(dǎo)學(xué)員的作品。

3. 個(gè)人網(wǎng)站設(shè)計(jì)與作品總結(jié)：作品整理與實(shí)戰(zhàn)項(xiàng)目操練，學(xué)員自己獨(dú)立設(shè)計(jì)個(gè)人網(wǎng)站,為求職加分。

4. 畢業(yè)商業(yè)實(shí)戰(zhàn)：優(yōu)秀學(xué)員將優(yōu)先被推薦企業(yè)錄用。

選修課程AI（Adobe Illustrator）

查看更多網(wǎng)頁(yè)設(shè)計(jì)課程>>