監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價咨詢管理系統(tǒng) | 工程設計管理系統(tǒng) | 簽約案例 | 購買價格 | 在線試用 | 手機APP | 產(chǎn)品資料
X 關閉

如何設計網(wǎng)站首頁？？設計需知。

申請免費試用、咨詢電話：400-8352-114

 

楊科宇曾發(fā)表過一篇文章《淺析網(wǎng)頁界面設計——首頁設計》，文中為我們分享了如何進行首頁的界面設計?，F(xiàn)轉(zhuǎn)載于此，供大家借鑒學習。全文如下：

首頁設計，需開宗明義突出主題

開宗明義，無論是對于一篇文章、一場會議或一部專題片，還是對于一個網(wǎng)站來說，都是必不可少的。那么能為一個網(wǎng)站開宗明義的地方（標簽）就是Title（標題）和Description（描述、副標題），而能夠為Title和Description提供進一步詮釋的就是網(wǎng)站的首頁。

展示哪些信息

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

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

突出主題思想

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

如何突出

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

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

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

這是什么

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

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

不要紙上談兵

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




發(fā)布：2007-04-16 17:22    編輯：泛普軟件 · xiaona    [打印此頁]    [關閉]

泛普入庫出庫管理軟件其他應用

藥品進銷存管理系統(tǒng) 醫(yī)藥進銷存 超市進銷存管理系統(tǒng) 服裝進銷存軟件 倉庫進銷存管理軟件 進銷存財務軟件 傻瓜進銷存 萬能進銷存軟件 進銷存網(wǎng)絡版 進銷存管理系統(tǒng) 進銷存系統(tǒng) 服裝庫存管理軟件 條碼倉庫管理軟件 庫存管理軟件 倉庫管理軟件 庫房管理軟件 出入庫管理軟件 倉儲管理系統(tǒng) 倉庫管理系統(tǒng) 庫存管理系統(tǒng) 入庫出庫管理軟件 進銷存軟件排名 倉庫管理軟件哪個好