本書根據(jù)教育部頒發(fā)的《中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)(試行)信息技術(shù)類(第一輯)》中的相關(guān)教學(xué)內(nèi)容和要求編寫。本書共5章,系統(tǒng)介紹了網(wǎng)站Logo、導(dǎo)航欄、Banner、內(nèi)容欄、版尾,網(wǎng)頁(yè)版式設(shè)計(jì)原則、版式結(jié)構(gòu)、版式設(shè)計(jì)方法,網(wǎng)頁(yè)創(chuàng)意與規(guī)劃設(shè)計(jì),網(wǎng)頁(yè)配色,網(wǎng)頁(yè)設(shè)計(jì)與制作的全過程等內(nèi)容。
為建立健全教育質(zhì)量保障體系,提高職業(yè)教育質(zhì)量,教育部于2014年頒布了中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)(以下簡(jiǎn)稱專業(yè)教學(xué)標(biāo)準(zhǔn))。專業(yè)教學(xué)標(biāo)準(zhǔn)是指導(dǎo)和管理中等職業(yè)學(xué)校教學(xué)工作的主要依據(jù),是保證教育教學(xué)質(zhì)量和人才培養(yǎng)規(guī)格的綱領(lǐng)性教學(xué)文件。在“教育部辦公廳關(guān)于公布首批《中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)(試行)》目錄的通知”(教職成廳〔2014〕11號(hào)文)中,強(qiáng)調(diào)“專業(yè)教學(xué)標(biāo)準(zhǔn)是開展專業(yè)教學(xué)的基本文件,是明確培養(yǎng)目標(biāo)和規(guī)格、組織實(shí)施教學(xué)、規(guī)范教學(xué)管理、加強(qiáng)專業(yè)建設(shè)、開發(fā)教材和學(xué)習(xí)資源的基本依據(jù),是評(píng)估教育教學(xué)質(zhì)量的主要標(biāo)尺,同時(shí)也是社會(huì)用人單位選用中等職業(yè)學(xué)校畢業(yè)生的重要參考。”
本書特色
本書根據(jù)教育部頒發(fā)的《中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)(試行)信息技術(shù)類(第一輯)》中的相關(guān)教學(xué)內(nèi)容和要求編寫。
網(wǎng)頁(yè)設(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ì)等方面都非常嚴(yán)謹(jǐn)。一個(gè)網(wǎng)站看上去可能很簡(jiǎn)單,但可以給人一種吸引力,讓瀏覽者在觀賞的同時(shí),不知不覺地記住了企業(yè)的相關(guān)信息,感受到了企業(yè)的文化。從一定意義上來講,網(wǎng)站代表了一個(gè)企業(yè)的精神面貌,是企業(yè)在網(wǎng)絡(luò)媒體上的形象。如果網(wǎng)站不能反映企業(yè)的形象,反而因粗糙的文字、粗劣的圖片及千篇一律的布局而影響企業(yè)在讀者心目中的形象,則會(huì)對(duì)企業(yè)形象的傳播起到反作用。
本書是一本專門針對(duì)網(wǎng)頁(yè)設(shè)計(jì)的教材,第1章講述了網(wǎng)站Logo、導(dǎo)航欄、Banner、內(nèi)容欄、版尾5個(gè)方面的內(nèi)容及所涉及的軟件知識(shí),并以案例的形式闡述了按鈕的制作方法;第2章講述了網(wǎng)頁(yè)版式的設(shè)計(jì)方法,將網(wǎng)頁(yè)版式設(shè)計(jì)原則、版式結(jié)構(gòu)、版式設(shè)計(jì)方法一一呈現(xiàn)給讀者,以靜態(tài)網(wǎng)頁(yè)界面設(shè)計(jì)案例作為補(bǔ)充,其中Webpage Design網(wǎng)頁(yè)是一個(gè)三三式的網(wǎng)頁(yè)模板,緊緊圍繞第1章的5個(gè)方面展開,版式簡(jiǎn)潔,層次分明;第3章講述了網(wǎng)頁(yè)創(chuàng)意與規(guī)劃設(shè)計(jì),從發(fā)展的角度闡述了網(wǎng)站的項(xiàng)目規(guī)劃、內(nèi)容組織及網(wǎng)站建設(shè)的必要性,并以“小福屋”案例為主線,從策劃、文案、草圖、設(shè)計(jì)等方面一一展開,以靜態(tài)的形式展現(xiàn)網(wǎng)頁(yè)的設(shè)計(jì)理念,因?yàn)橛辛薞I部分作為基礎(chǔ),所以“小福屋”的定位非常明確—一個(gè)商業(yè)網(wǎng)站!靶「N荨钡木W(wǎng)頁(yè)設(shè)計(jì)也是對(duì)VI部分的補(bǔ)充;第4章講述了網(wǎng)頁(yè)配色的知識(shí),從藝術(shù)的角度闡述了色彩及色彩搭配的原則;第5章則以案例的形式講述網(wǎng)頁(yè)設(shè)計(jì)與制作的全過程,包括前期策劃書、網(wǎng)站建站目標(biāo)及功能定位、網(wǎng)站整體風(fēng)格、網(wǎng)站的結(jié)構(gòu)和內(nèi)容,涉及Photoshop、Flash、Dreamweaver等軟件的綜合應(yīng)用。其中,“小5班”案例設(shè)計(jì)了兩個(gè)版本,兩種不同的版式體現(xiàn)出不同的網(wǎng)頁(yè)風(fēng)格!靶5班”網(wǎng)站是為藝術(shù)設(shè)計(jì)專業(yè)的班集體設(shè)計(jì)的。這個(gè)班集體具有典型的職業(yè)院校學(xué)生群體的個(gè)性特征,他們重視自我、勇于展現(xiàn)自己,迫切地希望個(gè)人和社會(huì)并重,追求個(gè)人能力和社會(huì)大環(huán)境的共同進(jìn)步,存在自我實(shí)現(xiàn)的強(qiáng)烈愿望!靶5班”網(wǎng)站的存在目的是伴隨著這個(gè)集體一起成長(zhǎng)、成熟,一起走上社會(huì),面對(duì)工作,面對(duì)各種專業(yè)問題。相對(duì)來說,“銀時(shí)代”是一個(gè)商業(yè)網(wǎng)站,是實(shí)際存在的一個(gè)品牌,其品牌歷史、品牌文化等資料都很完善,所以“銀時(shí)代”的網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)“銀時(shí)代”品牌定位策劃完成的。頁(yè)面版式、頁(yè)面色彩、圖片處理效果、Flash動(dòng)畫等都根據(jù)“銀時(shí)代”的品牌重新定位并設(shè)定。在“銀時(shí)代”案例部分,設(shè)計(jì)上主要側(cè)重整體風(fēng)格的體現(xiàn),技術(shù)上使用Photoshop制作頁(yè)面效果及處理圖片效果。
總之,全書不僅介紹了網(wǎng)站設(shè)計(jì)所必須掌握的色彩理論、圖像設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、字體設(shè)計(jì)及總體版式設(shè)計(jì)等,而且以案例的形式完整地介紹了在實(shí)際制作過程中所應(yīng)做到的方方面面。
特別聲明:書中引用的圖片及有關(guān)作品僅供教學(xué)分析使用,版權(quán)歸原作者所有,由于獲得渠道的問題,因此未能與作者一一聯(lián)系,在此表示衷心感謝!
作者是青島科技大學(xué)計(jì)算機(jī)專業(yè)的骨干教師,有豐富的教學(xué)及教研經(jīng)驗(yàn)。為了提高學(xué)習(xí)效率和教學(xué)效果,方便教師教學(xué),作者為本書配備了教學(xué)指南、案例素材及結(jié)果文件、習(xí)題答案、授課PPT講義等豐富的教學(xué)輔助資源。
第1章 網(wǎng)頁(yè)設(shè)計(jì)概述 001
1.1 網(wǎng)頁(yè)界面的構(gòu)成 002
1.2 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的相關(guān)軟件 007
1.3 按鈕小制作 009
1.3.1 制作特殊形狀按鈕 009
1.3.2 制作圓角矩形按鈕 010
1.3.3 制作簡(jiǎn)單的矩形按鈕 012
1.3.4 制作圓形按鈕 015
1.3.5 制作透明效果按鈕 018
實(shí)踐與提高1 021
第2章 網(wǎng)頁(yè)版式設(shè)計(jì) 023
2.1 網(wǎng)頁(yè)版式設(shè)計(jì)應(yīng)遵循的原則 024
2.2 網(wǎng)頁(yè)版式設(shè)計(jì)的基本內(nèi)容 026
2.2.1 網(wǎng)頁(yè)的標(biāo)題設(shè)計(jì) 026
2.2.2 文字的編排 027
2.2.3 圖文的結(jié)合 029
2.2.4 頁(yè)面的節(jié)奏韻律 030
2.3 網(wǎng)頁(yè)版式的構(gòu)成分類 031
2.4 網(wǎng)頁(yè)界面設(shè)計(jì)案例制作 035
實(shí)踐與提高2 045
第3章 網(wǎng)頁(yè)創(chuàng)意與規(guī)劃設(shè)計(jì) 047
3.1 為網(wǎng)站制定目標(biāo) 048
3.1.1 對(duì)市場(chǎng)的預(yù)測(cè)和分析 048
3.1.2 網(wǎng)站的項(xiàng)目規(guī)劃與組織 048
3.1.3 網(wǎng)站建設(shè) 054
3.1.4 改版案例制作 056
3.2 網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法 065
3.2.1 創(chuàng)意是網(wǎng)頁(yè)的靈魂 066
3.2.2 網(wǎng)頁(yè)創(chuàng)意方法 068
3.3 小福屋網(wǎng)頁(yè)案例制作 075
3.3.1 建立小福屋網(wǎng)頁(yè)的模板 076
3.3.2 小福屋―首頁(yè) 080
3.3.3 小福屋―“關(guān)于HH”頁(yè) 086
3.3.4 小福屋―“加盟HH”頁(yè) 086
3.3.5 小福屋―“產(chǎn)品信息”頁(yè) 088
3.3.6 小福屋―“全國(guó)門店”頁(yè) 089
3.3.7 小福屋―“聯(lián)系我們”頁(yè) 090
實(shí)踐與提高3 090
第4章 網(wǎng)頁(yè)配色 091
4.1 認(rèn)識(shí)色彩 092
4.1.1 何為色彩 092
4.1.2 色彩三要素 092
4.1.3 色彩對(duì)比 093
4.1.4 色調(diào)的變化 094
4.2 網(wǎng)頁(yè)配色常見問題 096
4.3 網(wǎng)頁(yè)配色原則 101
4.4 網(wǎng)頁(yè)配色的幾種固定搭配 102
4.5 網(wǎng)站類型與色彩的關(guān)系 104
4.6 商業(yè)網(wǎng)站 109
實(shí)踐與提高4 113
第5章 綜合案例制作 114
5.1 “小5班”網(wǎng)頁(yè)設(shè)計(jì) 115
5.1.1 軟件布局 117
5.1.2 制作首頁(yè) 119
5.1.3 制作“團(tuán)隊(duì)成員”頁(yè)面 132
5.1.4 “作品展示”頁(yè)面設(shè)計(jì) 137
5.1.5 “小5班” Flash動(dòng)畫制作 141
5.2 “銀時(shí)代”網(wǎng)頁(yè)設(shè)計(jì) 162
5.2.1 銀時(shí)代首頁(yè)界面設(shè)計(jì) 162
5.2.2 銀時(shí)代―“品牌故事”頁(yè) 177
5.2.3 銀時(shí)代―“產(chǎn)品展示”頁(yè) 180
5.2.4 頁(yè)面分割―切片 184
5.2.5 制作頁(yè)面 187
5.2.6 優(yōu)化和鏈接 196
實(shí)踐與提高5 200