活字格开发应用时UI/UX自己的经验

纯个人经验，大家觉得好可以参考下，不行可以评论区一起交流交流。

专业的课程，大家可以看下这两个：

【资深UX设计师精讲】美观度200%，如何让你的数据大屏脱颖而出

揭秘！趣味且万能的“配色法则”

UI

• 页面的名称和页面标题记得区分开，起一个好的页面标题在弹出页面时候用户更容易理解
  

• 相同类别的信息，文字的字号、颜色和是否加粗保持一致
• 整个系统的色系保持统一，你可以在colorspace中挑选出梯度色和撞色，提前把主题设置好
  

可以参考下这个公开课学习下颜色的设置
第31期-活字格UI框架分享-助力快速构建企业级应用系统

• 表单页面里各个输入框长度一致，名称符合用户直观认知，是否有占位文本要保持统一
• 表单页里的数字框和单选按钮，需要给出合理的默认值
• 搜索框高度设置为32px，如果希望用户输入完后直接看到查询结果，那么建议给搜索框前面加一个搜索小图标，提高辨识度
• 组合框应该允许用户可以清除内容
  

• 按钮长度80px，高度32px
  

• 表格的行头和数据行高度给48px，统一靠左或者统一居中
• 页面最外层行或列给16px
• 当页面的内容很多时，可以通过背景色块做视觉上的区分。也可以通过标题左侧加背景条来区分
  

• 整个工程的按钮大小一致、布局一致。按钮文字描述合理易懂
• 表单页如果同时存在常见输入域、附件上传、图片显示的话，一定要注意布局是否恰当
  

UX

• 删除是一个高危操作，一定要用户二次确认，数据表操作来删除记得勾上这个
  

其实更友好的是用

因为这个交互效果更好

• 页面传值时候，目标页面一般会有隐藏区域来存储内容，这些格子可以填充上鲜艳的颜色并加上注释
  

• 如果一个区域有很多的操作，建议只把编辑和删除放出来，后面放一个更多按钮，用户点击后下拉弹出来
  

其他

• 工程文件中不需要的数据库表、页面、母版页、组件等，开发完成后记得删除掉
• 发布前请仔细检查页面权限设置是否有问题
• 内置的PC登录页和移动端登录页中账号密码输入框都可以设置默认值，这样子一点击就能登录
  

666666   学习起来

很实用，学习了！