在網(wǎng)站或軟件的策劃和設(shè)計(jì)過(guò)程中，我們經(jīng)常聽(tīng)到這樣的討論：“這個(gè)功能設(shè)計(jì)得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計(jì)是時(shí)下炙手可熱的話題，也是旭日東升的web2.0大浪下設(shè)計(jì)師們的愛(ài)好（看看那些在全世界遍地開(kāi)花的sns網(wǎng)站，無(wú)論是視覺(jué)元素照舊交互流程均能輕則輕）。本文主要從實(shí)踐和總結(jié)的角度出發(fā)，提出了讓設(shè)計(jì)變得更輕的6個(gè)技巧。

何為輕設(shè)計(jì)：

在開(kāi)始之前先需要明確下何為輕設(shè)計(jì)。這里并不想給輕設(shè)計(jì)下一個(gè)專(zhuān)業(yè)的定義，只是歸納了大家對(duì)輕設(shè)計(jì)所應(yīng)具有的特征的理解。
具有靈敏的可交互元素：頁(yè)面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應(yīng)操作并即時(shí)反饋。
輕便的流程和提醒，不打斷用戶(hù)的當(dāng)前義務(wù)：一項(xiàng)義務(wù)盡量用少而清晰的步驟去完成，提醒和一時(shí)義務(wù)盡量不中止用戶(hù)主義務(wù)，不要讓用戶(hù)做不需要的確認(rèn)和操作。
不干擾用戶(hù)的注重力：用戶(hù)是來(lái)使用產(chǎn)品和服務(wù)的，而不是來(lái)瀏覽優(yōu)美的設(shè)計(jì)，假如使用過(guò)程中會(huì)因?yàn)樵O(shè)計(jì)元素分散注重力那么可能是設(shè)計(jì)太重了。試著少用些無(wú)用的裝飾和細(xì)節(jié)。

輕設(shè)計(jì)的6個(gè)技巧：

1. 天真的logo響應(yīng)區(qū)
點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁(yè)。從這個(gè)角度看，logo不僅起著品牌標(biāo)識(shí)的作用，還承擔(dān)了主要的導(dǎo)航功能。就連通俗的鏈接當(dāng)在鼠標(biāo)劃過(guò)時(shí)都有下劃線或者變色提醒，那么logo作為一個(gè)更為主要的可交互元素，是否也應(yīng)該在鼠標(biāo)劃過(guò)時(shí)提供適當(dāng)?shù)姆答伳兀?br /> 下面列舉了幾個(gè)logo區(qū)天真響應(yīng)鼠標(biāo)例子，在使用過(guò)程中發(fā)現(xiàn)，小小的轉(zhuǎn)變不僅提拔了可用性，還讓網(wǎng)站顯得靈敏而有生氣。

2. 靈敏的可交互元素
導(dǎo)航對(duì)于網(wǎng)站的主要性不言而喻，導(dǎo)航元素要即時(shí)響應(yīng)鼠標(biāo)操作。

主要的操作和指導(dǎo)按鈕應(yīng)該設(shè)計(jì)得更加詳盡些，包括按鈕的三態(tài)（常態(tài)，hover，active）甚至四態(tài)（增添一個(gè)禁用態(tài)）。這么做也是為了使主要的可交互元素對(duì)不同的操作及時(shí)給出反饋，使其顯得靈敏高效。

文本框的狀況也是一個(gè)容易被忽略的細(xì)節(jié)，主要是獲取焦點(diǎn)后無(wú)提醒或者提醒不夠顯明。

另外對(duì)于一些響應(yīng)時(shí)間稍長(zhǎng)的操作，應(yīng)該給出進(jìn)度反饋。似乎是顯而易見(jiàn)的道理，但是設(shè)計(jì)中往往也容易忽視。

3. 清晰且溫文的提醒
提醒通常都是提供輔助性信息的，既然是輔助性的，就不宜喧賓奪主過(guò)分強(qiáng)化。除非需要，也不要給用戶(hù)帶來(lái)額外的操作（比如需要用戶(hù)自動(dòng)關(guān)閉，確認(rèn)等）。提醒的內(nèi)容也是為了帶來(lái)幫助或者提供反饋，因此言簡(jiǎn)意賅主要。

twitter中替換個(gè)性化主題時(shí)的提醒，從頁(yè)面頂部柔和出現(xiàn)，停留片刻后主動(dòng)消逝。

meme中的follow提醒，在操作處出現(xiàn)。

 4. 隱藏或弱化不常用的操作
不常用的操作可以弱化，或者隱藏起來(lái)，當(dāng)鼠標(biāo)經(jīng)過(guò)的時(shí)候再出現(xiàn)。這個(gè)是基于上文提到的不干擾用戶(hù)注重力角度出發(fā)的。

twitter中將每條微博條目的操作隱藏了起來(lái)，減小了對(duì)閱讀的干擾。而且在鼠標(biāo)經(jīng)過(guò)條目響應(yīng)區(qū)和操作時(shí)，都有響應(yīng)的轉(zhuǎn)變以作為反饋。

flickr中針對(duì)照片的操作也使用淡灰色，盡可能弱化和削減對(duì)照片瀏覽的干擾。

5. 指導(dǎo)和強(qiáng)化推薦操作
強(qiáng)而明晰的指導(dǎo)是十分需要的，研究注解用戶(hù)在瀏覽頁(yè)面的時(shí)候是跳躍性、非線性的，用戶(hù)并不喜好在諸多的操作中選擇和尋找好選項(xiàng)。所以清晰的指導(dǎo)就顯得更加主要了。主要和常用操作還可以特異處理，以便于尋找和點(diǎn)擊。

大而易用的表單和注冊(cè)按鈕

箭頭和紅色的按鈕一路提供了明晰的視覺(jué)路徑指引。

常用操作的特異處理。某些瀏覽器的后退操作也有類(lèi)似處理。

6. 輕便處理一時(shí)義務(wù)
假如在看一部精彩電影的時(shí)候想喝水了，是希望走到廚房間倒水呢照舊希望手邊就有一個(gè)杯子和水壺？顯然人們都不太愿意中止主義務(wù)和注重力行止理一時(shí)義務(wù)，頁(yè)面設(shè)計(jì)也是如此，能在當(dāng)前頁(yè)面完成就盡量在當(dāng)前頁(yè)面完成。模態(tài)窗口、跳轉(zhuǎn)頁(yè)面、支出層等都不是讓用戶(hù)覺(jué)得恬逸的做法。除非確實(shí)需要，少使用這樣的做法。

flickr中對(duì)相片名字的即時(shí)編輯，當(dāng)頁(yè)完成，特別很是輕便。

delicious中對(duì)珍藏條目的刪除確認(rèn)，同樣在當(dāng)頁(yè)完成，輕便且很好地降低了騷擾。

小結(jié)：
本文從可用性角度提出了輕設(shè)計(jì)的幾個(gè)技巧：
1. 天真的logo響應(yīng)區(qū)；
2. 靈敏的可交互元素；
3. 清晰且溫文的提醒；
4. 隱藏或弱化不常用的操作；
5. 指導(dǎo)和強(qiáng)化推薦操作；
6. 輕便處理一時(shí)義務(wù)
以上僅是個(gè)人的實(shí)踐和經(jīng)驗(yàn)總結(jié)，迎接大家指出不足之處并提供更多輕設(shè)計(jì)方面的建議。