更新 'UI设计说明文档'

This commit is contained in:
徐敏 2024-01-29 10:19:37 +08:00
parent 4c510d9ba3
commit c0037841fc

View File

@ -0,0 +1,41 @@
一、设计内容
(一) 样式要求
1 登录表单
1.1 用户登录输入
用户名:输入框
密码:输入框
1.2 连接登录
串口登录
串口号:下拉框;
波特率:下拉框。
Socket登录
IP地址输入框
端口号:输入框。
2 操作按钮
登录按钮;
记住当前设置:复选框
跳过连接按钮;
3 品牌元素
Logo:
公司或业主Logo
品牌颜色:
颜色确保一致性;
项目名称;
项目背景。
4 安全与辅助功能
权限管理,需要输入正确的密码,实现数据查看以及控制的分离
5 用户体验
友好反馈:登录成功/失败的提示
动画效果:按钮点击、状态切换、界面跳转时的简单动画。
6 主题排版布局
主题布局为左右布局,左侧为品牌/项目元素,右侧为登录信息;左侧信息栏需要体现产品元素,如接驳盒/浮标,需要设计提供接驳盒/浮标的简笔画
(二)交互内容
1 软件打开后的光标的默认位置;
2 Tab按键切换顺序
3 Enter按键响应登录/跳过登录响应;
4 鼠标悬浮,按钮响应(切换颜色);
5 输入框校验如IP地址、串口号格式的校验
6 增加输入历史提示
7 退出按钮的二级确认
8 登陆界面按照分辨率比例缩放