資源描述:
《網(wǎng)站設(shè)計(jì)風(fēng)格與色彩.doc》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、網(wǎng)站設(shè)計(jì)風(fēng)格與色彩隨著網(wǎng)絡(luò)的日益普及,網(wǎng)絡(luò)正以一種前所未有的沖擊力影響著人們的生活,越來越多的人開始借助網(wǎng)絡(luò)進(jìn)行工作、交流、學(xué)習(xí)等活動。當(dāng)人們通過瀏覽器進(jìn)入互聯(lián)網(wǎng)這個(gè)虛擬世界時(shí),進(jìn)入眼簾的是各種各樣的網(wǎng)頁,如何設(shè)計(jì)出一個(gè)創(chuàng)意新穎、設(shè)計(jì)精美、結(jié)構(gòu)合理的網(wǎng)站,來吸引眾多的人關(guān)注自己的網(wǎng)站,成為網(wǎng)站設(shè)計(jì)者日益關(guān)心的問題?! ∫?、網(wǎng)站設(shè)計(jì)的風(fēng)格 “風(fēng)格”是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI(標(biāo)志,色彩,字體,標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素。風(fēng)格是有人性的,不管是色彩、技術(shù)、文字、布局,還是交互方式,只要能由此
2、讓瀏覽者明確分辨出這是本網(wǎng)站獨(dú)有的,這就形成了網(wǎng)站的“風(fēng)格”。一般都要求:清純簡潔,主題鮮明,內(nèi)容編排得當(dāng)合理、有一定的藝術(shù)感,美觀、實(shí)用,相關(guān)鏈接正常,能體現(xiàn)網(wǎng)站的基本功能,可以從以下幾個(gè)方面來為網(wǎng)站設(shè)計(jì)一個(gè)獨(dú)特的風(fēng)格?! ?.網(wǎng)站標(biāo)志(LOGO) LOGO是指網(wǎng)站的標(biāo)志,標(biāo)志可以是中文、英文字母,也可以是符號、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、動物、植物,可以用它們作為設(shè)計(jì)的藍(lán)本,加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志,采用不同的字體、字母的變形、字母的組合可
3、以很容易制作好自己的標(biāo)志?! ?.網(wǎng)站色彩 網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵。“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩,要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊,給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托,絕不能喧賓奪主。例如IBM的深藍(lán)色,肯德基的紅色條型。一般來說,一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有:藍(lán)色,黃/橙色,黑/灰/白色三大系列色。一般以白色和黑色的背景網(wǎng)頁最好做,顏色搭配最方便;亮色與暗色配合,最容易突出畫面,如黑
4、與白,紅與黑,黃與紫;而近似的顏色的搭配,能給一種柔和的感覺,如墨藍(lán)與淡藍(lán),深綠與淺綠。最好能給主頁定一個(gè)主色調(diào),不要搞得花花綠綠的?! ?.設(shè)計(jì)網(wǎng)站字體 和標(biāo)準(zhǔn)色彩一樣,標(biāo)準(zhǔn)字體是指用于標(biāo)志、標(biāo)題、主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格,可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵,選擇更貼切的字體。需要說明的是:使用非默認(rèn)字體只能用圖片的形式,因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒有安裝特別字體,他看到的只能是亂碼,那么辛苦的設(shè)計(jì)制作便付之東流了?! ?.使用精煉有效的語言3 現(xiàn)代生活節(jié)奏加快,人們往往沒有時(shí)間看大塊文章
5、。為了節(jié)約時(shí)間,在單位時(shí)間內(nèi)獲取最大量的信息,人們需要精練的信息,即信息精品,要用信息語言來表達(dá)信息內(nèi)容。所謂信息語言是指以下公式:信息=基本事實(shí)+數(shù)據(jù)描述+專家觀點(diǎn)?! ⌒畔⒄Z言摒棄一切廣告性詞句、文學(xué)性修飾詞句,不歡迎一切關(guān)于意義、重要性的過分渲染。盡量采用數(shù)字說話,歡迎定量描述,反對過多的定性描述,特別是無法形成準(zhǔn)確概念的定性描述。用信息語言描述,任何信息都應(yīng)該有出處,有時(shí)間,分類準(zhǔn)確。當(dāng)然,應(yīng)當(dāng)滿足信息的時(shí)效性、準(zhǔn)確性、完整性、精練性等固有的特點(diǎn)。在此特別注意的是,不要出現(xiàn)錯(cuò)別字、病句。 5.設(shè)計(jì)網(wǎng)站宣傳語 網(wǎng)站的宣傳語也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目
6、標(biāo),用一句話或者一個(gè)詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進(jìn)行對外宣傳,可以收到比較好的結(jié)果?! 《⒕W(wǎng)站設(shè)計(jì)的色彩搭配 打開一個(gè)網(wǎng)站,給用戶留下第一印象的既不是網(wǎng)站的豐富內(nèi)容,也不是網(wǎng)站合理的版面布局,而是網(wǎng)站的色彩。色彩對人的視覺效果非常明顯,一個(gè)網(wǎng)站設(shè)計(jì)成功與否,在某種程度上取決與設(shè)計(jì)者對色彩的運(yùn)用和搭配,因此專業(yè)人士把色彩制作成色系表,根據(jù)這些色系讓網(wǎng)站也有其自身的色系,網(wǎng)站的色系是瀏覽者整體的視覺觀感,若一個(gè)網(wǎng)站色系能有一致性,不僅會使網(wǎng)站看起來美觀,更能讓瀏覽者對內(nèi)容不易混淆,增加了瀏覽的簡潔與方便。而網(wǎng)站的色系更能襯托出網(wǎng)站的主題,若色系能與主題合
7、理搭配,將會增加瀏覽者的易讀性。網(wǎng)站的色系包含了網(wǎng)頁的底色、文字字型、圖片的色系、顏色等等,這不單只是將顏色搭配得當(dāng)就算完美,還要配合每個(gè)內(nèi)容,及網(wǎng)站主題?! ?.網(wǎng)頁的底色 網(wǎng)頁的底色是整個(gè)網(wǎng)站風(fēng)格的重要指針。舉例來說,以黑色作為背景顏色的網(wǎng)頁,因黑色本對人的視覺上會造成黯淡的感覺,若是拿來用作活潑的兒童網(wǎng)站,就是不適合了。因?yàn)樾『⒆邮翘煺鏌o邪的、活潑的、有朝氣的,與黑色的沉穩(wěn)、黯淡,很難聯(lián)想在一起。當(dāng)然,每個(gè)人的審美觀不同,可能也會對顏色的代表性看法不同,但既然網(wǎng)站不是只寫