網(wǎng)頁界面設(shè)計之設(shè)計網(wǎng)站首頁的技巧開宗明義，無論是對于一篇文章、一場會議或一部專題片，還是對于一個網(wǎng)站來說，影視視頻制作都是必不可少的。那么能為一個網(wǎng)站開宗明義的地方(標(biāo)簽)就是Title(標(biāo)題)和Description(描述、副標(biāo)題)，而能夠?yàn)門itle和 Description提供進(jìn)一步詮釋的就是網(wǎng)站的首頁頁面的重要性是建立在它所呈現(xiàn)信息的基礎(chǔ)之上，反過來說，頁面要向用戶展示哪些信息是決定其重要與否的首要指標(biāo)而網(wǎng)站的首頁，除了需要顯示以上這些基礎(chǔ)信息之外，最重要的是還承擔(dān)著網(wǎng)站轉(zhuǎn)化率的重任，這也是所有類型的網(wǎng)站首頁的最重要任務(wù)。如何讓網(wǎng)站首頁完成這項(xiàng)重要的任務(wù)呢？我的理解是把網(wǎng)站所提供的產(chǎn)品或勞務(wù)通過版式設(shè)計、文案設(shè)計、色彩設(shè)計之后，展示在首頁適當(dāng)?shù)奈恢?，并使其不受其它信息元素干擾，甚至使其它元素為它(產(chǎn)品或勞務(wù))服務(wù)突出主題思想知道了首頁需要展示哪些信息，知道了信息之間的權(quán)重，如何把信息呈現(xiàn)得更符合信息本身，卻不是一件容易的事，需要時間的磨練與經(jīng)驗(yàn)的積累。就設(shè)計本身而言，是一件感性的事，不像數(shù)學(xué)公式，做全球最具影響力的兒童編程教育平臺，它缺乏嚴(yán)謹(jǐn)?shù)睦碚撟鰹橹笇?dǎo)，所以在工作中，經(jīng)常出現(xiàn)與Boss、同事意見相左的情況。我個人的經(jīng)驗(yàn)是在非重要信息的設(shè)計上使其具有普適性，公司宣傳片拍攝在重要信息的設(shè)計上突出設(shè)計的主題思想，在與 Boss、同事討論時，盡量把討論的重點(diǎn)放在主題思想的呈現(xiàn)方式與其對轉(zhuǎn)化率(或市場目標(biāo))的作用之上。你可以說這是功利的設(shè)計，沒錯，所有的設(shè)計都是以商業(yè)利潤為最終目的。在版式設(shè)計上，要求把信息分門別類，讓用戶在掃描(只為掃描而設(shè)計，請參考《Dont Make Me Think》)頁面時保證視覺流的流暢性，在短時間內(nèi)(3 5秒)發(fā)現(xiàn)首頁包函哪些區(qū)域（如菜單、廣告、注冊、個人信息、鏈接、按鈕等），方便用戶在第一時間內(nèi)做出選擇。在設(shè)計過程中，建議嚴(yán)格遵循四個排版的原則，即：對比、對齊、重復(fù)和親密性(請參看《寫給大家看的設(shè)計書》)在文案設(shè)計上，副標(biāo)題的文案設(shè)計，要求文案簡潔明了、開宗明義，語言、句式的表達(dá)需符合網(wǎng)站的整體調(diào)性。顯示的要素通常包括誰/什么、有多少、何時、何地、如何做、為什么這六大要素（請參看《餐巾紙的背面》）。如人人網(wǎng)、開心網(wǎng)首頁的主題表現(xiàn)形式。所以，了解一些文案設(shè)計知識是很有必要的在色彩的設(shè)計上，即要符合網(wǎng)站整體特征，又要適合所渲染信息的特征。一般采用同色系或相鄰色系對網(wǎng)站基礎(chǔ)信息進(jìn)行渲染，對于突現(xiàn)主題的信息采用基礎(chǔ)信息色彩的補(bǔ)色或?qū)Ρ壬M(jìn)行渲染，從視覺上體現(xiàn)信息的權(quán)重與邏輯關(guān)系，達(dá)到突出重要、弱化次要地目的。西瓜、thindpad、iphone、百事可樂、著名作家、二戰(zhàn)。當(dāng)你看到這些名詞時，腦海里不由的浮現(xiàn)出它們的特征。比如你看到“著名作家”時，可能想到了魯迅，而英國人看到“著名作家”時，很可能想到的是莎士比亞；再比如看到“二戰(zhàn)”這個名詞，你可能想到了“狗日的”，而猶太人想到的可能是“希.特.勒”。這與用戶的知識背景有很大的關(guān)系。在進(jìn)行網(wǎng)站頁面設(shè)計時，用戶知識背景也必須考慮其中，我曾見過一領(lǐng)導(dǎo)在與同事們討論頁面設(shè)計時，在白板上畫分類列表，興業(yè)銀行TVC拍攝順利完成進(jìn)入后期制作階段，一直是把它畫在左側(cè)，并以列表式呈現(xiàn)。佳能5D3相機(jī)拍攝夜景，這個現(xiàn)象足以說明，他所接觸到的分類列表可能多數(shù)呈現(xiàn)在頁面左側(cè)，所以他無意識的也認(rèn)為分類列表應(yīng)該在左側(cè)，換句話說，放在右側(cè)或其它地方，就不是分類列表了?；蛟S我定義得有些極端，但這個現(xiàn)象確實(shí)能反應(yīng)出知識背景對用戶習(xí)慣的影響是不可估量的所以，在設(shè)計時，網(wǎng)頁界面應(yīng)該設(shè)計得要像網(wǎng)頁界面，軟件界面設(shè)計得要像軟件界面，游戲界面設(shè)計得要像游戲界面，廣告設(shè)計的要像廣告。千萬不要為了得到視覺上的創(chuàng)新，把界面設(shè)計成了四不像?；蛟S這種觀點(diǎn)顯得過于保守，但有利于把風(fēng)險降到最低。視覺設(shè)計的主要目的在于采用合適的視覺元素表現(xiàn)出內(nèi)容的權(quán)重與邏輯，屬于配角。在小品《我是主角》中，青年人必看的十部勵志電影也很明確的突出了配角與主角應(yīng)該各自扮演好自已的角色，作為配角的視覺設(shè)計不能搶了主角(內(nèi)容)的戲不要紙上談兵趙括紙上談兵害人害已。理論是可以通過學(xué)習(xí)得到，而經(jīng)驗(yàn)只能在實(shí)踐中獲取。眼下最近正參與一個項(xiàng)目的策劃，企業(yè)宣傳片制作打算以它為標(biāo)本，對網(wǎng)頁界面設(shè)計相關(guān)的事項(xiàng)做進(jìn)一步的討論。希望同學(xué)們在批評中給予支持