網(wǎng)頁美工——網(wǎng)頁設(shè)計(jì)與制作(第2版)
定 價(jià):49.8 元
- 作者:崔建成
- 出版時(shí)間:2019/6/1
- ISBN:9787121308765
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
內(nèi) 容 簡 介本書是一本專門針對網(wǎng)頁設(shè)計(jì)的書籍,涵蓋色彩理論、圖像設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、字體設(shè)計(jì)及總體版式設(shè)計(jì)等內(nèi)容。其中,第1章講述網(wǎng)站Logo、導(dǎo)航欄、Banner、內(nèi)容欄、版尾五個(gè)方面的內(nèi)容及相關(guān)軟件知識,并以案例的形式闡述不同按鈕的制作方式;第2章講述網(wǎng)頁版式設(shè)計(jì)方法,將網(wǎng)頁版式設(shè)計(jì)原則、版式結(jié)構(gòu)、版式設(shè)計(jì)方法逐一呈現(xiàn)給讀者,并以靜態(tài)網(wǎng)頁界面設(shè)計(jì)案例作為補(bǔ)充;第3章講述網(wǎng)頁創(chuàng)意與規(guī)劃設(shè)計(jì),從發(fā)展的角度闡述網(wǎng)站的項(xiàng)目規(guī)劃、內(nèi)容組織及網(wǎng)站建設(shè)的必要性,并以實(shí)際案例為主線,從策劃、文案、草圖、設(shè)計(jì)等方面逐一展開,以靜態(tài)的形式展現(xiàn)網(wǎng)頁的設(shè)計(jì)理念;第4章講述網(wǎng)頁配色的知識,從藝術(shù)的角度闡述色彩、色彩搭配的原則及界面設(shè)計(jì)配色技巧,并將色彩知識融入實(shí)際案例的設(shè)計(jì)制作中;第5章以案例的形式講述網(wǎng)頁的制作過程,包括前期策劃書、網(wǎng)站建站目標(biāo)及功能定位、網(wǎng)站整體風(fēng)格、網(wǎng)站的結(jié)構(gòu)和內(nèi)容,并綜合運(yùn)用Photoshop、Flash、Dreamweaver等軟件作為開發(fā)基礎(chǔ)。本書適合從事網(wǎng)頁設(shè)計(jì)的人員及相關(guān)專業(yè)學(xué)生使用。
網(wǎng)頁設(shè)計(jì)是現(xiàn)代藝術(shù)設(shè)計(jì)中具廣泛性和前沿性的新媒體藝術(shù)形式之一,它伴隨媒體技術(shù)與藝術(shù)的發(fā)展而發(fā)展。作為一個(gè)優(yōu)秀的網(wǎng)站,在結(jié)構(gòu)設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、色彩設(shè)計(jì)、內(nèi)容設(shè)計(jì)等各個(gè)方面都應(yīng)該是非常嚴(yán)謹(jǐn)?shù)。一個(gè)優(yōu)秀的企業(yè)網(wǎng)站看上去可能很簡單,但卻給人一種吸引力,使瀏覽者在觀賞網(wǎng)站的同時(shí),不知不覺地記住企業(yè)的相關(guān)信息,感受到企業(yè)的文化。從一定意義上來講,企業(yè)網(wǎng)站代表一個(gè)企業(yè)的精神面貌,是企業(yè)在網(wǎng)絡(luò)媒體上的形象。如果一個(gè)企業(yè)的網(wǎng)站不能反映企業(yè)的形象,且因粗糙的文字、粗劣的圖片及千篇一律的布局而影響企業(yè)在瀏覽者心目中的形象,反而會對企業(yè)形象的傳播起到副作用。
本書是一本專門針對網(wǎng)頁設(shè)計(jì)的書籍,從網(wǎng)頁的藝術(shù)設(shè)計(jì)到功能設(shè)計(jì)全面體現(xiàn)作者的良苦用心。其中,第1章講述網(wǎng)站Logo、導(dǎo)航欄、Banner、內(nèi)容欄、版尾五個(gè)方面的內(nèi)容及相關(guān)軟件知識,并以案例的形式闡述不同按鈕的設(shè)計(jì)制作方式。第2章講述網(wǎng)頁版式設(shè)計(jì)方法,將網(wǎng)頁版式設(shè)計(jì)原則、版式結(jié)構(gòu)、版式設(shè)計(jì)方法逐一呈現(xiàn)給讀者,并以靜態(tài)網(wǎng)頁界面設(shè)計(jì)案例作為補(bǔ)充,緊緊圍繞第1章的五個(gè)方面展開,內(nèi)容簡潔,層次分明。第3章講述網(wǎng)頁創(chuàng)意與規(guī)劃設(shè)計(jì),從發(fā)展的角度闡述網(wǎng)站的項(xiàng)目規(guī)劃、內(nèi)容組織及網(wǎng)站建設(shè)的必要性,并以小福屋案例為主線,從策劃、文案、草圖、設(shè)計(jì)等方面逐一展開,以靜態(tài)的形式展現(xiàn)網(wǎng)頁的設(shè)計(jì)理念。因?yàn)橛辛薞I部分作為基礎(chǔ),所以小福屋的定位非常明確一個(gè)商業(yè)網(wǎng)站。小福屋的網(wǎng)頁設(shè)計(jì)也是對VI的補(bǔ)充。第4章講述網(wǎng)頁配色的知識,從藝術(shù)的角度闡述色彩、色彩搭配的原則及界面設(shè)計(jì)配色技巧,并將色彩知識融入兒童線上教育網(wǎng)站案例的設(shè)計(jì)制作中。第5章以案例的形式講述網(wǎng)頁的制作過程,包括前期策劃書、網(wǎng)站建站目標(biāo)及功能定位、網(wǎng)站整體風(fēng)格、網(wǎng)站的結(jié)構(gòu)和內(nèi)容,并綜合運(yùn)用Photoshop、Flash、Dreamweaver等軟件作為開發(fā)基礎(chǔ)。其中,銀時(shí)代是一個(gè)商業(yè)網(wǎng)站,是一個(gè)實(shí)際存在的品牌,其品牌歷史、品牌文化等資料都是完善的,所以銀時(shí)代的網(wǎng)頁設(shè)計(jì)是根據(jù)銀時(shí)代品牌定位策劃完成的,頁面版式、頁面色彩、圖片處理效果、Flash動(dòng)畫等都根據(jù)銀時(shí)代的品牌重新定位并設(shè)定。在銀時(shí)代案例部分,設(shè)計(jì)方面主要側(cè)重整體風(fēng)格的體現(xiàn),技術(shù)方面使用Photoshop制作頁面效果及處理圖片效果,利用Flash制作Banner動(dòng)畫。本書為小5班案例設(shè)計(jì)了兩個(gè)版本,兩種不同的版式制造出不同的網(wǎng)頁風(fēng)格。小5班網(wǎng)站是為藝術(shù)設(shè)計(jì)專業(yè)的班集體設(shè)計(jì)的,這個(gè)班集體具有典型大學(xué)生群體的個(gè)性特征。他們重視自我、勇于展現(xiàn)自己,迫切地希望個(gè)人與社會并重,追求個(gè)人能力和社會大環(huán)境的共同進(jìn)步,存在自我實(shí)現(xiàn)的強(qiáng)烈愿望。小5班網(wǎng)站存在的目的是伴隨這個(gè)集體一起成長、成熟,一起走上社會,面對工作,面對各種專業(yè)問題。相對來說,小5班更側(cè)重展示個(gè)性。
總之,全書不僅介紹設(shè)計(jì)網(wǎng)站時(shí)必須掌握的色彩理論、圖像設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、字體設(shè)計(jì)、創(chuàng)意設(shè)計(jì)及頁面版式設(shè)計(jì)等內(nèi)容,而且以案例的形式完整介紹在實(shí)際制作網(wǎng)站過程中應(yīng)做到的方方面面。
特別聲明:本書引用的圖片及相關(guān)作品僅供教學(xué)分析使用,版權(quán)歸原作者所有;由于獲得渠道的問題,因此未能與作者逐一聯(lián)系;在此對本書引用圖片及相關(guān)作品的作者表示衷心感謝!
本書由青島科技大學(xué)崔建成著。感謝盧杰、周圍等人員的大力支持。由于時(shí)間緊迫,書中不妥之處在所難免,懇請各位讀者批評指正。
編 者
崔建成,男,1965年生于文登市,畢業(yè)于山東師范大學(xué)。1987年進(jìn)入山東省青島工藝美術(shù) 學(xué)校CAD中心從事計(jì)算機(jī)輔助設(shè)計(jì)工作,現(xiàn)為青島科技大學(xué)文學(xué)與藝術(shù)學(xué)院副教授,實(shí)訓(xùn)中心 副主任。
第1章 網(wǎng)頁設(shè)計(jì)概述1
1.1 網(wǎng)頁的界面構(gòu)成1
1.1.1 網(wǎng)站Logo1
1.1.2 導(dǎo)航欄2
1.1.3 Banner4
1.1.4 內(nèi)容欄5
1.1.5 版尾5
1.2 網(wǎng)頁藝術(shù)設(shè)計(jì)的相關(guān)軟件9
1.3 按鈕案例設(shè)計(jì)與制作12
1.3.1 開始按鈕制作12
1.3.2 透明效果按鈕設(shè)計(jì)15
1.3.3 圓形提示按鈕制作18
1.3.4 圓形播放按鈕制作22
實(shí)踐與提高25
第2章 網(wǎng)頁版式設(shè)計(jì)27
2.1 網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則28
2.2 網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容31
2.2.1 網(wǎng)頁的標(biāo)題設(shè)計(jì)31
2.2.2 文字的編排32
2.2.3 圖文的結(jié)合34
2.2.4 頁面的節(jié)奏韻律35
2.3 網(wǎng)頁版式構(gòu)成分類35
2.4 網(wǎng)頁界面設(shè)計(jì)案例制作39
2.4.1 布局部分制作39
2.4.2 Logo部分制作41
2.4.3 導(dǎo)航欄制作41
2.4.4 頁中部分制作45
2.4.5 頁腳部分制作49
實(shí)踐與提高50
第3章 網(wǎng)頁創(chuàng)意與規(guī)劃設(shè)計(jì)51
3.1 為網(wǎng)站制定目標(biāo)51
3.1.1 對市場的預(yù)測和分析51
3.1.2 網(wǎng)站的項(xiàng)目規(guī)劃與組織51
3.1.3 網(wǎng)站建設(shè)56
3.1.4 改版案例制作58
3.2 網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法71
3.2.1 創(chuàng)意是網(wǎng)頁的靈魂71
3.2.2 網(wǎng)頁創(chuàng)意方法72
3.3 小福屋網(wǎng)頁案例制作78
3.3.1 建立小福屋網(wǎng)頁的模板79
3.3.2 小福屋首頁84
3.3.3 小福屋關(guān)于HH頁面90
3.3.4 小福屋加盟HH頁面91
3.3.5 小福屋產(chǎn)品信息頁面93
3.3.6 小福屋全國門店頁面94
3.3.7 小福屋聯(lián)系我們頁面95
實(shí)踐與提高95
第4章 網(wǎng)頁配色96
4.1 認(rèn)識色彩96
4.1.1 何為色彩96
4.1.2 色彩三要素97
4.1.3 色彩對比97
4.1.4 色調(diào)的變化99
4.2 網(wǎng)頁配色常見問題102
4.3 網(wǎng)頁配色原則105
4.3.1 三色搭配原則106
4.3.2 色彩搭配應(yīng)注意的問題108
4.4 頁面設(shè)計(jì)配色技巧109
4.5 兒童線上教育網(wǎng)站案例制作113
4.5.1 主頁設(shè)計(jì)113
4.5.2 登錄/注冊界面制作120
4.5.3 視頻學(xué)習(xí)頁面126
實(shí)踐與提高131
第5章 綜合案例制作132
5.1 銀時(shí)代網(wǎng)頁設(shè)計(jì)132
5.1.1 銀時(shí)代首頁界面設(shè)計(jì)133
5.1.2 銀時(shí)代品牌故事頁面149
5.1.3 銀時(shí)代產(chǎn)品展示頁面154
5.1.4 頁面分割切片159
5.1.5 頁面制作164
5.1.6 優(yōu)化和鏈接174
5.1.7 銀時(shí)代Flash動(dòng)畫制作178
5.2 小5班網(wǎng)頁設(shè)計(jì)188
5.2.1 軟件布局190
5.2.2 制作首頁191
5.2.3 團(tuán)隊(duì)成員頁面制作206
5.2.4 作品展示頁面設(shè)計(jì)211
5.2.5 小5班Flash動(dòng)畫制作217
5.2.6 新小5班創(chuàng)作244