41 lines
1.3 KiB
Plaintext
41 lines
1.3 KiB
Plaintext
一、设计内容
|
||
（一） 样式要求
|
||
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 登陆界面按照分辨率比例缩放 |