網(wǎng)頁(yè)設(shè)計(jì)授課內(nèi)容*階段:設(shè)計(jì)基礎(chǔ)
設(shè)計(jì)素描
?
培養(yǎng)設(shè)計(jì)師形象思維和表現(xiàn)能力的有效方法,是認(rèn)識(shí)形態(tài)、創(chuàng)新形態(tài)的重要途徑
平面構(gòu)成
平面構(gòu)成作為一門設(shè)計(jì)基礎(chǔ)課的教育,始于一九一九年德國(guó)包豪斯設(shè)計(jì)學(xué)府,其后應(yīng)用于設(shè)計(jì)的各個(gè)領(lǐng)域,如服裝、裝潢、室內(nèi)設(shè)計(jì)、造型設(shè)計(jì)、建筑、繪畫等。通過(guò)這門課程的學(xué)習(xí),可加深學(xué)生對(duì)形與形之間關(guān)系的理解,培養(yǎng)學(xué)生組織形、創(chuàng)造形的能力
色彩構(gòu)成
色彩構(gòu)成,即色彩的相互作用,是從人對(duì)色彩的知覺(jué)和心理效果出發(fā),用科學(xué)分析的方法,把復(fù)雜的色彩現(xiàn)象還原為基本要素,利用色彩在空間、量與質(zhì)上的可變幻性,按照一定的規(guī)律去組合各構(gòu)成之間的相互關(guān)系,再創(chuàng)造出新的色彩效果的過(guò)程。
第二階段:網(wǎng)頁(yè)平面UI設(shè)計(jì)階段
Photoshop 圖像設(shè)計(jì)
1、Photoshop簡(jiǎn)介、Photoshop應(yīng)用領(lǐng)域。
2、圖像基礎(chǔ)知識(shí)、像素與分辨率、位圖與矢量圖。
3、Photoshop工作區(qū)及選項(xiàng)設(shè)置、文件的基本操作。
4、輔助工具的應(yīng)用、圖像的查看、圖像的基本編輯方法。
5、色彩基礎(chǔ)知識(shí),重點(diǎn)了解色彩三元素HSB及圖像的色彩模式。
6、選區(qū)。包括選區(qū)的創(chuàng)建方法、選區(qū)的基本操作、選區(qū)的運(yùn)算、選區(qū)的編輯等。
7、繪畫與修飾,學(xué)習(xí)photoshop各種選擇顏色的方法、繪畫及修飾工具組。
8、點(diǎn)文字/段落文字的創(chuàng)建方法,字符/段落面板的使用。
9、路徑/形狀的創(chuàng)建、編輯以及路徑面板的使用。
10、圖層/圖層組的基礎(chǔ)知識(shí)、圖層/圖層組的創(chuàng)建、圖層/圖層組的編輯與管理、圖層樣式、圖層混合模式。
11、信息面板與直方圖面板的使用,圖像的色彩調(diào)整。
12、蒙版。學(xué)習(xí)快速蒙版、矢量蒙版、剪切蒙版、圖層蒙版的工作原理與操作方法。
13、通道。了解原色通道、專色通道、Alpha通道的知識(shí)。掌握通道選擇的技巧及通道的運(yùn)算規(guī)則。
14、學(xué)習(xí)各種濾鏡特效的制作、外掛濾鏡的使用。
15、Photoshop制作GIF動(dòng)畫。
16、動(dòng)作與批處理的操作。
17、打印、輸出與色彩管理。
Illustrator圖形設(shè)計(jì)
1、Illustrator的工作區(qū)及選項(xiàng)設(shè)置、矢量圖的優(yōu)缺點(diǎn)、Illustrator與Photoshop的區(qū)別、Illustrator應(yīng)用領(lǐng)域。
2、Illustrator文件的基本操作、圖像的顯示、輔助工具的使用。
3、各種繪制圖形的方法。
4、對(duì)象編輯與管理的各種方法。網(wǎng)絡(luò)的使用。
5、Illustrator色彩知識(shí)及色彩操作。
6、文字的創(chuàng)建與編輯。
7、畫筆和符號(hào)的使用。
8、效果、外觀和樣式的使用。
9、圖層與蒙版。
10、階段實(shí)訓(xùn)。
UI用戶界面設(shè)計(jì)
1、了解UI設(shè)計(jì)流程,用戶體驗(yàn)基本概念、行業(yè)方向
2、掌握?qǐng)D標(biāo)設(shè)計(jì)流程,軟件界面中常用圖標(biāo)設(shè)計(jì),手機(jī)圖標(biāo)設(shè)計(jì),項(xiàng)目案例蘋果手機(jī)圖標(biāo)設(shè)計(jì)。
3、掌握界面設(shè)計(jì)流程,桌面產(chǎn)品界面設(shè)計(jì),案例剖析學(xué)習(xí)設(shè)計(jì)思維、方法,項(xiàng)目案例煊酷播放器設(shè)計(jì)
網(wǎng)頁(yè)版式設(shè)計(jì)與配色技巧
1、網(wǎng)頁(yè)界面的合理布局:設(shè)計(jì)目的的決定設(shè)計(jì)方案,頁(yè)面內(nèi)容,頁(yè)面有效性。
2、網(wǎng)頁(yè)界面的布局分類:"國(guó)"字形,拐角型,正文標(biāo)題型,左右框架型,上下柜架型,綜合框架型,封面型,F(xiàn)lash型,什么樣的布局是*的。
3、色彩屬性 彩色的心理感覺(jué) ,色彩在網(wǎng)頁(yè)中的作用
4、色彩的色調(diào) 、色彩的對(duì)比 、色彩的調(diào)和、網(wǎng)頁(yè)色彩搭配的原則
第三階段:網(wǎng)站制作階段
HTML/XHTML
1、主要學(xué)習(xí)Html語(yǔ)言基礎(chǔ)、表格應(yīng)用、列表、表單的使用
2、框架應(yīng)用、超級(jí)鏈接、達(dá)到手寫網(wǎng)頁(yè)代碼的能力
Dreamweaver 網(wǎng)頁(yè)制作
1、Dreamweaver網(wǎng)站綜合知識(shí),面板組,站點(diǎn)管理
2、表格的使用,精確定位、排版;使用圖象和超鏈接
3、CSS層疊樣式表的應(yīng)用;層的概念及應(yīng)用
4、Dreamweaver中庫(kù)的使用和模板應(yīng)用
DIV CSS 網(wǎng)頁(yè)布局
1、CSS基礎(chǔ)、CSS語(yǔ)法結(jié)構(gòu),CSS屬性與選擇符,類型選擇符,id及class選擇符
2、應(yīng)用CSS到網(wǎng)頁(yè)中,行間樣式表,內(nèi)部樣式表,外部樣式表。
3、div CSS網(wǎng)頁(yè)布局、用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航,橫向?qū)Ш?,縱向?qū)Ш?,下拉及多?jí)彈出式菜單
4、 門戶網(wǎng)站的導(dǎo)航設(shè)計(jì) 、表單設(shè)計(jì),改變輸入框及文本域樣式,改變下拉列表樣式。
5、CSS瀏覽器兼容性 , 解決多瀏覽器下兼容問(wèn)題
6、div css網(wǎng)頁(yè)布局實(shí)戰(zhàn)、企業(yè)與電子商務(wù)網(wǎng)站布局實(shí)戰(zhàn)
Javascript 網(wǎng)頁(yè)特效
1、初探JavaScript魅力、JavaScript編程,JavaScript語(yǔ)法、運(yùn)算符、流程控制、函數(shù)、數(shù)組、
2、JavaScript的內(nèi)部對(duì)象,JavaScript中專用于操作對(duì)象的語(yǔ)句。
3、DHTML編程,理解DOM樹,DOM對(duì)象,常用DOM對(duì)象的屬性、方法
4、Javascript事件,編寫事件處理程序、使用DOM操作HTML文檔、遍歷文檔樹上的節(jié)點(diǎn)、搜索文檔中特定的元素、修改文檔內(nèi)容、往文檔添加新內(nèi)容、使用DOM操作XML文檔。
5、jQuery快速上手、使用選擇器獲得要操作的元素、操作得到的元素
6、使用jQuery進(jìn)行DOM操作、jQuery中的事件處理
7、jQuery中的動(dòng)畫與效果
第四階段:綜合項(xiàng)目實(shí)戰(zhàn)階段
網(wǎng)站綜合實(shí)戰(zhàn)
1、 系統(tǒng)的講解網(wǎng)站全案流程:初期溝通、達(dá)成合作意向、進(jìn)行產(chǎn)品或市場(chǎng)分析、定位以及提案等系統(tǒng)的流程,講解在各個(gè)環(huán)節(jié)中的要點(diǎn)、注意事項(xiàng)以及技巧。
2、網(wǎng)站域名空間申請(qǐng) 、FTP、網(wǎng)站策劃、項(xiàng)目方案制作
3、案例綜合設(shè)計(jì)與制作、網(wǎng)站優(yōu)化與推廣技巧
4、 由高級(jí)講師及資深設(shè)計(jì)師帶領(lǐng)學(xué)員完成畢業(yè)作品,以備應(yīng)聘時(shí)使用
就業(yè)指導(dǎo) 素質(zhì)訓(xùn)練
職業(yè)生涯規(guī)劃、簡(jiǎn)歷編寫、面試技巧、了解企業(yè)、科學(xué)的工作方法
團(tuán)隊(duì)與自我管理、溝通技巧、商務(wù)禮儀
課程圖片: