前端UI设计规则总结

A9ia

Web开发

发布于：2023年3月16日

次浏览

前端设计原则

总结一下需要注意的点，以防后期再犯

UI层

1. 全局边距：页面左右边距相同，不同组件之间要保持这个左右边距，这样可以使得页面更加美观。
2. 卡片边距：卡片之间的上下边距要有统一的值。
3. 内容间距：邻近性原则，描述同一个事物的信息要尽量靠在一起，而不是跟另一个事物靠在一起。
4. 图片长宽设计比例：16:9,4:3，1:0.618等
5. 使用统一风格的图标
6. 内容对齐：列表文本、图标上下对齐
7. 内容对称
8. 字体规范：尽量有统一的字体大小设计

代码层

1. 删除逻辑后清除干净没必要的代码
2. 要果断的删除没有用的文件

更新于：2023年3月22日

UI