網(wǎng)頁設計是現(xiàn)代藝術(shù)設計中具廣泛性和前沿性的新媒體藝術(shù)形式之一，它伴隨媒體技術(shù)與藝術(shù)的發(fā)展而發(fā)展。作為一個優(yōu)秀的網(wǎng)站，在結(jié)構(gòu)設計、導航設計、色彩設計、內(nèi)容設計等各個方面都應該是非常嚴謹?shù)�。一個優(yōu)秀的企業(yè)網(wǎng)站看上去可能很簡單，但卻給人一種吸引力，使瀏覽者在觀賞網(wǎng)站的同時，不知不覺地記住企業(yè)的相關(guān)信息，感受到企業(yè)的文化。從一定意義上來講，企業(yè)網(wǎng)站代表一個企業(yè)的精神面貌，是企業(yè)在網(wǎng)絡媒體上的形象。如果一個企業(yè)的網(wǎng)站不能反映企業(yè)的形象，且因粗糙的文字、粗劣的圖片及千篇一律的布局而影響企業(yè)在瀏覽者心目中的形象，反而會對企業(yè)形象的傳播起到副作用。
本書是一本專門針對網(wǎng)頁設計的書籍，從網(wǎng)頁的藝術(shù)設計到功能設計全面體現(xiàn)作者的良苦用心。其中，第1章講述網(wǎng)站Logo、導航欄、Banner、內(nèi)容欄、版尾五個方面的內(nèi)容及相關(guān)軟件知識，并以案例的形式闡述不同按鈕的設計制作方式。第2章講述網(wǎng)頁版式設計方法，將網(wǎng)頁版式設計原則、版式結(jié)構(gòu)、版式設計方法逐一呈現(xiàn)給讀者，并以靜態(tài)網(wǎng)頁界面設計案例作為補充，緊緊圍繞第1章的五個方面展開，內(nèi)容簡潔，層次分明。第3章講述網(wǎng)頁創(chuàng)意與規(guī)劃設計，從發(fā)展的角度闡述網(wǎng)站的項目規(guī)劃、內(nèi)容組織及網(wǎng)站建設的必要性，并以小福屋案例為主線，從策劃、文案、草圖、設計等方面逐一展開，以靜態(tài)的形式展現(xiàn)網(wǎng)頁的設計理念。因為有了VI部分作為基礎(chǔ)，所以小福屋的定位非常明確一個商業(yè)網(wǎng)站。小福屋的網(wǎng)頁設計也是對VI的補充。第4章講述網(wǎng)頁配色的知識，從藝術(shù)的角度闡述色彩、色彩搭配的原則及界面設計配色技巧，并將色彩知識融入兒童線上教育網(wǎng)站案例的設計制作中。第5章以案例的形式講述網(wǎng)頁的制作過程，包括前期策劃書、網(wǎng)站建站目標及功能定位、網(wǎng)站整體風格、網(wǎng)站的結(jié)構(gòu)和內(nèi)容，并綜合運用Photoshop、Flash、Dreamweaver等軟件作為開發(fā)基礎(chǔ)。其中，銀時代是一個商業(yè)網(wǎng)站，是一個實際存在的品牌，其品牌歷史、品牌文化等資料都是完善的，所以銀時代的網(wǎng)頁設計是根據(jù)銀時代品牌定位策劃完成的，頁面版式、頁面色彩、圖片處理效果、Flash動畫等都根據(jù)銀時代的品牌重新定位并設定。在銀時代案例部分，設計方面主要側(cè)重整體風格的體現(xiàn)，技術(shù)方面使用Photoshop制作頁面效果及處理圖片效果，利用Flash制作Banner動畫。本書為小5班案例設計了兩個版本，兩種不同的版式制造出不同的網(wǎng)頁風格。小5班網(wǎng)站是為藝術(shù)設計專業(yè)的班集體設計的，這個班集體具有典型大學生群體的個性特征。他們重視自我、勇于展現(xiàn)自己，迫切地希望個人與社會并重，追求個人能力和社會大環(huán)境的共同進步，存在自我實現(xiàn)的強烈愿望。小5班網(wǎng)站存在的目的是伴隨這個集體一起成長、成熟，一起走上社會，面對工作，面對各種專業(yè)問題。相對來說，小5班更側(cè)重展示個性。
總之，全書不僅介紹設計網(wǎng)站時必須掌握的色彩理論、圖像設計、動畫設計、字體設計、創(chuàng)意設計及頁面版式設計等內(nèi)容，而且以案例的形式完整介紹在實際制作網(wǎng)站過程中應做到的方方面面。
特別聲明：本書引用的圖片及相關(guān)作品僅供教學分析使用，版權(quán)歸原作者所有；由于獲得渠道的問題，因此未能與作者逐一聯(lián)系；在此對本書引用圖片及相關(guān)作品的作者表示衷心感謝！
本書由青島科技大學崔建成著。感謝盧杰、周圍等人員的大力支持。由于時間緊迫，書中不妥之處在所難免，懇請各位讀者批評指正。

編 者