經(jīng)驗(yàn)分享:讓網(wǎng)頁(yè)設(shè)計(jì)有規(guī)律可循

2013-10-31    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

這是Suyee同學(xué)的一篇老文章了,而分享總結(jié)的經(jīng)驗(yàn)還是很值得大家思考,千萬(wàn)不要養(yǎng)成舊文就不讀不看不想不練的習(xí)慣,這只會(huì)禁錮雙手,麻痹大腦。
收藏再多新文章,卻不去看,還有何意義呢?

開(kāi)篇啰嗦了一下,但這的確是很多同學(xué)們需要改正的壞習(xí)慣。2013年就要過(guò)去了,回首看看,今年你在思想認(rèn)知、設(shè)計(jì)手法、團(tuán)隊(duì)協(xié)作、溝通演講上有了哪些進(jìn)步。

相關(guān)閱讀:
思想認(rèn)知:《電線(xiàn)桿上的用戶(hù)體驗(yàn)設(shè)計(jì)》
設(shè)計(jì)手法:《設(shè)計(jì)要出彩?來(lái)看八大創(chuàng)意理論應(yīng)用篇》
團(tuán)隊(duì)協(xié)作:《團(tuán)隊(duì)合作中用photoshop時(shí)應(yīng)該注意什么》
溝通演講:《寫(xiě)給設(shè)計(jì)師:如何與工程師一起工作》

好咯,進(jìn)入正文:隨著開(kāi)放平臺(tái)日益增多,衍生出來(lái)的各類(lèi)應(yīng)用服務(wù)也就呈不斷增長(zhǎng)的趨勢(shì)。這些應(yīng)用服務(wù)的站點(diǎn)設(shè)計(jì)也可謂是五彩斑斕,燦若繁星。我們可以來(lái)找找這些網(wǎng)站的設(shè)計(jì)是否有規(guī)律可循。

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

色彩

Amoderneden

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

Paraply

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

MailChimp

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

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



 

布局

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

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

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

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

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

最后,當(dāng)用戶(hù)做決定的時(shí)候,視線(xiàn)就自然的落在了按鈕上,引導(dǎo)他們立即購(gòu)買(mǎi)或注冊(cè)產(chǎn)品。

可以舉些例子:

LemonStand

Opera


Zendesk


百度快搜




 

按鈕

操作按鈕要做的灰常之醒目可點(diǎn)擊極強(qiáng),這是必須的。

看看下面這些按鈕實(shí)例:



 

功能點(diǎn)

如果可以,在頁(yè)面下半部分使用一些圖標(biāo)和短標(biāo)題來(lái)把產(chǎn)品的一些功能點(diǎn)羅列出來(lái),簡(jiǎn)明易懂就行。

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

原文地址:ued.5173
作者:suyee

日歷

鏈接

個(gè)人資料

存檔