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