无论是注册流程，多视图步进或单调的数据输入界面，表单都是数字产品的设计中最重要的组成部分之一。本文重点介绍了常见的表单设计样式和要避免的注意事项。但请记住，这些都是一般准则，每一个规则都有例外。

@SKYUI: 把你的工作当作一门手艺，因为总有一些你能改进的东西。靠激励自己成为一个更好设计师。 (@Ale-cc: 但是需要区分中西文字重不一致的话有难度, 请参考 【常用文案字体排版指南手册】https://juejin.im/entry/6844903442427674632/detail)

关于 UI 设计中用色技巧和配色工具推荐

他们做了一个设计系统，交付了风格指南（style guide），并且从此过上幸福生活。对吗？

我们在搭建版面时，除了要注意重心的平衡和信息的对比，还要考虑视觉的流程。人的视野极为有限，没办法一眼看到所有的信息。所以必须将信息有效组织，按一定顺序进行编排。视觉流程就是控制视线在版面空间中移动的轨迹。就像一条无形的线索引导着读者清晰准确的阅读和理解版面中所要传达的信息；如果需要传达的内容主次不分、信息混乱无序，也就失去了视觉传达的意义了。由此可见，合理的引导读者视线在版式设计中是非常重要的环节，这是本期要讨论的内容。

老套路有图有真相，这才叫做分享。本文内容是：一个 div 里面，两个子 div 高度自适应（平分父 div 的高度）和元素内容过多的时候，根据需求出现高度滚动条或者宽度滚动条。

精致多类型的 Web UI 组件下载

这就是设计的方法论和依据吧。撕 X 必备。