找回密码
 立即注册

QQ登录

只需一步,快速开始

Jack.Cheng
超级版主   /  发表于:2023-8-23 14:23  /   查看:2205  /  回复:2
本帖最后由 Jack.Cheng 于 2023-8-28 14:27 编辑
纯个人经验,大家觉得好可以参考下,不行可以评论区一起交流交流。
专业的课程,大家可以看下这两个:
【资深UX设计师精讲】美观度200%,如何让你的数据大屏脱颖而出
揭秘!趣味且万能的“配色法则”

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

image.png881053771.png
  • 相同类别的信息,文字的字号、颜色和是否加粗保持一致
  • 整个系统的色系保持统一,你可以在colorspace中挑选出梯度色和撞色,提前把主题设置好
可以参考下这个公开课学习下颜色的设置
第31期-活字格UI框架分享-助力快速构建企业级应用系统
image.png959062194.png
  • 表单页面里各个输入框长度一致,名称符合用户直观认知,是否有占位文本要保持统一
  • 表单页里的数字框和单选按钮,需要给出合理的默认值
  • 搜索框高度设置为32px,如果希望用户输入完后直接看到查询结果,那么建议给搜索框前面加一个搜索小图标,提高辨识度
  • 组合框应该允许用户可以清除内容

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

image.png985709533.png

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

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

image.png40967711.png

其实更友好的是用
image.png112903441.png
因为这个交互效果更好
  • 页面传值时候,目标页面一般会有隐藏区域来存储内容,这些格子可以填充上鲜艳的颜色并加上注释

image.png195171813.png

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

其他


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

image.png858424682.png


评分

参与人数 2金币 +5 满意度 +5 收起 理由
Patrick.Zhu + 5 很给力!
sz_xd + 5

查看全部评分

2 个回复

倒序浏览
中江1998
中级会员   /  发表于:2023-8-26 07:27:42
沙发
666666   学习起来
回复 使用道具 举报
nsc117
中级会员   /  发表于:2023-8-29 09:13:19
板凳
很实用,学习了!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部