第一次投稿,如有不足,還請各位看官多見諒。
目錄
運用好線條元素
文字設(shè)計比你想象得更重要
充分利用空間和比例讓你的設(shè)計錦上添花
交互應(yīng)點到即止
在設(shè)計中后臺系統(tǒng)時別把用戶想得太笨,真正笨的用戶如果沒有設(shè)計師的指導(dǎo)完全不會使用產(chǎn)品。用戶的大腦需要通過后臺系統(tǒng)去思考和決定該做什么,并且設(shè)計師也無法去引導(dǎo)聰明的用戶。
和所有典型的企業(yè)產(chǎn)品界面一樣,中后臺系統(tǒng)需要在有限的空間里展示盡量多的信息。用戶不但要能夠?qū)崒嵲谠诘目吹綌?shù)據(jù),更重要的是能在查看數(shù)據(jù)后作出正確的行為。
01.運用好線條元素
數(shù)據(jù)的分級是中后臺系統(tǒng)設(shè)計過程中最困難的部分,而能利用好線條你就能牛逼哄哄的解決一大半問題。
中后臺系統(tǒng)最起碼包括主要控制器(導(dǎo)航條)、重要數(shù)字指標(biāo)顯示區(qū)域以及列表這三個部分,而且每一部分都包含著諸多不可忽視的細(xì)節(jié)。
我們可以運用面來做視覺元素將一些優(yōu)先級最高的數(shù)據(jù)區(qū)別開來,接下來就可以想辦法對詳細(xì)數(shù)據(jù)進(jìn)行區(qū)別,而線通過自身特有的韻律來輔助閱讀成為我們可用的最好設(shè)計元素。當(dāng)你把注意力放在某些信息上時,線條元素會扮演一個輔助集中注意力的角色,隔絕無關(guān)元素。
由于數(shù)據(jù)信息是最為重要的,線條不應(yīng)該吸引過多的注意力,因此我們通常都用一個像素的線條。當(dāng)然,降低用戶對于線條元素的注意不是意味著越模糊越好,只有相對顯眼的線條才能幫助到用戶閱讀。
02.文字設(shè)計比你想象得更重要
在保持閱讀清晰的前提下,盡量降低字重,因為在中后臺系統(tǒng)里,經(jīng)常會遇到大段文字?jǐn)D在一起的情況,如果字重太高,開發(fā)出來你哭的地方都沒有。另外,為了確保信息的易讀性,請使用非襯線字體。
03.充分利用空間和比例讓你的設(shè)計錦上添花
在消費品的設(shè)計中添加色彩和ICON是我們常用的視覺設(shè)計的慣用招數(shù),但是,在中后臺系統(tǒng)的設(shè)計中,對顏色和ICON的運用要謹(jǐn)慎一些,以免造成多余的認(rèn)知障礙。
由于文字能夠傳達(dá)清晰準(zhǔn)確的信息,無疑是更好的設(shè)計元素。通常會有兩種場景會用到ICON,要么是為了幫助用戶快速導(dǎo)航,要么就是能夠產(chǎn)生類似編輯這種直接通用的暗示。能夠謹(jǐn)慎的使用顏色和ICON,你設(shè)計的界面就不至于亂糟糟的。充分的利用好空間和比例,別讓界面元素過于擁擠,那么你也能設(shè)計出高逼格的中后臺系統(tǒng)。
04.交互應(yīng)點到即止
在中后臺系統(tǒng)的設(shè)計中,使用拖拽等交互方式是大忌,就連雙擊和右鍵都盡量少用。用戶雖然都想著提升工作效率,但他們大部分卻都是懶癌晚期。就和打游戲一樣,老司機能夠飛快地使用鍵盤操作,而菜雞只能拿鼠標(biāo)亂戳,如果菜雞完全沒有想成為老司機的動力,那他們離開了鼠標(biāo)就幾乎就是廢人一個。
并且,如果他們的麒麟臂一旦習(xí)慣了拿鼠標(biāo)戳,就根本停不下來。對于這部分菜雞用戶來說,拖拽這種高級交互行為是不存在的。
這四條設(shè)計原則很有可能沒法讓你的設(shè)計水平突飛猛進(jìn),但是我們也得意識到,展示正確的信息哪怕展示的方式不對也比金玉其外敗絮其中要更好,所以,在做設(shè)計之前我們首先要做的還是先去做用戶和相關(guān)利益者的分析,了解到底該展示些什么信息,以及為什么。
以上。
本文由@王剛原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自PEXELS,基于CC0協(xié)議
更多關(guān)于云服務(wù)器,域名注冊,虛擬主機的問題,請訪問西部數(shù)碼官網(wǎng):www.ps-sw.cn