Web站點的設(shè)計是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將企業(yè)站點作為在因特網(wǎng)--這個新媒體上展示企業(yè)形象、企業(yè)文化的信息空間,領(lǐng)導(dǎo)一定要給予足夠的重視,明確設(shè)計站點的目的和用戶需求,從而作出切實可行的計劃。
挑選與錘煉企業(yè)的關(guān)鍵信息,利用一個邏輯結(jié)構(gòu)有序地組織起來,開發(fā)一個頁面設(shè)計原型,選擇用戶代表來進(jìn)行測試,并逐步精煉這個原型,形成創(chuàng)意。
分析有些網(wǎng)站的效果不如預(yù)想的好,主要原因是對用戶的需求理解有偏差,缺少用戶的檢驗造成的。設(shè)計者常常將企業(yè)的市場營銷和商業(yè)目標(biāo)放在前幾位,而對用戶和潛在的用戶的真正需求了解不多。所以,企業(yè)或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的受眾群體的基本情況,如受教育程度、收入水平、需要信息的范圍及深度等,從而能夠有的放矢。
二、主題鮮明、富有特色
在目標(biāo)明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。
Web站點應(yīng)針對所服務(wù)對象(機(jī)構(gòu)或人)不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置,甚至可以下載聲音和錄像片段。更好的Web站點將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來。
要做到主題鮮明突出,力求簡潔,要點明確,以簡單明確的語言和畫面告訴大家本站點的主題,吸引對本站點有需求的人的視線,對無關(guān)的人員也能留下一定的印象。對于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用。
調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣,突出個性,辦出網(wǎng)站的特色。
Web站點主頁應(yīng)具備的基本成分包括:
頁頭:準(zhǔn)確無誤地標(biāo)識你的站點和企業(yè)標(biāo)志;
E-mail地址:用來接收用戶垂詢;
聯(lián)系信息:如普通郵件地址或電話;
版權(quán)信息。
注意重復(fù)利用已有信息,如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點中。
三、版式編排布局合理
網(wǎng)頁設(shè)計作為一種視覺語言,當(dāng)然要講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處,應(yīng)充分加以利用和借鑒。
版式設(shè)計通過文字圖形的空間組合,表達(dá)出和諧與美。版式設(shè)計通過視覺要素的理性分析,和嚴(yán)格的形式構(gòu)成訓(xùn)練,培養(yǎng)對整體畫面的把握能力和審美能力。一個**的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處,才能使整個網(wǎng)頁生輝。
努力做到整體布局合理化、有序化、整體化。**之作,善于以巧妙、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述,做到豐富多樣而又簡潔明了。
多頁面站點頁面的編排設(shè)計要求把頁面之間的有機(jī)聯(lián)系反映出來,這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到更佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性。特別是關(guān)系十分緊密的有上下文關(guān)系的頁面,一定設(shè)計有向前和向后的按鈕,便于瀏覽者仔細(xì)研讀。
站點設(shè)計簡單有序,主次關(guān)系分明,將零亂頁面的組織過程混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納,經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列,反復(fù)推敲文字、圖形與空間的關(guān)系,使瀏覽者有一個流暢的視覺體驗。
四、色彩和諧重點突出
色調(diào)及黑、白、灰的三色空間關(guān)系不論在設(shè)計還是在繪畫方面都起著重要的作用。在頁面上一定得明確調(diào)性,而其它有色或無色的內(nèi)容均屬黑、白、灰的三色空間關(guān)系,從而構(gòu)成它們的空間層次。
色彩是藝術(shù)表現(xiàn)的要素之一,它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一種感覺。在網(wǎng)頁設(shè)計中,根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。
利用色彩對人們心理的影響的成果,合理地加以運用。按照色彩的記憶性原則,一般暖色較冷色的記憶性強(qiáng)。色彩還具有聯(lián)想與象征的特質(zhì),如:紅色象征火、血、太陽;藍(lán)色象征大海、天空和水面等。所以設(shè)計出售冷食的虛擬店面,應(yīng)使用消更而沉靜的顏色,使人心理上感覺涼爽一些。
在色彩的運用過程中,還應(yīng)注意的一個問題是:由于國家和種族的不同,宗教和信仰的不同,生活的地理位置、文化修養(yǎng)的差異,不同的人群對色彩的喜惡程度有著很大差異。如:兒童喜歡對比強(qiáng)烈、個性鮮明的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏色;生活在沙漠中的人喜歡綠色。在設(shè)計中要考慮主要讀者群的背景和構(gòu)成。
五、形式內(nèi)容和諧統(tǒng)一
形式服務(wù)于內(nèi)容,內(nèi)容又為目的服務(wù),形式與內(nèi)容的統(tǒng)一是設(shè)計網(wǎng)頁的基本原則之一。
畫面的組織原則中,將豐富的意義和多樣的形式組織在一個統(tǒng)一的結(jié)構(gòu)里,形式語言必須符合頁面的內(nèi)容,體現(xiàn)內(nèi)容的豐富含義。
運用對比與調(diào)和,對稱與平衡,節(jié)奏與韻律以及留白等手段,如通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài),產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中,它的均衡有時會使頁面顯得呆板,但如果加入一些動感的的文字、圖案,或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。
點、線、面是視覺語言中的基本元素,使用點、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成更佳的頁面效果。
點是所有空間形態(tài)中更簡潔的元素,也可以說是更活躍、更不安分的元素。設(shè)計中,一個點就可以包羅萬象,體現(xiàn)設(shè)計者的無限心思,網(wǎng)頁中的圖標(biāo),單個圖片,按鈕或一團(tuán)文字等都可以說是點。點是靈活多變的,我們可以將一排文字視為一個點,將一個圖形視為一個點。在網(wǎng)頁設(shè)計中的點,由于大小、形態(tài)、位置的不同而給人不同的心理感受。
線是點移動的軌跡,線在編排設(shè)計中有強(qiáng)調(diào)、分割、導(dǎo)線,視覺線的作用。線會因方向、形態(tài)的不同而產(chǎn)生不同的視覺感受,例如垂直的線給人平穩(wěn)、挺立的感覺,弧線使人感到流暢、輕盈;曲線使人跳動、不安。在頁面中內(nèi)容較多時,就需進(jìn)行版面分割,通過線的分割保證頁面良好的視覺秩序,頁面在直線的分割下,產(chǎn)生和諧統(tǒng)一的美感;通過不同比例的空間分割,有時會產(chǎn)生空間層次韻律感。
面的形態(tài)除了規(guī)則的幾何形體外,還有其它一些不規(guī)則的形態(tài),可以說表現(xiàn)形式是多種多樣的。面在平面設(shè)計中是點的擴(kuò)大,線的重復(fù)形成的。面狀給人以整體美感,使空間層次豐富,使單一的空間多元化,在表達(dá)較含蓄。
網(wǎng)頁設(shè)計中點、線、面的運用并不是孤立的,很多時候都需要將它們結(jié)合起來,表達(dá)**的設(shè)計意境。
六、三維空間指置有方
網(wǎng)絡(luò)上的三維空間是一個假想空間,這種空間關(guān)系需借助動靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。
在頁面中圖片、文字位置前后疊壓,或位置疏密或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。在網(wǎng)頁上,圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見,網(wǎng)上更多的是一些設(shè)計得比較規(guī)范化、簡明化的頁面,這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次,視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使視覺流程生動而清晰,視覺注目程度高。疏密的位置關(guān)系使產(chǎn)生的空間層次富有彈性,同時也讓人產(chǎn)生輕松或緊迫的心理感受。
需指出,隨著Web的普及和計算機(jī)技術(shù)的迅猛發(fā)展,人們對Web語言的要求也日益增長。人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風(fēng)采,于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言,它類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運行在多種平臺之上,只不過能夠更多的為虛擬現(xiàn)實環(huán)境服務(wù)。VRML只是一種語言,對于三維環(huán)境的藝術(shù)設(shè)計仍需要理論和實踐指導(dǎo)。
七、多媒體功能的利用
更大資源優(yōu)勢在于多媒體功能,因而要盡一切努力挖掘它,吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實用性,如產(chǎn)品的介紹甚至可以用三維動畫來表現(xiàn)。
這里需要注意的問題是,由于網(wǎng)絡(luò)帶寬的限制,在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時應(yīng)考慮客戶端的傳輸速度,或者說將多媒體的內(nèi)容控制在用戶可接收的下載時間內(nèi)是十分必要的。
八、相關(guān)站點引導(dǎo)鏈接
一個好的網(wǎng)站的基本要素是用戶進(jìn)入后,與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到,其中要借助于相關(guān)的站點,所以做好導(dǎo)引是一項重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計算機(jī)成為超大規(guī)模的信息庫,鏈接到其它網(wǎng)站輕而易舉。
在設(shè)計網(wǎng)頁的導(dǎo)引組織時,應(yīng)該給出多個相關(guān)網(wǎng)站的鏈接,使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點擊的地方。
九、網(wǎng)站測試必不可少
為什么精心設(shè)計的網(wǎng)站是經(jīng)得起推敲的,就是因為它經(jīng)過認(rèn)真細(xì)致的測試。測試實際上就是模擬用戶訪問網(wǎng)站的過程,得以發(fā)現(xiàn)問題改進(jìn)設(shè)計。
由于一般網(wǎng)站設(shè)計都是一些專業(yè)人員
Web網(wǎng)站的設(shè)計、管理與維護(hù)-網(wǎng)站運營方案,希望能與大家多多交流,謝謝!