第一次投稿，如有不足，還請(qǐng)各位看官多見(jiàn)諒。

　　目錄

　　運(yùn)用好線條元素

　　文字設(shè)計(jì)比你想象得更重要

　　充分利用空間和比例讓你的設(shè)計(jì)錦上添花

　　交互應(yīng)點(diǎn)到即止

　　在設(shè)計(jì)中后臺(tái)系統(tǒng)時(shí)別把用戶想得太笨，真正笨的用戶如果沒(méi)有設(shè)計(jì)師的指導(dǎo)完全不會(huì)使用產(chǎn)品。用戶的大腦需要通過(guò)后臺(tái)系統(tǒng)去思考和決定該做什么，并且設(shè)計(jì)師也無(wú)法去引導(dǎo)聰明的用戶。

　　和所有典型的企業(yè)產(chǎn)品界面一樣，中后臺(tái)系統(tǒng)需要在有限的空間里展示盡量多的信息。用戶不但要能夠?qū)崒?shí)在在的看到數(shù)據(jù)，更重要的是能在查看數(shù)據(jù)后作出正確的行為。

　　01.運(yùn)用好線條元素

　　數(shù)據(jù)的分級(jí)是中后臺(tái)系統(tǒng)設(shè)計(jì)過(guò)程中最困難的部分，而能利用好線條你就能牛逼哄哄的解決一大半問(wèn)題。

　　中后臺(tái)系統(tǒng)最起碼包括主要控制器(導(dǎo)航條)、重要數(shù)字指標(biāo)顯示區(qū)域以及列表這三個(gè)部分，而且每一部分都包含著諸多不可忽視的細(xì)節(jié)。

　　我們可以運(yùn)用面來(lái)做視覺(jué)元素將一些優(yōu)先級(jí)最高的數(shù)據(jù)區(qū)別開(kāi)來(lái)，接下來(lái)就可以想辦法對(duì)詳細(xì)數(shù)據(jù)進(jìn)行區(qū)別，而線通過(guò)自身特有的韻律來(lái)輔助閱讀成為我們可用的最好設(shè)計(jì)元素。當(dāng)你把注意力放在某些信息上時(shí)，線條元素會(huì)扮演一個(gè)輔助集中注意力的角色，隔絕無(wú)關(guān)元素。

　　由于數(shù)據(jù)信息是最為重要的，線條不應(yīng)該吸引過(guò)多的注意力，因此我們通常都用一個(gè)像素的線條。當(dāng)然，降低用戶對(duì)于線條元素的注意不是意味著越模糊越好，只有相對(duì)顯眼的線條才能幫助到用戶閱讀。

　　02.文字設(shè)計(jì)比你想象得更重要

　　在保持閱讀清晰的前提下，盡量降低字重，因?yàn)樵谥泻笈_(tái)系統(tǒng)里，經(jīng)常會(huì)遇到大段文字?jǐn)D在一起的情況，如果字重太高，開(kāi)發(fā)出來(lái)你哭的地方都沒(méi)有。另外，為了確保信息的易讀性，請(qǐng)使用非襯線字體。

　　03.充分利用空間和比例讓你的設(shè)計(jì)錦上添花

　　在消費(fèi)品的設(shè)計(jì)中添加色彩和ICON是我們常用的視覺(jué)設(shè)計(jì)的慣用招數(shù)，但是，在中后臺(tái)系統(tǒng)的設(shè)計(jì)中，對(duì)顏色和ICON的運(yùn)用要謹(jǐn)慎一些，以免造成多余的認(rèn)知障礙。

　　由于文字能夠傳達(dá)清晰準(zhǔn)確的信息，無(wú)疑是更好的設(shè)計(jì)元素。通常會(huì)有兩種場(chǎng)景會(huì)用到ICON，要么是為了幫助用戶快速導(dǎo)航，要么就是能夠產(chǎn)生類似編輯這種直接通用的暗示。能夠謹(jǐn)慎的使用顏色和ICON，你設(shè)計(jì)的界面就不至于亂糟糟的。充分的利用好空間和比例，別讓界面元素過(guò)于擁擠，那么你也能設(shè)計(jì)出高逼格的中后臺(tái)系統(tǒng)。

　　04.交互應(yīng)點(diǎn)到即止

　　在中后臺(tái)系統(tǒng)的設(shè)計(jì)中，使用拖拽等交互方式是大忌，就連雙擊和右鍵都盡量少用。用戶雖然都想著提升工作效率，但他們大部分卻都是懶癌晚期。就和打游戲一樣，老司機(jī)能夠飛快地使用鍵盤操作，而菜雞只能拿鼠標(biāo)亂戳，如果菜雞完全沒(méi)有想成為老司機(jī)的動(dòng)力，那他們離開(kāi)了鼠標(biāo)就幾乎就是廢人一個(gè)。

　　并且，如果他們的麒麟臂一旦習(xí)慣了拿鼠標(biāo)戳，就根本停不下來(lái)。對(duì)于這部分菜雞用戶來(lái)說(shuō)，拖拽這種高級(jí)交互行為是不存在的。

　　這四條設(shè)計(jì)原則很有可能沒(méi)法讓你的設(shè)計(jì)水平突飛猛進(jìn)，但是我們也得意識(shí)到，展示正確的信息哪怕展示的方式不對(duì)也比金玉其外敗絮其中要更好，所以，在做設(shè)計(jì)之前我們首先要做的還是先去做用戶和相關(guān)利益者的分析，了解到底該展示些什么信息，以及為什么。

　　以上。

　　本文由@王剛原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。

　　題圖來(lái)自PEXELS，基于CC0協(xié)議

更多關(guān)于云服務(wù)器，域名注冊(cè)，虛擬主機(jī)的問(wèn)題，請(qǐng)?jiān)L問(wèn)西部數(shù)碼官網(wǎng)：ps-sw.cn





猜你還會(huì)喜歡下面的內(nèi)容

• 做一個(gè)獨(dú)立站需要多少錢
• 西部數(shù)碼怎樣搶注域名
• B2C 電子商務(wù)網(wǎng)站如何做推廣和優(yōu)化
• 網(wǎng)站推廣增加外鏈最好的方法
• 新手站長(zhǎng)淺談：如何在線提升產(chǎn)品轉(zhuǎn)化率
• 網(wǎng)站策劃：九大思維理念助你策劃能力提升
• 如何高效輸出移動(dòng)app產(chǎn)品原型？
• 為什么說(shuō)產(chǎn)品思考是進(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)所不可或缺的？
• 六套 App：構(gòu)建我的產(chǎn)品設(shè)計(jì)工作流
• 如果Vine模式重來(lái)，大概就是Biu這個(gè)樣子
• 新手入門：如何做需求分析
• 產(chǎn)品狗的日常：如何更好的去分解功能點(diǎn)
• 簡(jiǎn)單明了丨如何寫出好的PRD
• 產(chǎn)品必修課——輕松搞定UML
• 如果你是個(gè)苦逼的App測(cè)試人員，這款產(chǎn)品或許能拯救你
• 手把手教你制作實(shí)用美觀的交互設(shè)計(jì)文檔

熱門標(biāo)簽

其他問(wèn)題云服務(wù)器問(wèn)題域名及賬戶問(wèn)題企業(yè)郵局市場(chǎng)咨詢云服務(wù)器云建站/云站群/小程序虛擬主機(jī)網(wǎng)絡(luò)知識(shí)企業(yè)郵箱域名注冊(cè)域名備案域名商標(biāo)注冊(cè)云主機(jī)更多標(biāo)簽...

大家感興趣的內(nèi)容