|
| 您的位置: 首頁 > 網(wǎng)站資訊 > 提出讓網(wǎng)站設(shè)計(jì)變得更輕的6個(gè)技巧 |
提出讓網(wǎng)站設(shè)計(jì)變得更輕的6個(gè)技巧發(fā)布日期:2017/5/15
在網(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)具有的特征的理解。 具有靈敏的可交互元素:頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應(yīng)操作并即時(shí)反饋。 輕便的流程和提醒,不打斷用戶的當(dāng)前義務(wù):一項(xiàng)義務(wù)盡量用少而清晰的步驟去完成,提醒和一時(shí)義務(wù)盡量不中止用戶主義務(wù),不要讓用戶做不需要的確認(rèn)和操作。 不干擾用戶的注重力:用戶是來使用產(chǎn)品和服務(wù)的,而不是來瀏覽優(yōu)美的設(shè)計(jì),假如使用過程中會(huì)因?yàn)樵O(shè)計(jì)元素分散注重力那么可能是設(shè)計(jì)太重了。試著少用些無用的裝飾和細(xì)節(jié)。 輕設(shè)計(jì)的6個(gè)技巧: 1. 天真的logo響應(yīng)區(qū) 點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個(gè)角度看,Logo不僅起著品牌標(biāo)識的作用,還承擔(dān)了主要的導(dǎo)航功能。就連通俗的鏈接當(dāng)在鼠標(biāo)劃過時(shí)都有下劃線或者變色提醒,那么logo作為一個(gè)更為主要的可交互元素,是否也應(yīng)該在鼠標(biāo)劃過時(shí)提供適當(dāng)?shù)姆答伳? 下面列舉了幾個(gè)logo區(qū)天真響應(yīng)鼠標(biāo)例子,在使用過程中發(fā)現(xiàn),小小的轉(zhuǎn)變不僅提拔了可用性,還讓網(wǎng)站顯得靈敏而有生氣。 2. 靈敏的可交互元素 導(dǎo)航對于網(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))。這么做也是為了使主要的可交互元素對不同的操作及時(shí)給出反饋,使其顯得靈敏高效。 文本框的狀況也是一個(gè)容易被忽略的細(xì)節(jié),主要是獲取焦點(diǎn)后無提醒或者提醒不夠顯明。 另外對于一些響應(yīng)時(shí)間稍長的操作,應(yīng)該給出進(jìn)度反饋。似乎是顯而易見的道理,但是設(shè)計(jì)中往往也容易忽視。
|
| 其他相關(guān)文章 |
|
|
|
|
||||||||
| Copyright 2012-2026 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.tzghgk.com All Rights Reserved |