亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI中的標(biāo)簽，究竟該怎么使用?

發(fā)布時間：2024-04-08 10:11:52 瀏覽量：205次

當(dāng)我們向用戶展示數(shù)據(jù)的時候，特別是展示來自數(shù)據(jù)庫的多種數(shù)據(jù)時，很容易陷入一個陷阱：使用大量標(biāo)簽去解釋數(shù)據(jù)信息。


產(chǎn)生這個問題的原因是因為多層級的數(shù)據(jù)展示比較困難，因為每個數(shù)據(jù)的重要性和優(yōu)先級是一樣的。


有些時候可能不需要標(biāo)簽


在很多情況下，這些數(shù)據(jù)信息只需要改變一下格式形式，你就能判斷。


比如：aduobi@woniuxy.com 這是郵箱地址，(555) 765-4321是電話號碼，$19.99是價格。以上例子是我們不使用標(biāo)簽的情況下，用戶也能識別的信息。


再比如當(dāng)你在員工名錄中看到“客戶支持與服務(wù)”在某個員工名字下面的時候，其實不需要去特別指出他所在的“工作部門”，我們自然而然就知道這是哪個工作部門。



當(dāng)你展示數(shù)據(jù)時，不再使用標(biāo)簽，那么在強調(diào)重要信息的時候就更容易了，界面也更簡潔明了，同時更具有“設(shè)計感”。


適當(dāng)合并標(biāo)簽和值


即使一段沒有標(biāo)簽的數(shù)據(jù)，看起來并不完整，但是你可以通過添加特定文本話術(shù)來清晰表達(dá)數(shù)據(jù)信息，而不是增加標(biāo)簽。

舉個例子，如果你需要在電商商品界面展示庫存數(shù)據(jù)， 可以嘗試使用"庫存剩余12 "替代 "庫存: 12"。

如果你正在設(shè)計開發(fā)一個房地產(chǎn)APP，像“3個臥室”的話術(shù)會比“房間：3”更簡單明了。

如果你能夠把標(biāo)簽和值組成合并成一個簡單的部分，在不丟失數(shù)據(jù)完整性的情況下，給每個信息帶來的識別性會更高，也更有意義。


什么情況下標(biāo)簽是次要的


當(dāng)你展現(xiàn)復(fù)雜且相似的數(shù)據(jù)信息并且這些信息需要快速掃描識別的時候，比如很多后臺系統(tǒng)，這時候你就需要加上標(biāo)簽。

在這種情況下，添加標(biāo)簽，可以輔助支持?jǐn)?shù)據(jù)信息的展示，但數(shù)據(jù)信息本身才是最重要的，標(biāo)簽只是為了使數(shù)據(jù)信息更清晰易讀。



通過縮小標(biāo)簽，降低對比度，使用較輕的字體或粗細(xì)調(diào)節(jié)這三種組合來減輕對標(biāo)簽的強調(diào)。


什么時候需要強調(diào)標(biāo)簽


當(dāng)你在設(shè)計一個界面時，你明確知道用戶會去尋找標(biāo)簽的時候，那么強調(diào)標(biāo)簽比強調(diào)數(shù)據(jù)更有意義。


在信息密集的頁面上通常會這樣強調(diào)標(biāo)簽，例如介紹電子產(chǎn)品技術(shù)規(guī)格。比如用戶試著找出筆記本里的網(wǎng)絡(luò)設(shè)備，他們可能在頁面中尋找“調(diào)制解調(diào)器”“WIFI”“無線”等詞語，而不是“高通”或“英特爾”。



這些情況下，不要過分強調(diào)數(shù)據(jù)，即使它們?nèi)允侵匾男畔?。只需在?biāo)簽上使用較深的顏色并在數(shù)據(jù)值上使用較淺的顏色就足夠了。


—改編于Refactoring UI


以上是關(guān)于標(biāo)簽使用的一些小方法，歡迎大家閱讀和轉(zhuǎn)發(fā)~


點擊“了解更多”查看配色技巧

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定