diff --git a/UI设计说明文档 b/UI设计说明文档 new file mode 100644 index 0000000..d3e5d68 --- /dev/null +++ b/UI设计说明文档 @@ -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 登陆界面按照分辨率比例缩放 \ No newline at end of file