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