摘要：網(wǎng)頁(yè)設(shè)計(jì)作為當(dāng)下最流行的設(shè)計(jì)之一，對(duì)人們的日常生活起到了至關(guān)重要的作用，本文以中國(guó)最具特色和最有人氣的社區(qū)類網(wǎng)站——人人網(wǎng)為例，以網(wǎng)頁(yè)設(shè)計(jì)中的版式設(shè)計(jì)為調(diào)查研究，分析在此類網(wǎng)站中版式布局、字體設(shè)計(jì)，圖形圖象設(shè)計(jì)和色彩運(yùn)用等，從而得出一定結(jié)論，如何提高SNS社區(qū)網(wǎng)站的美觀度和實(shí)用度，以及此類網(wǎng)站版式設(shè)計(jì)未來(lái)的發(fā)展。

關(guān)鍵詞：SNS社區(qū)網(wǎng)站 版式設(shè)計(jì) 視覺導(dǎo)向 用戶體驗(yàn)

SNS社區(qū)網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)作為當(dāng)下最流行的設(shè)計(jì)之一，對(duì)人們的日常生活起到了至關(guān)重要的作用，尤其是生活在城市中的人們，已經(jīng)融入到了生活中的點(diǎn)點(diǎn)滴滴，每天刷微博上人人已經(jīng)占據(jù)了都市青年們休閑娛樂的一大部分。社會(huì)不斷的發(fā)展，網(wǎng)絡(luò)科技日新月異，網(wǎng)站的數(shù)量也與日俱增。據(jù)統(tǒng)計(jì)，截止到2010年中國(guó)網(wǎng)頁(yè)有600億，全球網(wǎng)頁(yè)至少有1萬(wàn)億個(gè)網(wǎng)頁(yè)。這一數(shù)字已經(jīng)可以稱為是天文數(shù)字了。而SNS社區(qū)網(wǎng)站也在美國(guó)Fackbook創(chuàng)立開始，在全球開始蔓延。中國(guó)的人人網(wǎng)、開心網(wǎng)、點(diǎn)點(diǎn)網(wǎng)接踵而至，目前呈現(xiàn)白熱化的局面。在爭(zhēng)奪網(wǎng)絡(luò)用戶的基礎(chǔ)上，人人網(wǎng)與開心網(wǎng)等新社區(qū)網(wǎng)站展開了激烈的競(jìng)爭(zhēng)，不斷提高用戶的體驗(yàn)和自身產(chǎn)品的服務(wù)過程中，網(wǎng)頁(yè)中的版式設(shè)計(jì)越來(lái)越受到重視，加之網(wǎng)民對(duì)于看到的網(wǎng)頁(yè)美觀度和實(shí)用度有了更多的需求，也對(duì)網(wǎng)頁(yè)設(shè)計(jì)師們提出了更高的要求及挑戰(zhàn)。中國(guó)的SNS社區(qū)網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)本身有自己的特點(diǎn)，它不同于其他種類的網(wǎng)站，不會(huì)像資訊類的門戶網(wǎng)站那樣，擁有龐大的新聞信息量及專題，也不會(huì)像個(gè)性化的官方網(wǎng)站那樣，豐富多彩。

由于SNS社區(qū)網(wǎng)站普遍建立時(shí)間短，例如人人網(wǎng)是2005年12月開始建立，開心網(wǎng)建立于2008年3月。我們可以看到，迅速的崛起和短時(shí)間的發(fā)展時(shí)間導(dǎo)致很多設(shè)計(jì)不夠整體、不夠?qū)I(yè)，尤其是網(wǎng)頁(yè)設(shè)計(jì)中的版式設(shè)計(jì)部分往往差強(qiáng)人意。在人人網(wǎng)建立初期，個(gè)人頁(yè)面的“博客化”令人不得不聯(lián)想到2000年左右互聯(lián)網(wǎng)剛剛興起時(shí)各式各樣博客的網(wǎng)頁(yè)布局，單調(diào)、死板的構(gòu)圖、毫無(wú)配色概念的窘迫，一直深深影響著社交網(wǎng)站的設(shè)計(jì)和發(fā)展。因?yàn)榘媸皆O(shè)計(jì)中各種元素的組織結(jié)構(gòu)是否有效合理會(huì)直接影響到用戶直觀體驗(yàn)和產(chǎn)品功能的體現(xiàn)，當(dāng)然也會(huì)影響到所有網(wǎng)站行業(yè)在網(wǎng)民中的形象。所以，為了凈化SNS社區(qū)網(wǎng)站的設(shè)計(jì)環(huán)境，提高SNS社區(qū)網(wǎng)站的美觀度和舒適度，特此調(diào)查研究它的版式布局，并根據(jù)研究舉證說(shuō)明怎樣才能達(dá)到SNS社區(qū)網(wǎng)站設(shè)計(jì)的最優(yōu)效果。

1、視覺因素在SNS社區(qū)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)中的重要性

認(rèn)知SNS社區(qū)網(wǎng)站非常重要，以人人網(wǎng)為例，人人網(wǎng)的前身是校內(nèi)網(wǎng)，始建于2005年，藍(lán)色的校內(nèi)標(biāo)志一直深深地被網(wǎng)民，尤其是大學(xué)生們所記憶，迎合當(dāng)時(shí)大學(xué)生社交需求的平臺(tái)迅速搭建，個(gè)人信息化和新穎的呈現(xiàn)形式被大家津津樂道，但是眾所周知，初期的校內(nèi)網(wǎng)結(jié)構(gòu)非常零散，產(chǎn)品很單一，沒有形成整體的模式，頁(yè)面很難被人們記憶，這一過程持續(xù)了將近四年的時(shí)間，校內(nèi)網(wǎng)一直沒有找到突破口。直到2009年8月4日，著名的校內(nèi)網(wǎng)更名為人人網(wǎng)，社會(huì)上所有人都可以來(lái)到這里，從而跨出了校園內(nèi)部這個(gè)范圍。根據(jù)人人網(wǎng)在百度百科中的解釋我們能看到，人人網(wǎng)的宗旨是為整個(gè)中國(guó)互聯(lián)網(wǎng)用戶提供服務(wù)的SNS社交網(wǎng)站，給不同身份的人提供了一個(gè)互動(dòng)交流平臺(tái)，提高用戶之間的交流效率，通過提供發(fā)布日志、保存相冊(cè)、音樂視頻等站內(nèi)外資源分享等功能搭建了一個(gè)功能豐富高效的用戶交流互動(dòng)平臺(tái)。視覺體系再次受到人們的關(guān)注，新標(biāo)志的使用，使得人人網(wǎng)重獲新生，網(wǎng)頁(yè)中的版式設(shè)計(jì)也有了很大的變化，在老用戶習(xí)慣的基礎(chǔ)上有了稍微的變化，布局更加合理，色彩更加和諧。

根據(jù)上述對(duì)于人人網(wǎng)的介紹，我們知道標(biāo)志和網(wǎng)頁(yè)設(shè)計(jì)的變化是顯而易見的，網(wǎng)頁(yè)設(shè)計(jì)中的視覺表達(dá)元素會(huì)引起人們對(duì)具體信息內(nèi)容的關(guān)注，可以使網(wǎng)頁(yè)中的各種產(chǎn)品獲得最大的大眾關(guān)注度。這就需要網(wǎng)頁(yè)設(shè)計(jì)師充分了解用戶的上網(wǎng)習(xí)慣和大眾視覺認(rèn)知的心理和生理特點(diǎn)。從而去深入研究各個(gè)元素之間的關(guān)聯(lián)性和影響力等多重因素，這樣才能建立一個(gè)用戶體驗(yàn)好、視覺色彩明亮的網(wǎng)頁(yè)。人類自身視覺特性促成了視覺傳達(dá)的形成。我們知道人是視覺動(dòng)物，視覺語(yǔ)言的好壞直接決定了網(wǎng)站的生存與發(fā)展，人們?cè)跒g覽SNS社區(qū)網(wǎng)站的時(shí)候，一般都會(huì)帶有輕松或者愉悅的心情，所以視覺上一定要保持清新，給人以舒適的視覺感受，這樣才能關(guān)注到本身的諸多產(chǎn)品，例如人人網(wǎng)中的整體視覺以藍(lán)白為主，清新的設(shè)計(jì)風(fēng)格讓用戶體驗(yàn)者的網(wǎng)頁(yè)黏度高，喜歡停留在人人網(wǎng)上，從而關(guān)注了網(wǎng)站本身的內(nèi)容，好友留言、照片評(píng)論、視頻分享、狀態(tài)更新等等功能才會(huì)受到關(guān)注，進(jìn)而對(duì)網(wǎng)站的其他盈利產(chǎn)品產(chǎn)生興趣，如人人農(nóng)場(chǎng)、VIP會(huì)員專區(qū)、應(yīng)用程序、人人逛街等。我們能看到，網(wǎng)頁(yè)的版式布局和設(shè)計(jì)是否合理美觀，直接影響著用戶體驗(yàn)和視覺享受。

2、人人網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)中的視覺設(shè)計(jì)流程

人人網(wǎng)的整體網(wǎng)頁(yè)視覺以清新明快為主，內(nèi)容充實(shí)、結(jié)構(gòu)清晰、色調(diào)統(tǒng)一、符合大眾的審美需求，以內(nèi)容為主導(dǎo)的SNS社區(qū)網(wǎng)站最大的特點(diǎn)就是圖文并茂，高清圖片配以簡(jiǎn)潔文字非常迎合大眾的口味，使人閱讀起來(lái)非常順暢，整個(gè)網(wǎng)頁(yè)沒有太多多變圖形和繁雜色彩的裝飾堆砌，視覺化表象語(yǔ)言的合理利用是整個(gè)網(wǎng)頁(yè)成敗與否的關(guān)鍵，通過字體、圖標(biāo)、圖片的疏密關(guān)系和組織搭配，我們不難看出，人人網(wǎng)對(duì)于重視視覺感受的用戶非常具有凝合力，只有把網(wǎng)頁(yè)整體布局把控住，才能襯托出網(wǎng)站高質(zhì)量的內(nèi)容，尤其是在點(diǎn)線面的處理上，字體和圖標(biāo)作為點(diǎn)，一定不要過于豐富和搶眼，做到舒適有度即可。

3、人人網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)中具體視覺要素的分析

網(wǎng)頁(yè)設(shè)計(jì)就是通過對(duì)各種構(gòu)成元素的設(shè)計(jì)來(lái)使信息內(nèi)容有效的傳達(dá)出去。網(wǎng)頁(yè)的構(gòu)成元素主要包括標(biāo)志、文字、圖形圖象、色彩、圖標(biāo)、圖片等造型元素及標(biāo)題、導(dǎo)航條、正文、彈框等內(nèi)容要素。

3.1文字的設(shè)計(jì)

文字算是網(wǎng)頁(yè)版式設(shè)計(jì)中最為關(guān)鍵的元素，沒有字體的版式是不完整的。作為傳達(dá)內(nèi)容最主要的手段，它的主要功能是傳達(dá)各種信息和內(nèi)容，而要達(dá)到這種傳達(dá)的有效性和實(shí)用性，文字編輯非常關(guān)鍵，要綜合整體效果，避免頁(yè)面繁雜零亂，減去不必要的文字裝飾變化，使人易認(rèn)、易懂、易讀。網(wǎng)頁(yè)文字編排與設(shè)計(jì)，重要的一點(diǎn)在于要服從信息內(nèi)容的性質(zhì)及特點(diǎn)的要求，其風(fēng)格要與內(nèi)容特性相吻合而不是相脫離，更不能相互沖突。雖然現(xiàn)在可供選擇的字體字庫(kù)非常多，但在同一種網(wǎng)頁(yè)上，最多不要超過三四種字體，標(biāo)題字、正文字、鏈接字、注釋字等。而且，由于瀏覽器兼容性的問題，很多字體是不能被顯示的。只要字體符合內(nèi)容，能在視覺上產(chǎn)生一定的美感，就能贏得用戶的青睞。

3.2色彩的設(shè)計(jì)

版式中的色彩設(shè)計(jì)是非常重要的，如果說(shuō)字體是基石，那么色彩就是靈魂了。色彩能促使用戶對(duì)網(wǎng)站興趣度和認(rèn)知度的提高，在一定意義上說(shuō)也是對(duì)網(wǎng)站整體印象的一個(gè)評(píng)定。一個(gè)失敗的網(wǎng)頁(yè)，色彩一定不會(huì)美觀。我們看到人人網(wǎng)這點(diǎn)做得很理想，整體色彩以清新淡雅為主，淺顏色的背景讓人更加關(guān)注了深顏色的文字和圖片，內(nèi)容至上。這樣用戶在瀏覽網(wǎng)站的時(shí)候，非常清晰、流暢、直觀，突出了網(wǎng)站和頁(yè)面的重點(diǎn)內(nèi)容，這也有利于整體的配色，另外淺顏色的網(wǎng)頁(yè)背景單純，可以配以一些同色系的裝飾來(lái)豐富背景。

3.3圖片的設(shè)計(jì)

圖片是網(wǎng)頁(yè)中最有魅力的視覺元素，圖文并茂地向用戶提供信息，更直觀的增加內(nèi)容的信息量。人們喜歡看圖片，因?yàn)閳D片和文字相比更直觀更有趣味，增加了版式設(shè)計(jì)中“面”的成分。

網(wǎng)絡(luò)圖片的主要特點(diǎn)：一個(gè)特點(diǎn)是圖片要盡量小。網(wǎng)絡(luò)頁(yè)面的圖片用于網(wǎng)絡(luò)的傳輸，受到帶寬的限制，其文件尺寸在一定范圍內(nèi)越小越好；還有一個(gè)特點(diǎn)是圖片質(zhì)量不需要很高。一般來(lái)說(shuō)，分辨率為72dpi是大多數(shù)圖片最佳選擇。當(dāng)然，想人人網(wǎng)這種用戶可以自己上傳圖片的網(wǎng)站，高質(zhì)量和高清圖片比比皆是，所以這條法則也是可以改變的。

人人網(wǎng)作為全球最大的中文SNS社區(qū)網(wǎng)站，有著其自身的優(yōu)勢(shì)和實(shí)力，在網(wǎng)頁(yè)的版式設(shè)計(jì)上一直推陳出新，順應(yīng)時(shí)代的潮流。舊式博客網(wǎng)站布局正在悄無(wú)聲息地變化，以時(shí)間軸式的版式結(jié)構(gòu)模式逐漸取代大陸板塊模式，新形式的網(wǎng)頁(yè)設(shè)計(jì)更加富有創(chuàng)造性和實(shí)用性。社區(qū)網(wǎng)站對(duì)用戶體驗(yàn)相當(dāng)重視，用戶決定網(wǎng)站的命運(yùn)。怎么更好的服務(wù)用戶，帶給大眾更多的形式和驚喜是產(chǎn)品經(jīng)理和網(wǎng)頁(yè)設(shè)計(jì)師們的當(dāng)務(wù)之急。

時(shí)間軸的視覺要素以一條生命線為基準(zhǔn)，從用戶開始注冊(cè)網(wǎng)站開始一直到當(dāng)前用戶在網(wǎng)站活動(dòng)所發(fā)生的一切，都在生命線的左右相互交織，形成一條以時(shí)間為基礎(chǔ)，以內(nèi)容為核心的生命之網(wǎng)，對(duì)于用戶來(lái)講既新鮮又便捷，唯一的缺點(diǎn)就是和原先的版式設(shè)計(jì)模式大相徑庭，這會(huì)對(duì)一部分老用戶造成困擾，所以目前此模式還在推廣之中。新模式和舊模式?jīng)]有所謂的好與壞，只有適不適合。只要能經(jīng)受得住大眾用戶的考驗(yàn)就是出色的設(shè)計(jì)，當(dāng)然任何優(yōu)秀的網(wǎng)頁(yè)版式設(shè)計(jì)都逃不出準(zhǔn)確的運(yùn)用色彩、字體、圖形等視覺元素。盡管中國(guó)目前SNS社區(qū)網(wǎng)站相對(duì)國(guó)外的同行業(yè)網(wǎng)站還有一段距離，但我們要相信，在不久的將來(lái)，一定會(huì)探索出條富有中國(guó)特色的網(wǎng)頁(yè)版式設(shè)計(jì)之路。