本帖最后由 Jack.Cheng 于 2023-8-28 14:27 编辑
UI
- 页面的名称和页面标题记得区分开,起一个好的页面标题在弹出页面时候用户更容易理解
- 相同类别的信息,文字的字号、颜色和是否加粗保持一致
- 整个系统的色系保持统一,你可以在colorspace中挑选出梯度色和撞色,提前把主题设置好
可以参考下这个公开课学习下颜色的设置
第31期-活字格UI框架分享-助力快速构建企业级应用系统
- 表单页面里各个输入框长度一致,名称符合用户直观认知,是否有占位文本要保持统一
- 表单页里的数字框和单选按钮,需要给出合理的默认值
- 搜索框高度设置为32px,如果希望用户输入完后直接看到查询结果,那么建议给搜索框前面加一个搜索小图标,提高辨识度
- 组合框应该允许用户可以清除内容
- 表格的行头和数据行高度给48px,统一靠左或者统一居中
- 页面最外层行或列给16px
- 当页面的内容很多时,可以通过背景色块做视觉上的区分。也可以通过标题左侧加背景条来区分
- 整个工程的按钮大小一致、布局一致。按钮文字描述合理易懂
- 表单页如果同时存在常见输入域、附件上传、图片显示的话,一定要注意布局是否恰当
UX
- 删除是一个高危操作,一定要用户二次确认,数据表操作来删除记得勾上这个
其实更友好的是用
因为这个交互效果更好
- 页面传值时候,目标页面一般会有隐藏区域来存储内容,这些格子可以填充上鲜艳的颜色并加上注释
- 如果一个区域有很多的操作,建议只把编辑和删除放出来,后面放一个更多按钮,用户点击后下拉弹出来
其他
- 工程文件中不需要的数据库表、页面、母版页、组件等,开发完成后记得删除掉
- 发布前请仔细检查页面权限设置是否有问题
- 内置的PC登录页和移动端登录页中账号密码输入框都可以设置默认值,这样子一点击就能登录
|