淺談門戶網(wǎng)站的頁(yè)面設(shè)計(jì)

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

突出主題思想

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

如何突出

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

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

在色彩的設(shè)計(jì)上，即要符合網(wǎng)站整體特征，又要適合所渲染信息的特征。一般采用同色系或相鄰色系對(duì)網(wǎng)站基礎(chǔ)信息進(jìn)行渲染，對(duì)于突現(xiàn)主題的信息采用基礎(chǔ)信息色彩的補(bǔ)色或?qū)Ρ壬M(jìn)行渲染，從視覺上體現(xiàn)信息的權(quán)重與邏輯關(guān)系，達(dá)到突出重要、弱化次要地目的。

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

而網(wǎng)站的首頁(yè)，除了需要顯示以上這些基礎(chǔ)信息之外，最重要的是還承擔(dān)著網(wǎng) 站轉(zhuǎn)化率的重任，這也是所有類型的網(wǎng)站首頁(yè)的最重要任務(wù)。如何讓網(wǎng)站首頁(yè)完成這項(xiàng)重要的任務(wù)呢?我的理解是把網(wǎng)站所提供的產(chǎn)品或勞務(wù)通過版式設(shè)計(jì)、文案設(shè) 計(jì)、色彩設(shè)計(jì)之后，展示在首頁(yè)適當(dāng)?shù)奈恢茫⑹蛊洳皇芷渌畔⒃馗蓴_，甚至使其它元素為它(產(chǎn)品或勞務(wù))服務(wù)。

本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)公司-創(chuàng)新互聯(lián)

當(dāng)前題目：淺談門戶網(wǎng)站的頁(yè)面設(shè)計(jì)
標(biāo)題URL：http://www.muchs.cn/news25/318025.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站、網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站改版、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)