網(wǎng)站建設中輕設計，讓網(wǎng)站靈敏輕便的6個(gè)技巧發(fā)布者：本站     時(shí)間：2022-04-04 19:04:54

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

何為輕設計：

在開(kāi)始之前先需要明確下何為輕設計。這里并不想給輕設計下一個(gè)專(zhuān)業(yè)的定義，只是歸納了大家對輕設計所應具有的特性的理解。

具有靈敏的可交互元素：頁(yè)面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應操作并即時(shí)反饋。
輕便的流程和提示，不打斷用戶(hù)的當前任務(wù)：一項任務(wù)盡量用少而清晰的步驟去完成，提示和臨時(shí)任務(wù)盡量不中斷用戶(hù)主任務(wù)，不要讓用戶(hù)做不必要的確認和操作。
不干擾用戶(hù)的注意力：用戶(hù)是來(lái)使用產(chǎn)品和服務(wù)的，而不是來(lái)欣賞精美的設計，如果使用過(guò)程中會(huì )因為設計元素分散注意力那么可能是設計太重了。試著(zhù)少用些無(wú)用的裝飾和細節。
輕設計的6個(gè)技巧：

1. 靈活的logo響應區

點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁(yè)。從這個(gè)角度看，Logo不僅起著(zhù)品牌標識的作用，還承擔了重要的導航功能。就連普通的鏈接當在鼠標劃過(guò)時(shí)都有下劃線(xiàn)或者變色提示，那么logo作為一個(gè)更為重要的可交互元素，是否也應該在鼠標劃過(guò)時(shí)提供適當的反饋呢？

下面列舉了幾個(gè)logo區靈活響應鼠標例子，在使用過(guò)程中發(fā)現，小小的變化不僅提升了可用性，還讓網(wǎng)站顯得靈敏而有生氣。

輕設計，讓網(wǎng)站靈敏輕便的6個(gè)技巧

2. 靈敏的可交互元素

導航對于網(wǎng)站的重要性不言而喻，導航元素要即時(shí)響應鼠標操作。

輕設計，讓網(wǎng)站靈敏輕便的6個(gè)技巧

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

輕設計，讓網(wǎng)站靈敏輕便的6個(gè)技巧

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

輕設計，讓網(wǎng)站靈敏輕便的6個(gè)技巧

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

3. 清晰且溫和的提示

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

twitter中更換個(gè)性化主題時(shí)的提示，從頁(yè)面頂部柔和出現，停留片刻后自動(dòng)消失。