界面設(shè)計(jì)是現(xiàn)在的ui設(shè)計(jì)中非常重要的一個(gè)內(nèi)容,包括頁面的設(shè)計(jì)、后臺(tái)管理的設(shè)計(jì)等等。后臺(tái)管理界面由于不接觸用戶,因此其設(shè)計(jì)重點(diǎn)也跟頁面設(shè)計(jì)不同。今天就讓faceui為大家介紹后臺(tái)管理界面設(shè)計(jì)重點(diǎn)是什么,后臺(tái)管理界面設(shè)計(jì)四原則。
后臺(tái)管理界面設(shè)計(jì)重點(diǎn)是什么
1、操作體驗(yàn)
做那種界面的時(shí)候,和設(shè)計(jì)網(wǎng)頁的感覺不一樣。因?yàn)榈每紤]的不只是美觀,更多應(yīng)該在操作體驗(yàn)及視覺舒適度上下足功夫。這種界面會(huì)成為管理員長(zhǎng)時(shí)間駐留的地方,會(huì)有很多數(shù)據(jù)表格。關(guān)于界面中的交互,這里別樣設(shè)計(jì)送上前輩們留下的一句金句,非常經(jīng)典,也很好記:操作前可以預(yù)知;操作中有反饋;操作后可撤銷。不管怎么樣,這三句話,你可以牢牢記住。這是只可意會(huì)不可言傳的。等到你鉆研達(dá)到一定程度了,自然就會(huì)明白。
2、視覺舒適度
視覺方面的注意事項(xiàng),其實(shí)大家都知道,依然是不要超過三個(gè)顏色。如果我們的配色太鮮艷或者太暗沉,都會(huì)讓使用者遭受眼球上的磨難。而且一些按鈕和操作焦點(diǎn)沒有做好區(qū)分和規(guī)范,那都會(huì)是致命的。
圖片來源于網(wǎng)絡(luò)
后臺(tái)管理界面設(shè)計(jì)四原則
1、運(yùn)用好線條元素
數(shù)據(jù)的分級(jí)是中后臺(tái)系統(tǒng)設(shè)計(jì)過程中最困難的部分,而能利用好線條你就能牛逼哄哄的解決一大半問題。中后臺(tái)系統(tǒng)最起碼包括主要控制器(導(dǎo)航條)、重要數(shù)字指標(biāo)顯示區(qū)域以及列表這三個(gè)部分,而且每一部分都包含著諸多不可忽視的細(xì)節(jié)。
我們可以運(yùn)用面來做視覺元素將一些優(yōu)先級(jí)最高的數(shù)據(jù)區(qū)別開來,接下來就可以想辦法對(duì)詳細(xì)數(shù)據(jù)進(jìn)行區(qū)別,而線通過自身特有的韻律來輔助閱讀成為我們可用的最好設(shè)計(jì)元素。當(dāng)你把注意力放在某些信息上時(shí),線條元素會(huì)扮演一個(gè)輔助集中注意力的角色,隔絕無關(guān)元素。由于數(shù)據(jù)信息是最為重要的,線條不應(yīng)該吸引過多的注意力,因此我們通常都用一個(gè)像素的線條。當(dāng)然,降低用戶對(duì)于線條元素的注意不是意味著越模糊越好,只有相對(duì)顯眼的線條才能幫助到用戶閱讀。
2、文字設(shè)計(jì)比你想象得更重要
在保持閱讀清晰的前提下,盡量降低字重,因?yàn)樵谥泻笈_(tái)系統(tǒng)里,經(jīng)常會(huì)遇到大段文字?jǐn)D在一起的情況,如果字重太高,開發(fā)出來你哭的地方都沒有。另外,為了確保信息的易讀性,請(qǐng)使用非襯線字體。
圖片來源于網(wǎng)絡(luò)
3、充分利用空間和比例讓你的設(shè)計(jì)錦上添花
在消費(fèi)品的設(shè)計(jì)中添加色彩和ICON是我們常用的視覺設(shè)計(jì)的慣用招數(shù),但是,在中后臺(tái)系統(tǒng)的設(shè)計(jì)中,對(duì)顏色和ICON的運(yùn)用要謹(jǐn)慎一些,以免造成多余的認(rèn)知障礙。
由于文字能夠傳達(dá)清晰準(zhǔn)確的信息,無疑是更好的設(shè)計(jì)元素。通常會(huì)有兩種場(chǎng)景會(huì)用到ICON,要么是為了幫助用戶快速導(dǎo)航,要么就是能夠產(chǎn)生類似編輯這種直接通用的暗示。能夠謹(jǐn)慎的使用顏色和ICON,你設(shè)計(jì)的界面就不至于亂糟糟的。充分的利用好空間和比例,別讓界面元素過于擁擠,那么你也能設(shè)計(jì)出高逼格的中后臺(tái)系統(tǒng)。
4、交互應(yīng)點(diǎn)到即止
在中后臺(tái)系統(tǒng)的設(shè)計(jì)中,使用拖拽等交互方式是大忌,就連雙擊和右鍵都盡量少用。用戶雖然都想著提升工作效率,但他們大部分卻都是懶癌晚期。就和打游戲一樣,老司機(jī)能夠飛快地使用鍵盤操作,而菜雞只能拿鼠標(biāo)亂戳,如果菜雞完全沒有想成為老司機(jī)的動(dòng)力,那他們離開了鼠標(biāo)就幾乎就是廢人一個(gè)。并且,如果他們的麒麟臂一旦習(xí)慣了拿鼠標(biāo)戳,就根本停不下來。對(duì)于這部分菜雞用戶來說,拖拽這種高級(jí)交互行為是不存在的。
以上就是faceui為大家介紹的關(guān)于后臺(tái)管理界面設(shè)計(jì)的相關(guān)內(nèi)容。界面設(shè)計(jì)本來就是設(shè)計(jì)的重點(diǎn),后臺(tái)管理雖然不屬于用戶關(guān)注的點(diǎn),但是也同樣需要重視。