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

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

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

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

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

可以從幾個方面來分析:

色彩

Amoderneden

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

Paraply

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

MailChimp

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

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

布局

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

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

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

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

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

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

可以舉些例子：

LemonStand

Opera

Zendesk

百度快搜

按鈕

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

看看下面這些按鈕實例：

功能點

如果可以，在頁面下半部分使用一些圖標(biāo)和短標(biāo)題來把產(chǎ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ū)動的。

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

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：擁有粉絲量56萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：