1、2本章目標(biāo)本章目標(biāo) n了解按鈕在網(wǎng)站制作中的作用以及按鈕的設(shè)計(jì)原了解按鈕在網(wǎng)站制作中的作用以及按鈕的設(shè)計(jì)原則則n了解網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)方法了解網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)方法n熟悉常用按鈕的類(lèi)型熟悉常用按鈕的類(lèi)型n掌握常用按鈕的制作方法掌握常用按鈕的制作方法n掌握導(dǎo)航條的制作方法掌握導(dǎo)航條的制作方法35.1 按鈕的設(shè)計(jì)原則按鈕的設(shè)計(jì)原則設(shè)計(jì)按鈕時(shí)應(yīng)盡量避免以下設(shè)計(jì)禁忌。設(shè)計(jì)按鈕時(shí)應(yīng)盡量避免以下設(shè)計(jì)禁忌。n同一頁(yè)面包含重復(fù)功能的按鈕；同一頁(yè)面包含重復(fù)功能的按鈕；n將復(fù)選框用作單選按鈕；將復(fù)選框用作單選按鈕；n單選按鈕之間間隔太大；單選按鈕之間間隔太大；n取消按鈕無(wú)法真正取消操作；取消按鈕無(wú)法真正取

2、消操作；n返回按鈕不能達(dá)到預(yù)期的目的；返回按鈕不能達(dá)到預(yù)期的目的；n圖片按鈕對(duì)鼠標(biāo)按下操作沒(méi)有視覺(jué)變化。圖片按鈕對(duì)鼠標(biāo)按下操作沒(méi)有視覺(jué)變化。45.2 常見(jiàn)按鈕樣式的制作常見(jiàn)按鈕樣式的制作 n5.2.1 簡(jiǎn)潔按鈕簡(jiǎn)潔按鈕n5.2.2 迷你按鈕迷你按鈕n5.2.3 水晶按鈕水晶按鈕n5.2.4 塑料按鈕塑料按鈕n5.2.5 木紋按鈕木紋按鈕n5.2.6 金屬按鈕金屬按鈕55.2.1 簡(jiǎn)潔按鈕簡(jiǎn)潔按鈕n實(shí)例效果實(shí)例效果n操作步驟操作步驟 (略略)65.2.2 迷你按鈕迷你按鈕n實(shí)例效果實(shí)例效果 n操作步驟操作步驟(略略)75.2.3 水晶按鈕水晶按鈕n實(shí)例效果實(shí)例效果 n操作步驟操作步驟(略略)85

3、.2.4 塑料按鈕塑料按鈕n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)95.2.5 木紋按鈕木紋按鈕n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)105.2.6 金屬按鈕金屬按鈕n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)115.3 導(dǎo)航條的制作導(dǎo)航條的制作n網(wǎng)站導(dǎo)航的主要困難在于如何利用簡(jiǎn)短的、易于網(wǎng)站導(dǎo)航的主要困難在于如何利用簡(jiǎn)短的、易于理解的方式來(lái)呈現(xiàn)網(wǎng)絡(luò)的諸多方向。另外，優(yōu)秀理解的方式來(lái)呈現(xiàn)網(wǎng)絡(luò)的諸多方向。另外，優(yōu)秀的導(dǎo)航方案還會(huì)增加網(wǎng)站的觀賞性，給瀏覽者留的導(dǎo)航方案還會(huì)增加網(wǎng)站的觀賞性，給瀏覽者留下深刻的印象。下深刻的印象。n本節(jié)主要學(xué)習(xí)網(wǎng)站中導(dǎo)航條的制作方法本節(jié)主要學(xué)習(xí)網(wǎng)站中導(dǎo)航條的

4、制作方法125.3 導(dǎo)航條的制作導(dǎo)航條的制作n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)135.4 企業(yè)識(shí)別企業(yè)識(shí)別VI設(shè)計(jì)設(shè)計(jì)n5.4.1 企業(yè)識(shí)別概念企業(yè)識(shí)別概念n5.4.2 網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開(kāi)發(fā)網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開(kāi)發(fā)145.4.1 企業(yè)識(shí)別概念企業(yè)識(shí)別概念n企業(yè)識(shí)別系統(tǒng)（企業(yè)識(shí)別系統(tǒng)（CIS）構(gòu)成要素）構(gòu)成要素nMI （ Mind Identity ）理念識(shí)別）理念識(shí)別 nBI （Behavior Identity） 行為識(shí)別行為識(shí)別nVI（Visual Identity）視覺(jué)形象識(shí)別系統(tǒng)）視覺(jué)形象識(shí)別系統(tǒng)155.4.2 網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開(kāi)發(fā)網(wǎng)站整體形象規(guī)劃與設(shè)計(jì)開(kāi)發(fā)n個(gè)

5、網(wǎng)站上看到的所有圖片、文字、動(dòng)畫(huà)以及它們個(gè)網(wǎng)站上看到的所有圖片、文字、動(dòng)畫(huà)以及它們的編排方式等一切能夠看到的無(wú)不都是的編排方式等一切能夠看到的無(wú)不都是VI設(shè)計(jì)一設(shè)計(jì)一部分。簡(jiǎn)單地說(shuō)，部分。簡(jiǎn)單地說(shuō)，VI其實(shí)就是一個(gè)網(wǎng)站的外觀。其實(shí)就是一個(gè)網(wǎng)站的外觀。n一個(gè)好的視覺(jué)設(shè)計(jì)，首先要有一個(gè)好的視覺(jué)效果。一個(gè)好的視覺(jué)設(shè)計(jì)，首先要有一個(gè)好的視覺(jué)效果。一個(gè)最簡(jiǎn)單的判別方法是看三眼：第一眼，看是一個(gè)最簡(jiǎn)單的判別方法是看三眼：第一眼，看是否搶眼；第二眼，看是否順眼；第三眼，看是否否搶眼；第二眼，看是否順眼；第三眼，看是否養(yǎng)眼。其實(shí)，這三眼就上網(wǎng)站給你的第一感覺(jué)。養(yǎng)眼。其實(shí)，這三眼就上網(wǎng)站給你的第一感覺(jué)。 16本章總結(jié)本章總結(jié)n了解按鈕在網(wǎng)站制作中的作用以及按鈕的設(shè)計(jì)原了解按鈕在網(wǎng)站制作中的作用以及