經(jīng)驗分享:讓網(wǎng)頁設計有規(guī)律可循

2013-10-31    藍藍設計的小編

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

來源:http://www.uisdc.com/100-things-you-should-know-about-design

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

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

開篇啰嗦了一下,但這的確是很多同學們需要改正的壞習慣。2013年就要過去了,回首看看,今年你在思想認知、設計手法、團隊協(xié)作、溝通演講上有了哪些進步。

相關閱讀:
思想認知:《電線桿上的用戶體驗設計》
設計手法:《設計要出彩?來看八大創(chuàng)意理論應用篇》
團隊協(xié)作:《團隊合作中用photoshop時應該注意什么》
溝通演講:《寫給設計師:如何與工程師一起工作》

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

可以從幾個方面來分析:

色彩

Amoderneden

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

Paraply

他們?yōu)橛脩舻漠斍拔恢锰峁┙涤觐A報服務。憂郁的藍色預示著雨雪的降臨,與雨傘保護感強烈的紅色相對比顯得相得益彰。

MailChimp

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

 色彩的應用組合預示了這些信息。



 

布局

一般訪客的視線會從頁面的左上角的開始,掃視網(wǎng)站的頂部(Logo,導航)

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

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

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

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

最后,當用戶做決定的時候,視線就自然的落在了按鈕上,引導他們立即購買或注冊產(chǎn)品。

可以舉些例子:

LemonStand

Opera


Zendesk


百度快搜




 

按鈕

操作按鈕要做的灰常之醒目可點擊極強,這是必須的。

看看下面這些按鈕實例:



 

功能點

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

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

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

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔