網(wǎng)站輕設計指用盡量高效與少量的元素來體現(xiàn)網(wǎng)站的功能，最能代表輕設計的網(wǎng)站就是當前那些SNS社交網(wǎng)站，我們可以看出那些大型的SNS網(wǎng)站基本都是采用輕設計的方法。

在網(wǎng)站或軟件的策劃和設計過程中，我們經(jīng)常聽到這樣的討論：“這個功能設計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設計是時下炙手可熱的話題，也是方興未艾的Web2.0大浪下設計師們的最愛(看看那些在全世界遍地開花的SNS網(wǎng)站，無論是視覺元素還是交互流程均能輕則輕)。本文主要從實踐和總結的角度出發(fā)，提出了讓設計變得更輕的6個技巧。 何為輕設計： 在開始之前先需要明確下何為輕設計。這里并不想給輕設計下一個專業(yè)的定義，只是歸納了大家對輕設計所應具有的特性的理解。 具有靈敏的可交互元素：頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應操作并即時反饋。 輕便的流程和提示，不打斷用戶的當前任務：一項任務盡量用少而清晰的步驟去完成，提示和臨時任務盡量不中斷用戶主任務，不要讓用戶做不必要的確認和操作。 不干擾用戶的注意力：用戶是來使用產(chǎn)品和服務的，而不是來欣賞精美的設計，如果使用過程中會因為設計元素分散注意力那么可能是設計太重了。試著少用些無用的裝飾和細節(jié)。 網(wǎng)站輕設計的6個技巧： 1. 靈活的logo響應區(qū) 點擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個角度看，Logo不僅起著品牌標識的作用，還承擔了重要的導航功能。就連普通的鏈接當在鼠標劃過時都有下劃線或者變色提示，那么logo作為一個更為重要的可交互元素，是否也應該在鼠標劃過時提供適當?shù)姆答伳? 下面列舉了幾個logo區(qū)靈活響應鼠標例子，在使用過程中發(fā)現(xiàn)，小小的變化不僅提升了可用性，還讓網(wǎng)站顯得靈敏而有生氣。 2. 靈敏的可交互元素 導航對于網(wǎng)站的重要性不言而喻，導航元素要即時響應鼠標操作。 重要的操作和引導按鈕應該設計得更加細致些，包括按鈕的三態(tài)(常態(tài)，hover，active)甚至四態(tài)(增加一個禁用態(tài))。這么做也是為了使重要的可交互元素對不同的操作及時給出反饋，使其顯得靈敏高效。 文本框的狀態(tài)也是一個容易被忽略的細節(jié)，主要是獲取焦點后無提示或者提示不夠明顯。

另外對于一些響應時間稍長的操作，應該給出進度反饋。似乎是顯而易見的道理，但是設計中往往也容易忽視。 3. 清晰且溫和的提示 提示通常都是提供輔助性信息的，既然是輔助性的，就不宜喧賓奪主過分強化。除非必要，也最好不要給用戶帶來額外的操作(比如需要用戶主動關閉，確認等)。提示的內容也是為了帶來幫助或者提供反饋，因此言簡意賅最重要。 twitter中更換個性化主題時的提示，從頁面頂部柔和出現(xiàn)，停留片刻后自動消失。 meme中的follow提示，在操作處出現(xiàn)。 4. 隱藏或弱化不常用的操作 不常用的操作可以弱化，或者隱藏起來，當鼠標經(jīng)過的時候再出現(xiàn)。這個是基于上文提到的不干擾用戶注意力角度出發(fā)的。 Twitter中將每條微博條目的操作隱藏了起來，減小了對閱讀的干擾。而且在鼠標經(jīng)過條目響應區(qū)和操作時，都有相應的變化以作為反饋。 flickr中針對照片的操作也使用淡灰色，盡可能弱化和減少對照片瀏覽的干擾。 5. 引導和強化推薦操作 強而明晰的引導是十分必要的，研究表明用戶在瀏覽頁面的時候是跳躍性、非線性的，用戶并不喜歡在諸多的操作中選擇和尋找最佳選項。所以清晰的引導就顯得更加重要了。重要和常用操作還可以特異處理，以便于尋找和點擊。 大而易用的表單和注冊按鈕 箭頭和紅色的按鈕一起提供了明晰的視覺路徑指引。 常用操作的特異處理。某些瀏覽器的后退操作也有類似處理。 6. 輕便處理臨時任務 如果在看一部精彩電影的時候想喝水了，是希望走到廚房間倒水呢還是希望手邊就有一個杯子和水壺?顯然人們都不太愿意中斷主任務和注意力去處理臨時任務，頁面設計也是如此，能在當前頁面完成就盡量在當前頁面完成。模態(tài)窗口、跳轉頁面、付出層等都不是讓用戶覺得舒服的做法。除非確實必要，少使用這樣的做法。 flickr中對相片名字的即時編輯，當頁完成，非常輕巧。 Delicious中對收藏條目的刪除確認，同樣在當頁完成，輕巧且很好地降低了騷擾。 小結：

本文從可用性角度提出了輕設計的幾個技巧：

1. 靈活的logo響應區(qū);

2. 靈敏的可交互元素;

3. 清晰且溫和的提示;

4. 隱藏或弱化不常用的操作;

5. 引導和強化推薦操作;

6. 輕便處理臨時任務

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

當前名稱：網(wǎng)站輕設計的6個技巧
網(wǎng)頁URL：http://m.newbst.com/news19/308969.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、虛擬主機、外貿建站、定制開發(fā)、Google、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)