開宗明義,無論是對于一篇文章、一場會議或一部專題片,還是對于一個網(wǎng)站來說,都是必不可少的。那么能為一個網(wǎng)站開宗明義的地方(標(biāo)簽)就是Title(標(biāo)題)和Description(描述、副標(biāo)題),而能夠為Title和Description提供進一步詮釋的就是網(wǎng)站的首頁。
展示哪些信息
頁面的重要性是建立在它所呈現(xiàn)信息的基礎(chǔ)之上,反過來說,頁面要向用戶展示哪些信息是決定其重要與否的首要指標(biāo)。在網(wǎng)站頁面中,網(wǎng)站標(biāo)題、副標(biāo)題、菜單(狹義上的導(dǎo)航,請參看《WEB導(dǎo)航設(shè)計》)、用戶登錄信息、關(guān)于、版權(quán)信息這幾項是網(wǎng)站的基礎(chǔ)信息,是一個網(wǎng)站身份的像征,承載著向用戶表明網(wǎng)站立場、提供何種產(chǎn)品或勞務(wù)、網(wǎng)站自我介紹、如何聯(lián)系網(wǎng)站的重要使命,在設(shè)計頁面時,這些信息必不可少。
而網(wǎng)站的首頁,除了需要顯示以上這些基礎(chǔ)信息之外,最重要的是還承擔(dān)著網(wǎng) 站轉(zhuǎn)化率的重任,這也是所有類型的網(wǎng)站首頁的最重要任務(wù)。如何讓網(wǎng)站首頁完成這項重要的任務(wù)呢?我的理解是把網(wǎng)站所提供的產(chǎn)品或勞務(wù)通過版式設(shè)計、文案設(shè) 計、色彩設(shè)計之后,展示在首頁適當(dāng)?shù)奈恢茫⑹蛊洳皇芷渌畔⒃馗蓴_,甚至使其它元素為它(產(chǎn)品或勞務(wù))服務(wù)。
突出主題思想
知道了首頁需要展示哪些信息,知道了信息之間的權(quán)重,如何把信息呈現(xiàn)得更 符合信息本身,卻不是一件容易的事,需要時間的磨練與經(jīng)驗的積累。就設(shè)計本身而言,是一件感性的事,不像數(shù)學(xué)公式,它缺乏嚴謹?shù)睦碚撟鰹橹笇?dǎo),所以在工作 中,經(jīng)常出現(xiàn)與Boss、同事意見相左的情況。我個人的經(jīng)驗是在非重要信息的設(shè)計上使其具有普適性,在重要信息的設(shè)計上突出設(shè)計的主題思想,在與 Boss、同事討論時,盡量把討論的重點放在主題思想的呈現(xiàn)方式與其對轉(zhuǎn)化率(或市場目標(biāo))的作用之上。你可以說這是功利的設(shè)計,沒錯,所有的設(shè)計都是以 商業(yè)利潤為最終目的。
如何突出
在版式設(shè)計上,要求把信息分門別類,讓用戶在掃描(只為掃描而設(shè)計,請參考《Don’t Make Me Think》)頁面時保證視覺流的流暢性,在短時間內(nèi)(3-5秒)發(fā)現(xiàn)首頁包函哪些區(qū)域(如菜單、廣告、注冊、個人信息、鏈接、按鈕等),方便用戶在第一時間內(nèi)做出選擇。在設(shè)計過程中,建議嚴格遵循四個排版的原則,即:對比、對齊、重復(fù)和親密性(請參看《寫給大家看的設(shè)計書》)。如yahoo.com、renren.com、cnet.com的首頁
在文案設(shè)計上,副標(biāo)題的文案設(shè)計,要求文案簡潔明了、開宗明義,語言、句 式的表達需符合網(wǎng)站的整體調(diào)性。如人人網(wǎng)的“因為真實,所以精彩”,阿里巴巴的“全求最大的采購批發(fā)市場”,babytree.com的“愛、交流、成 長”等等。在產(chǎn)品或勞務(wù)宣傳的文案設(shè)計上,要求簡短、易懂、描述要完整,語言要情感豐富,具有扇動性,吸引用戶注意力,最終促使用戶付出行動,這就達到了 目的(轉(zhuǎn)化率或點擊率)。顯示的要素通常包括誰/什么、有多少、何時、何地、如何做、為什么這六大要素(請參看《餐巾紙的背面》)。如人人網(wǎng)、開心網(wǎng)首頁的主題表現(xiàn)形式。這些應(yīng)該是文案設(shè)計的工作,但現(xiàn)狀是Boss不會專門聘用Copywriter,網(wǎng)頁中的文案一般都是由交互設(shè)計師來完成,而小公司是由美工來完成。所以,了解一些文案設(shè)計知識是很有必要的。
在色彩的設(shè)計上,即要符合網(wǎng)站整體特征,又要適合所渲染信息的特征。一般采用同色系或相鄰色系對網(wǎng)站基礎(chǔ)信息進行渲染,對于突現(xiàn)主題的信息采用基礎(chǔ)信息色彩的補色或?qū)Ρ壬M行渲染,從視覺上體現(xiàn)信息的權(quán)重與邏輯關(guān)系,達到突出重要、弱化次要地目的。
這是什么
西瓜、thindpad、iphone、百事可樂、著名作家、二戰(zhàn)。當(dāng)你 看到這些名詞時,腦海里不由的浮現(xiàn)出它們的特征。比如你看到“著名作家”時,可能想到了魯迅,而英國人看到“著名作家”時,很可能想到的是莎士比亞;再比 如看到“二戰(zhàn)”這個名詞,你可能想到了“狗日的”,而猶太人想到的可能是“希特勒”。這與用戶的知識背景有很大的關(guān)系。在進行網(wǎng)站頁面設(shè)計時,用戶知識背 景也必須考慮其中,我曾見過一領(lǐng)導(dǎo)在與同事們討論頁面設(shè)計時,在白板上畫分類列表,一直是把它畫在左側(cè),并以列表式呈現(xiàn)。這個現(xiàn)象足以說明,他所接觸到的 分類列表可能多數(shù)呈現(xiàn)在頁面左側(cè),所以他無意識的也認為分類列表應(yīng)該在左側(cè),換句話說,放在右側(cè)或其它地方,就不是分類列表了?;蛟S我定義得有些極端,但 這個現(xiàn)象確實能反應(yīng)出知識背景對用戶習(xí)慣的影響是不可估量的。
所以,在設(shè)計時,網(wǎng)頁界面應(yīng)該設(shè)計得要像網(wǎng)頁界面,軟件界面設(shè)計得要像軟 件界面,游戲界面設(shè)計得要像游戲界面,廣告設(shè)計的要像廣告。千萬不要為了得到視覺上的創(chuàng)新,把界面設(shè)計成了四不像?;蛟S這種觀點顯得過于保守,但有利于把 風(fēng)險降到最低。其實網(wǎng)站最吸引用戶的地方是內(nèi)容的質(zhì)量,而并不是花哨、絢麗的視覺設(shè)計。視覺設(shè)計的主要目的在于采用合適的視覺元素表現(xiàn)出內(nèi)容的權(quán)重與邏 輯,屬于配角。在小品《我是主角》中,也很明確的突出了配角與主角應(yīng)該各自扮演好自已的角色,作為配角的視覺設(shè)計不能搶了主角(內(nèi)容)的戲。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)(CNDESIGN)會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)