- 发布于
前端写UI的一些设计原则
- Authors
- Name
- fybchristasker
单元间距
如果两个元素之间关联性越高，它们间距就应该越短，也越像一个视觉单元；反之，则它们的间距就应该越长，也越像多个视觉单元。
要素对齐
简单来说就是向同类项对齐，比如表单中的冒号让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。
避免套娃
应该尽量避免二次甚至多次确认覆盖层：避免滥用 Modal 进行二次确认，应该勇敢的让用户去尝试，给用户机会「撤销」即可。
突出重点
如果某个信息或操作比较重要，就应该直接显示在界面上，而不是让用户去菜单里寻找。
友善提示
在数据录入时可以增加提示以帮助提醒用户。文字提示用的恰到好处更能提高用户的使用体验。
颜色系统
你可以用 tailwind 或者 ant-design 或者其他一系列 CSS 框架搭建自己的颜色体系，但是千万不要自己随意添加一个颜色到样式里，这真不是一个好习惯。