[外观设计]带培训信息图形用户界面的显示屏幕面板

摘要

1.本外观设计产品的名称：带培训信息图形用户界面的显示屏幕面板。2.本外观设计产品的用途：用于显示页面信息并提供相应的提示和相关交互按钮。3.本外观设计产品的设计要点：在于显示屏幕面板中图形用户界面的界面内容。4.最能表明设计要点的图片或照片：主视图。5.后视图、左视图、右视图、俯视图和仰视图不包含设计要点，省略后视图、左视图、右视图、俯视图和仰视图。6.图形用户界面的用途：该显示屏幕面板用于手机、台式电脑、笔记本电脑、平板电脑。主视图用于在显示首页中的用户信息、培训课程信息。对主视图的界面进行滑动操控，界面跳转至变化状态图 1，显示首页中的培训相关工具。点击主视图的界面右上方的“画像详情”按钮，界面跳转至变化状态图 2，显示我的画像的详细信息。点击变化状态图 2 的界面右上方的“我的测评”按钮，界面跳转至变化状态图 3，显示能力测评问卷列表页面，并在界面左上方显示一返回按钮。点击主视图中的“我的培训班”列表中的其中一个培训班“XXXX 区 XX 年 XX 月 XX 培训班”，界面跳转至变化状态图 4，显示页面加载结果，并在界面中上方显示一交互按钮“再次操作”。点击主视图中的“我的培训班”列表中的其中一个培训班，界面跳转至变化状态图 5，显示培训班详情。点击变化状态图 5 的界面中的“游戏化轻课”按钮，界面跳转至变化状态图 6，显示游戏列表页面，在界面左上方显示一返回按钮，并在界面右上方显示一“添加游戏”的按钮。点击主视图中的“我的培训班”列表中的其中一个培训班，界面跳转至变化状态图 7，显示培训班详情。点击变化状态图 7 中的位于用户信息下方的“培训课表”按钮，界面跳转至变化状态图 8，显示培训课表的详细日期安排。点击变化状态图 8 中的其中一个日期，界面跳转至变化状态图 9，显示所点击的日期的详细课程的编辑列表。点击变化状态图 9 中的编辑列表中的字段“培训课程”右侧的选择按钮，界面跳转至变化状态图 10，显示备选的多个课程。在变化状态图 10 的搜索输入框中输入关键词并点击搜索输入框右侧的“搜索”按钮，界面跳转至变化状态图 11，显示搜索结果页面，并在界面左上方显示一返回按钮。点击变化状态图 1 中的界面左下方的“随手拍”按钮，界面跳转至变化状态图 12，在界面中下方显示“开始拍摄”的按钮，在界面左下方显示呈选中状态的页面控制按钮，并在界面右下方显示呈未选中状态的页面控制按钮“我的视频”。点击变化状态图 12 的右下方的“我的视频”按钮，界面跳转至变化状态图 13，显示“我的视频”列表页面，在界面右上方显示一“管理”按钮，在界面左下方显示呈未选中状态的页面控制按钮“创作”，并在界面右下方显示呈选中状态的页面控制按钮。点击变化状态图 1 中的界面右下方的“班务管理”按钮，界面跳转至变化状态图 14，显示培训班列表页面，在页面上方显示“创建培训班”的按钮，并在界面左上方显示一返回按钮。需要说明的是，上述各个视图中的文字、数据等内容仅供参考，可以根据实际需求进行替换。