|
您的位置: 首頁 > 網(wǎng)站資訊 > 輕設(shè)計在網(wǎng)站設(shè)計中的運用 |
輕設(shè)計在網(wǎng)站設(shè)計中的運用發(fā)布日期:2017/8/1
在網(wǎng)站或軟件的策劃和設(shè)計過程中,我們經(jīng)常聽到這樣的討論:“這個功能設(shè)計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計是時下炙手可熱的話題,也是旭日東升的web2.0大浪下設(shè)計師們的愛好(看看那些在全世界遍地開花的sns網(wǎng)站,無論是視覺元素照舊交互流程均能輕則輕)。本文主要從實踐和總結(jié)的角度出發(fā),提出了讓設(shè)計變得更輕的6個技巧。 何為輕設(shè)計:
在開始之前先需要明確下何為輕設(shè)計。這里并不想給輕設(shè)計下一個專業(yè)的定義,只是歸納了大家對輕設(shè)計所應(yīng)具有的特征的理解。 輕設(shè)計的6個技巧:
1. 天真的logo響應(yīng)區(qū)
2. 靈敏的可交互元素
主要的操作和指導(dǎo)按鈕應(yīng)該設(shè)計得更加詳盡些,包括按鈕的三態(tài)(常態(tài),hover,active)甚至四態(tài)(增添一個禁用態(tài))。這么做也是為了使主要的可交互元素對不同的操作及時給出反饋,使其顯得靈敏高效。
文本框的狀況也是一個容易被忽略的細節(jié),主要是獲取焦點后無提醒或者提醒不夠顯明。
另外對于一些響應(yīng)時間稍長的操作,應(yīng)該給出進度反饋。似乎是顯而易見的道理,但是設(shè)計中往往也容易忽視。
3. 清晰且溫文的提醒 twitter中替換個性化主題時的提醒,從頁面頂部柔和出現(xiàn),停留片刻后主動消逝。
meme中的follow提醒,在操作處出現(xiàn)。
4. 隱藏或弱化不常用的操作 twitter中將每條微博條目的操作隱藏了起來,減小了對閱讀的干擾。而且在鼠標經(jīng)過條目響應(yīng)區(qū)和操作時,都有響應(yīng)的轉(zhuǎn)變以作為反饋。
flickr中針對照片的操作也使用淡灰色,盡可能弱化和削減對照片瀏覽的干擾。
5. 指導(dǎo)和強化推薦操作 大而易用的表單和注冊按鈕
箭頭和紅色的按鈕一路提供了明晰的視覺路徑指引。
常用操作的特異處理。某些瀏覽器的后退操作也有類似處理。
6. 輕便處理一時義務(wù) flickr中對相片名字的即時編輯,當頁完成,特別很是輕便。
delicious中對珍藏條目的刪除確認,同樣在當頁完成,輕便且很好地降低了騷擾。
小結(jié):
|
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 aqdzp.cn All Rights Reserved |