火星网校
UI中的标签，究竟该怎么使用?
发布时间：2024-04-08 10:11:52 浏览量：203次
当我们向用户展示数据的时候，特别是展示来自数据库的多种数据时，很容易陷入一个陷阱：使用大量标签去解释数据信息。
产生这个问题的原因是因为多层级的数据展示比较困难，因为每个数据的重要性和优先级是一样的。
有些时候可能不需要标签
在很多情况下，这些数据信息只需要改变一下格式形式，你就能判断。
比如：aduobi@woniuxy.com 这是邮箱地址，(555) 765-4321是电话号码，$19.99是价格。以上例子是我们不使用标签的情况下，用户也能识别的信息。
再比如当你在员工名录中看到“客户支持与服务”在某个员工名字下面的时候，其实不需要去特别指出他所在的“工作部门”，我们自然而然就知道这是哪个工作部门。
当你展示数据时，不再使用标签，那么在强调重要信息的时候就更容易了，界面也更简洁明了，同时更具有“设计感”。
适当合并标签和值
即使一段没有标签的数据，看起来并不完整，但是你可以通过添加特定文本话术来清晰表达数据信息，而不是增加标签。
举个例子，如果你需要在电商商品界面展示库存数据， 可以尝试使用"库存剩余12 "替代 "库存: 12"。
如果你正在设计开发一个房地产APP，像“3个卧室”的话术会比“房间：3”更简单明了。
如果你能够把标签和值组成合并成一个简单的部分，在不丢失数据完整性的情况下，给每个信息带来的识别性会更高，也更有意义。
什么情况下标签是次要的
当你展现复杂且相似的数据信息并且这些信息需要快速扫描识别的时候，比如很多后台系统，这时候你就需要加上标签。
在这种情况下，添加标签，可以辅助支持数据信息的展示，但数据信息本身才是最重要的，标签只是为了使数据信息更清晰易读。
通过缩小标签，降低对比度，使用较轻的字体或粗细调节这三种组合来减轻对标签的强调。
什么时候需要强调标签
当你在设计一个界面时，你明确知道用户会去寻找标签的时候，那么强调标签比强调数据更有意义。
在信息密集的页面上通常会这样强调标签，例如介绍电子产品技术规格。比如用户试着找出笔记本里的网络设备，他们可能在页面中寻找“调制解调器”“WIFI”“无线”等词语，而不是“高通”或“英特尔”。
这些情况下，不要过分强调数据，即使它们仍是重要的信息。只需在标签上使用较深的颜色并在数据值上使用较浅的颜色就足够了。
—改编于Refactoring UI
以上是关于标签使用的一些小方法，欢迎大家阅读和转发~
点击“了解更多”查看配色技巧
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
最新文章
