一、设计内容 (一) 样式要求 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 登陆界面按照分辨率比例缩放