2014-4-3 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( m.gerard.com.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
隨著開放平臺日益增多，衍生出來的各類應(yīng)用服務(wù)也就呈不斷增長的趨勢。這些應(yīng)用服務(wù)的站點(diǎn)UI設(shè)計也可謂是五彩斑斕，燦若繁星。和藍(lán)藍(lán)設(shè)計一起來找找這些網(wǎng)站設(shè)計的界面設(shè)計是否有規(guī)律可循。
可以從幾個方面來分析:
Amoderneden
從它的整體色彩配圖元素構(gòu)建等不難看出，這是一個關(guān)于兒童教育有關(guān)的網(wǎng)站，推的就是寓教于樂的產(chǎn)品服務(wù)。
Paraply
他們?yōu)橛脩舻漠?dāng)前位置提供降雨預(yù)報服務(wù)。憂郁的藍(lán)色預(yù)示著雨雪的降臨，與雨傘保護(hù)感強(qiáng)烈的紅色相對比顯得相得益彰。
MailChimp
他們專門為客戶公司提供強(qiáng)大的電子郵件營銷服務(wù)。鮮亮的色彩預(yù)示這是家充滿激情活力的公司。
色彩的應(yīng)用組合預(yù)示了這些信息。
一般訪客的視線會從頁面的左上角的開始，掃視網(wǎng)站的頂部（Logo,導(dǎo)航）
接著他們目光向下移動，讀下一個區(qū)域…該產(chǎn)品的模擬截圖和簡單的文字介紹，通過這塊漂亮的展示區(qū)域，他們才開始對網(wǎng)站有了初步的印象。
訪客看到產(chǎn)品的模擬展示后，他們就可以想象實(shí)際應(yīng)用的情景。如果能夠讓潛在客戶想象使用產(chǎn)品的情形，你就已經(jīng)開始勾起他們的購買欲望了。
更重要的是，這類圖片不僅僅是會吸引訪客，他還傳遞給訪客易于使用的信息。
如果你為訪客描繪了一副栩栩如生的畫面，讓用戶覺得使用你的產(chǎn)品可以受益很多，那么他們的購買欲望就會膨脹起來。
最后，當(dāng)用戶做決定的時候，視線就自然的落在了按鈕上，引導(dǎo)他們立即購買或注冊產(chǎn)品。
可以舉些例子：
LemonStand
Opera
Zendesk
百度快搜
操作按鈕要做的灰常之醒目可點(diǎn)擊極強(qiáng)，這是必須的。
看看下面這些按鈕實(shí)例：
如果可以，在頁面下半部分使用一些圖標(biāo)和短標(biāo)題來把產(chǎn)品的一些功能點(diǎn)羅列出來，簡明易懂就行。
網(wǎng)站的界面設(shè)計應(yīng)該為它的目標(biāo)服務(wù)。當(dāng)然，網(wǎng)站的外觀也很重要，它決定了訪客的第一印象，但是同樣重要的是，不要為了設(shè)計而讓網(wǎng)站走入歧途，美學(xué)上的好看并不能提升網(wǎng)站的表現(xiàn)力。因此，你需要確定設(shè)計策略都是由網(wǎng)站的目標(biāo)和計劃驅(qū)動的。
藍(lán)藍(lán)設(shè)計的小編 http://m.gerard.com.cn