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