表单是我们生活中常见的信息添加、录入的方式之一,如何进行表单的设计也是 B 端设计师的必修课。身边别的部门的同事常常会说:表单不就是几个输入框,几个组件组成的东西么,挺简单的,有什么好设计的。但通常情况下,越是简单的东西,要思考的点却越多,想要把一个表单做好也是一件不容易的事情。 生活中,大多数人...
全文12,598字 ,预计阅读30分钟,建议收藏。 在网页或桌面端为载体的B端产品和生产力工具中,越来越多的设计师需要和数据打交道,查询和处理数据的能力是当前正在设计的大多数产品的关键要求之一,表格被公认为是展现数据最为清晰、高效的形式之一,也是世界上最常用的用户界面工具,其重要性不言而喻。 表格的布局与构成...
设计表格的可重用性https://uxdesign.cc/designing-tables-for-reusability-490a3760533 数据表的用户界面最佳设计http://www.woshipm.com/pd/661699.html 树形控件在生产力工具中的设计https://zhuanlan.zhihu.com/p/260068653 element组件库:https://element.eleme.cn/#/zh-CN/component/table 本文由 @小龙 原...
这样的结论,看似表单带冒号是失败了……,但这并不妨碍它作为一种习惯或传统延续至今,无论在客户端还是Web设计系统中仍然常见。例如:苹果电脑的Mac系统,国内阿里的Ant Design Web设计系统。 因此,得到以下几点建议: 如果你希望自己的网页表单与流行的桌面环境保持一致,请使用冒号。 如果你已有大量使用冒号的表单,请保...
[R] 在表格中插入图形 - formattable + htmlwidgets 老白Walt web表格设计攻略 停停走走UP 万字干货!超全面的B端设计指南:表格篇(上) 感谢:CE青年· 原文链接·标签#B端设计#表格设计 目前我主要深耕于B端设计中,深知B端表格设计与C端有很大的不同,无论是表格的展示形式以及承载内容上都有非常大的差异。而现...
表格,英文释义为Table,又称为表,即是一种可视化交流模式,又是一种组织整理数据的手段,主要承载数据的归纳、展示与对比的功能,是列表的一种。 表单,英文释义为Form。表单在网页中主要负责数据采集功能。如当我们注册某个网站的账号时,填写个人信息的页面,就是一个表单。
http://designingwebinterfaces.com/ultimate-guide-to-table-ui-patterns https://www.builditwith.me/ https://design.pega.com/ 作者:弘毅道,微信公众号:UIUX设计工作坊(UIUX-HUANG), 希望与同行者多多交流。 本文由 @弘毅道 原创发布于人人都是产品经理。 未经许可,禁止转载。
There is a myriad of table design patterns out there, and which approach you pick depends heavily on the type of data you have and the target audience for that data. At the end of the day, tables are a method for the organization and presentation of data. It is important to figure out...
完整类型的输入框可以参考ant design组件,它包含了几乎会使用到的所有类型。 2. 标签、输入框的对齐 标签对齐的方式有四种,左对齐、右对齐、顶对齐和输入框内标签。其中顶对齐方式会加快用户处理速度,因为视线只需要在中间一块儿移动,但会增加页面的垂直空间。
A very lean and lightweight design. Touch interaction support. Thetreeis based on thelist. It should be used whenever a hierarchical view is needed, but atree tableis too complex. Thetreeprovides: Theanalytical tableis based on thegrid tableand is therefore quite similar to it. ...