通常在網(wǎng)站的主要頁(yè)面的顯著位置(一般在正上方),應(yīng)該設(shè)計(jì)一個(gè)包含網(wǎng)站標(biāo)志和網(wǎng)站名稱的橫幅(Banner)。它可以是靜態(tài)的圖像,但最好能設(shè)計(jì)成具有動(dòng)態(tài)效果的動(dòng)畫。深圳網(wǎng)站設(shè)計(jì)公司提醒在設(shè)計(jì)時(shí),可以多參考些著名公司的網(wǎng)站名稱與標(biāo)志,并與公司的CI設(shè)計(jì)人員、公共關(guān)系部門人員溝通,充分聽(tīng)取他們的意見(jiàn),這對(duì)網(wǎng)站名稱與標(biāo)志設(shè)計(jì)很有幫助。
(1)網(wǎng)站標(biāo)準(zhǔn)色彩設(shè)計(jì)
所謂“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。網(wǎng)站的標(biāo)準(zhǔn)色彩是CI設(shè)計(jì)的一個(gè)方面,也是表現(xiàn)網(wǎng)站整體風(fēng)格的一個(gè)重要因素。不同的色彩搭配產(chǎn)生不同的效果,反映出不同網(wǎng)站的文化內(nèi)涵,不同的標(biāo)準(zhǔn)色彩體現(xiàn)不同企業(yè)的風(fēng)格。例如,IBM網(wǎng)站的主色調(diào)是深藍(lán)色,肯德基網(wǎng)站的主色調(diào)是紅色條型,網(wǎng)易網(wǎng)站的主色調(diào)是淡藍(lán)色,Windows視窗標(biāo)志上的紅藍(lán)黃綠色塊,都使我們覺(jué)得很貼切,很和諧。
一般來(lái)說(shuō),一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種,太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊,給人以整體統(tǒng)一的感覺(jué)。至于其他色彩,也可以使用,但只能作為點(diǎn)綴和襯托,絕不能喧賓奪主。
(2)網(wǎng)站標(biāo)準(zhǔn)字體設(shè)計(jì)
標(biāo)準(zhǔn)字體是指用于標(biāo)志、標(biāo)題、主菜單、主體內(nèi)容的字體,它是CI設(shè)計(jì)的又一方面。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。標(biāo)準(zhǔn)字體是一整套字體方案,網(wǎng)站所有頁(yè)面的設(shè)計(jì)都應(yīng)該按標(biāo)準(zhǔn)字體方案來(lái)設(shè)計(jì)。標(biāo)準(zhǔn)字體的設(shè)計(jì)還應(yīng)考慮中英文及其他可能用到的文字所使用的不同字體。
為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格,可以根據(jù)需要選擇一些特別字體。例如,為了體現(xiàn)專業(yè)可以使用粗仿宋體,體現(xiàn)設(shè)計(jì)精美可以用廣告體,體現(xiàn)親切隨意可以用手寫體,體現(xiàn)企業(yè)文化內(nèi)涵可以用美術(shù)字等。企業(yè)可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵,選擇更貼切的字體。目前常見(jiàn)的中文字體有二三十種,常見(jiàn)的英文字體有近百種。此外,網(wǎng)絡(luò)上還有許多專用英文、中文藝術(shù)字體下載,要尋找一款滿意的字體并不算困難。
但應(yīng)注意,只有安裝在操作系統(tǒng)中的字體才能被顯示出來(lái),而在操作系統(tǒng)中的常用中文字體只有很少的幾種,如果網(wǎng)站中使用的是非默認(rèn)字體,那么,為了讓所有的用戶都能看到,用圖片的形式是一種最好的選擇。
(3)網(wǎng)站標(biāo)語(yǔ)設(shè)計(jì)
所謂網(wǎng)站的宣傳標(biāo)語(yǔ)指的是網(wǎng)站的精神,網(wǎng)站的目標(biāo)??梢杂靡痪湓捝踔烈粋€(gè)詞來(lái)高度概括,類似實(shí)際生活中的廣告金句。例如,鵲巢的“味道好極了”,麥斯威爾的“好東西和好朋友一起分享”,Intel的“給你一個(gè)奔騰的心”,雅虎中文網(wǎng)站的“雅虎中國(guó)”,阿里巴巴網(wǎng)站的“中國(guó)商人自己的網(wǎng)站”等。以上4方面:標(biāo)志、色彩、字體、標(biāo)語(yǔ),是一個(gè)網(wǎng)站樹(shù)立CI形象的關(guān)鍵,確切地說(shuō)是網(wǎng)站的表面文章,設(shè)計(jì)并完成這幾步,網(wǎng)站將脫胎換骨,整體形象有一個(gè)提高。(注意:這些只是以平面靜態(tài)來(lái)設(shè)計(jì)CI,還沒(méi)有引入聲音、三維立體等因素。)
(4)網(wǎng)站相關(guān)頁(yè)面的布局設(shè)計(jì)
注意網(wǎng)站主頁(yè)與其他頁(yè)面之間的布局協(xié)調(diào)性。頁(yè)面設(shè)計(jì)時(shí)給予適當(dāng)留白,使瀏覽者有更好的感覺(jué)。
(5)三維空間風(fēng)格設(shè)計(jì)
網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間,這種空間要借助于動(dòng)靜變化、圖像的比例關(guān)系等因素表現(xiàn)出來(lái)。頁(yè)面常見(jiàn)的是在頁(yè)面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使視覺(jué)流程生動(dòng)清晰,視覺(jué)注目程度高。
(6)多媒體功能風(fēng)格設(shè)計(jì)
Internet最大的優(yōu)勢(shì)在于多媒體功能,由于網(wǎng)絡(luò)的限制,在使用多媒體形式來(lái)表現(xiàn)網(wǎng)頁(yè)內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度,或者說(shuō)將多媒體內(nèi)容控制在瀏覽者可接受的下載時(shí)間內(nèi),這就要求畫面的內(nèi)容要有實(shí)用性,如產(chǎn)品介紹甚至可以用三維動(dòng)畫來(lái)表現(xiàn)。
應(yīng)當(dāng)關(guān)注一些新的網(wǎng)上商品的展示方法,以便選擇最簡(jiǎn)便的方法在網(wǎng)上展示出更好的效果。目前網(wǎng)上產(chǎn)品展示技術(shù)主要有Java插件模擬三維展示與現(xiàn)實(shí)模擬三維展示。
(7)圖像運(yùn)用風(fēng)格設(shè)計(jì)
圖像運(yùn)用時(shí),不必以在頁(yè)面上填滿圖像來(lái)增加視覺(jué)趣味。盡量使用彩色圓點(diǎn),它們較小并能為列表增加色彩活力。彩色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖形感。
對(duì)圖像的格式應(yīng)加以選擇,在不影響圖像效果的前提下,應(yīng)該選擇文件容量更小的圖像。對(duì)于很多圖像要顯示的頁(yè)面,開(kāi)始應(yīng)該顯示一個(gè)小的圖像,如果用戶想觀察高質(zhì)量的大圖像,可以由單擊小圖像獲得。對(duì)用作背景的GIF圖片要謹(jǐn)慎。它們可以使一個(gè)頁(yè)面看起來(lái)很有趣,甚至很專業(yè),但是裝飾背景時(shí)很容易使文字變得不可辨讀。背景要么很暗,文字較亮;背景要么很亮,文字較暗。如果背景含有圖像,對(duì)比度一定要設(shè)置較低,這樣才不至于過(guò)于分散瀏覽者的注意力。網(wǎng)站設(shè)計(jì)公司本文關(guān)于“網(wǎng)站設(shè)計(jì)關(guān)于電子商務(wù)網(wǎng)站的Banner的設(shè)計(jì)”的知識(shí)就介紹分享到這里,謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。