在網(wǎng)站或軟件的策劃和設(shè)計(jì)過程中,我們經(jīng)常聽到這樣的討論:“這個(gè)功能設(shè)計(jì)得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計(jì)是時(shí)下炙手可熱的話題,也是方興未艾的Web2.0大浪下設(shè)計(jì)師們的最愛(看看那些在全世界遍地開花的SNS網(wǎng)站,無論是視覺元素還是交互流程均能輕則輕)。本文主要從實(shí)踐和總結(jié)的角度出發(fā),提出了讓設(shè)計(jì)變得更輕的6個(gè)技巧。
何為輕設(shè)計(jì):
在開始之前先需要明確下何為輕設(shè)計(jì)。這里并不想給輕設(shè)計(jì)下一個(gè)專業(yè)的定義,只是歸納了大家對輕設(shè)計(jì)所應(yīng)具有的特性的理解。
輕設(shè)計(jì)的6個(gè)技巧:
1. 靈活的logo響應(yīng)區(qū)
點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個(gè)角度看,Logo不僅起著品牌標(biāo)識(shí)的作用,還承擔(dān)了重要的導(dǎo)航功能。就連普通的鏈接當(dāng)在鼠標(biāo)劃過時(shí)都有下劃線或者變色提示,那么logo作為一個(gè)更為重要的可交互元素,是否也應(yīng)該在鼠標(biāo)劃過時(shí)提供適當(dāng)?shù)姆答伳兀?/P>
下面列舉了幾個(gè)logo區(qū)靈活響應(yīng)鼠標(biāo)例子,在使用過程中發(fā)現(xiàn),小小的變化不僅提升了可用性,還讓網(wǎng)站顯得靈敏而有生氣。

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

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

文本框的狀態(tài)也是一個(gè)容易被忽略的細(xì)節(jié),主要是獲取焦點(diǎn)后無提示或者提示不夠明顯。

另外對于一些響應(yīng)時(shí)間稍長的操作,應(yīng)該給出進(jìn)度反饋。似乎是顯而易見的道理,但是設(shè)計(jì)中往往也容易忽視。
3. 清晰且溫和的提示
提示通常都是提供輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強(qiáng)化。除非必要,也最好不要給用戶帶來額外的操作(比如需要用戶主動(dòng)關(guān)閉,確認(rèn)等)。提示的內(nèi)容也是為了帶來幫助或者提供反饋,因此言簡意賅最重要。
twitter中更換個(gè)性化主題時(shí)的提示,從頁面頂部柔和出現(xiàn),停留片刻后自動(dòng)消失。

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