Merge branch 'main' of http://10.20.98.219:8418/XuMinMin/PageDesign
This commit is contained in:
commit
a7c61b67bf
41
UI设计说明文档
Normal file
41
UI设计说明文档
Normal 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 登陆界面按照分辨率比例缩放
|
||||||
Loading…
Reference in New Issue
Block a user