如何設(shè)計(jì)出一個(gè)高質(zhì)量的網(wǎng)頁(yè).而不是簡(jiǎn)單的做一個(gè)網(wǎng)頁(yè)

　　隨著開(kāi)放平臺(tái)日益增多，衍生出來(lái)的各類應(yīng)用服務(wù)也就呈不斷增長(zhǎng)的趨勢(shì)。這些應(yīng)用服務(wù)的站點(diǎn)設(shè)計(jì)也可謂是五彩斑斕，燦若繁星。

　　我們可以來(lái)找找這些網(wǎng)站的設(shè)計(jì)是否有規(guī)律可循。

　　通常一個(gè)網(wǎng)站，都會(huì)有許多目標(biāo)需要完成，而像應(yīng)用服務(wù)或程序類網(wǎng)站其最主要的目標(biāo)就是吸引訪客去購(gòu)買或者注冊(cè)他們的產(chǎn)品。

　　可以從幾個(gè)方面來(lái)分析

　　色彩

　　Amoderneden

　　從它的整體色彩配圖元素構(gòu)建等不難看出，這是一個(gè)關(guān)于兒童教育有關(guān)的網(wǎng)站，推的就是寓教于樂(lè)的產(chǎn)品服務(wù)。網(wǎng)頁(yè)設(shè)計(jì)教程

　　Paraply

　　他們?yōu)橛脩舻漠?dāng)前位置提供降雨預(yù)報(bào)服務(wù)。憂郁的藍(lán)色預(yù)示著雨雪的降臨，與雨傘保護(hù)感強(qiáng)烈的紅色相對(duì)比顯得相得益彰。

　　MailChimp

　　他們專門為客戶公司提供強(qiáng)大的電子郵件營(yíng)銷服務(wù)。鮮亮的色彩預(yù)示這是家充滿激情活力的公司。

　　色彩的應(yīng)用組合預(yù)示了這些信息。

　　布局

　　一般訪客的視線會(huì)從頁(yè)面的左上角的開(kāi)始，掃視網(wǎng)站的頂部(Logo,導(dǎo)航)

　　接著他們目光向下移動(dòng)，讀下一個(gè)區(qū)域…該產(chǎn)品的模擬截圖和簡(jiǎn)單的文字介紹，通過(guò)這塊漂亮的展示區(qū)域，他們才開(kāi)始對(duì)網(wǎng)站有了初步的印象。

　　訪客看到產(chǎn)品的模擬展示后，他們就可以想象實(shí)際應(yīng)用的情景。如果能夠讓潛在客戶想象使用產(chǎn)品的情形，你就已經(jīng)開(kāi)始勾起他們的購(gòu)買欲望了。

　　更重要的是，這類圖片不僅僅是會(huì)吸引訪客，他還傳遞給訪客易于使用的信息。

　　如果你為訪客描繪了一副栩栩如生的畫面，讓用戶覺(jué)得使用你的產(chǎn)品可以受益很多，那么他們的購(gòu)買欲望就會(huì)膨脹起來(lái)。

　　可以舉些例子

　　LemonStand

　　網(wǎng)站的設(shè)計(jì)應(yīng)該為它的目標(biāo)服務(wù)。當(dāng)然，網(wǎng)站的外觀也很重要，它決定了訪客的第一印象，但是同樣重要的是，不要為了設(shè)計(jì)而讓網(wǎng)站走入歧途，美學(xué)上的好看并不能提升網(wǎng)站的表現(xiàn)力。因此，你需要確定設(shè)計(jì)策略都是由網(wǎng)站的目標(biāo)和計(jì)劃驅(qū)動(dòng)的。