網(wǎng)站首頁(yè)設計，一定要簡(jiǎn)單明了，突出主題

       開(kāi)宗明義，無(wú)論是對于一篇文章、一場(chǎng)會(huì )議或一部專(zhuān)題片，還是對于一個(gè)網(wǎng)站來(lái)說(shuō)，都是必不可少的。那么能為一個(gè)網(wǎng)站開(kāi)宗明義的地方(標簽)就是Title(標題)和Description(描述、副標題)，而能夠為T(mén)itle和Description提供進(jìn)一步詮釋的就是網(wǎng)站的首頁(yè)。

       網(wǎng)站首頁(yè)需要展示哪些信息

       頁(yè)面的重要性是建立在它所呈現信息的基礎之上，反過(guò)來(lái)說(shuō)，頁(yè)面要向用戶(hù)展示哪些信息是決定其重要與否的首要指標。在網(wǎng)站頁(yè)面中，網(wǎng)站標題、副標題、菜單(狹義上的導航，請參看《WEB導航設計》)、用戶(hù)登錄信息、關(guān)于、版權信息這幾項是網(wǎng)站的基礎信息，是一個(gè)網(wǎng)站身份的像征，承載著(zhù)向用戶(hù)表明網(wǎng)站立場(chǎng)、提供何種產(chǎn)品或勞務(wù)、網(wǎng)站自我介紹、如何聯(lián)系網(wǎng)站的重要使命，在設計頁(yè)面時(shí)，這些信息必不可少。

      而網(wǎng)站的首頁(yè)，除了需要顯示以上這些基礎信息之外，最重要的是還承擔著(zhù)網(wǎng)站轉化率的重任，這也是所有類(lèi)型的網(wǎng)站首頁(yè)的最重要任務(wù)。如何讓網(wǎng)站首頁(yè)完成這項重要的任務(wù)呢？我的理解是把網(wǎng)站所提供的產(chǎn)品或勞務(wù)通過(guò)版式設計、文案設計、色彩設計之后，展示在首頁(yè)適當的位置，并使其不受其它信息元素干擾，甚至使其它元素為它(產(chǎn)品或勞務(wù))服務(wù)。

      突出網(wǎng)站主題思想

      知道了首頁(yè)需要展示哪些信息，知道了信息之間的權重，如何把信息呈現得更符合信息本身，卻不是一件容易的事，需要時(shí)間的磨練與經(jīng)驗的積累。就設計本身而言，是一件感性的事，不像數學(xué)公式，它缺乏嚴謹的理論做為指導，所以在工作中，經(jīng)常出現與Boss、同事意見(jiàn)相左的情況。我個(gè)人的經(jīng)驗是在非重要信息的設計上使其具有普適性，在重要信息的設計上突出設計的主題思想，在與 Boss、同事討論時(shí)，盡量把討論的重點(diǎn)放在主題思想的呈現方式與其對轉化率(或市場(chǎng)目標)的作用之上。你可以說(shuō)這是功利的設計，沒(méi)錯，所有的設計都是以商業(yè)利潤為最終目的。

      如何突出

      在版式設計上，要求把信息分門(mén)別類(lèi)，讓用戶(hù)在掃描(只為掃描而設計，請參考《Don’t Make Me Think》)頁(yè)面時(shí)保證視覺(jué)流的流暢性，在短時(shí)間內(3-5秒)發(fā)現首頁(yè)包函哪些區域（如菜單、廣告、注冊、個(gè)人信息、鏈接、按鈕等），方便用戶(hù)在第一時(shí)間內做出選擇。在設計過(guò)程中，建議嚴格遵循四個(gè)排版的原則，即：對比、對齊、重復和親密性(請參看《寫(xiě)給大家看的設計書(shū)》)。如yahoo.com、renren.com、cnet.com的首頁(yè)設計。

      在文案設計上，副標題的文案設計，要求文案簡(jiǎn)潔明了、開(kāi)宗明義，語(yǔ)言、句式的表達需符合網(wǎng)站的整體調性。如人人網(wǎng)的“因為真實(shí)，所以精彩”，阿里巴巴的“全求最大的采購批發(fā)市場(chǎng)”，babytree.com的“愛(ài)、交流、成長(cháng)”等等。在產(chǎn)品或勞務(wù)宣傳的文案設計上，要求簡(jiǎn)短、易懂、描述要完整，語(yǔ)言要情感豐富，具有扇動(dòng)性，吸引用戶(hù)注意力，最終促使用戶(hù)付出行動(dòng)，這就達到了目的(轉化率或點(diǎn)擊率)。顯示的要素通常包括誰(shuí)/什么、有多少、何時(shí)、何地、如何做、為什么這六大要素（請參看《餐巾紙的背面》）。如人人網(wǎng)、開(kāi)心網(wǎng)首頁(yè)的主題表現形式。這些應該是文案設計的工作，但現狀是Boss不會(huì )專(zhuān)門(mén)聘用Copywriter，網(wǎng)頁(yè)中的文案一般都是由交互設計師來(lái)完成，而小公司是由美工來(lái)完成。所以，了解一些文案設計知識是很有必要的。

      在色彩的設計上，即要符合網(wǎng)站整體特征，又要適合所渲染信息的特征。一般采用同色系或相鄰色系對網(wǎng)站基礎信息進(jìn)行渲染，對于突現主題的信息采用基礎信息色彩的補色或對比色進(jìn)行渲染，從視覺(jué)上體現信息的權重與邏輯關(guān)系，達到突出重要、弱化次要地目的。

      這是什么

      西瓜、thindpad、iphone、百事可樂(lè )、著(zhù)名作家、二戰。當你看到這些名詞時(shí)，腦海里不由的浮現出它們的特征。比如你看到“著(zhù)名作家”時(shí)，可能想到了魯迅，而英國人看到“著(zhù)名作家”時(shí)，很可能想到的是莎士比亞；再比如看到“二戰”這個(gè)名詞，你可能想到了“狗日的”，而猶太人想到的可能是“希.特.勒”。這與用戶(hù)的知識背景有很大的關(guān)系。在進(jìn)行網(wǎng)站頁(yè)面設計時(shí)，用戶(hù)知識背景也必須考慮其中，我曾見(jiàn)過(guò)一領(lǐng)導在與同事們討論頁(yè)面設計時(shí)，在白板上畫(huà)分類(lèi)列表，一直是把它畫(huà)在左側，并以列表式呈現。這個(gè)現象足以說(shuō)明，他所接觸到的分類(lèi)列表可能多數呈現在頁(yè)面左側，所以他無(wú)意識的也認為分類(lèi)列表應該在左側，換句話(huà)說(shuō)，放在右側或其它地方，就不是分類(lèi)列表了?；蛟S我定義得有些極端，但這個(gè)現象確實(shí)能反應出知識背景對用戶(hù)習慣的影響是不可估量的。

      所以，在設計時(shí)，網(wǎng)頁(yè)界面應該設計得要像網(wǎng)頁(yè)界面，軟件界面設計得要像軟件界面，游戲界面設計得要像游戲界面，廣告設計的要像廣告。千萬(wàn)不要為了得到視覺(jué)上的創(chuàng )新，把界面設計成了四不像?；蛟S這種觀(guān)點(diǎn)顯得過(guò)于保守，但有利于把風(fēng)險降到最低。其實(shí)網(wǎng)站最吸引用戶(hù)的地方是內容的質(zhì)量，而并不是花哨、絢麗的視覺(jué)設計。視覺(jué)設計的主要目的在于采用合適的視覺(jué)元素表現出內容的權重與邏輯，屬于配角。在小品《我是主角》中，也很明確的突出了配角與主角應該各自扮演好自已的角色，作為配角的視覺(jué)設計不能搶了主角(內容)的戲。

      不要紙上談兵

      趙括紙上談兵害人害已。理論是可以通過(guò)學(xué)習得到，而經(jīng)驗只能在實(shí)踐中獲取。眼下最近正參與一個(gè)項目的策劃，打算以它為標本，對網(wǎng)頁(yè)界面設計相關(guān)的事項做進(jìn)一步的討論。