[外观设计]用于电脑的图形用户界面

摘要

1．本外观设计产品的名称：用于电脑的图形用户界面。2．本外观设计产品的用途：本外观设计产品用于运行程序。3．本外观设计产品的设计要点：在于电脑的屏幕中显示的图形用户界面，电脑为现有设计。4．最能表明本外观设计设计要点的图片或照片：设计1主视图。5．省略视图：后视图、左视图、右视图、俯视图、仰视图无设计要点，故省略。6．指定基本设计：设计1。7．界面用途：设计1‑7的图形用户界面用于通过用户编辑相应的表单来完成网站推荐内容模块的前端样式渲染。界面的左侧部分用于显示编辑中和/或编辑完成后的表单，界面的右侧部分用于显示根据表单内容实时调整的效果页面。设计1的图形用户界面示出了用户编辑页面的默认状态。在默认状态下，仅显示第一部分表单，作为示例，用户可通过编辑第一部分表单来调节渲染界面的布局、排版、尺寸等宏观参数。在默认状态下，由于表单中的各个选项均设置了默认内容，即使不对第一部分表单进行编辑操作，界面的右侧部分也会根据默认内容渲染出相应页面。另外，通过点击位于设计1主视图的界面下方的“编辑详细样式”，可展开其他部分表单。设计2的图形用户界面同时示出了第一部分表单和第二部分表单，如设计2主视图的界面所示，第一部分表单被收起且仅展示信息，第二部分表单被展开并处于编辑状态。作为示例，用户可通过编辑第二部分表单来调节如字体字号、颜色内容等细节参数。另外，如果再次点击第一部分表单的编辑按钮，则可重新进入第一部分表单的编辑页面。设计3为动态图形用户界面，如设计3主视图的界面所示，第一部分表单被收起且仅展示信息，第二部分表单被展开并处于编辑状态，在例如滚动鼠标滚轮或拖动表单右侧的滚动条时，如设计3变化状态图1‑2的界面所示，可进一步展示第二部分表单的其他内容。作为示例，用户可通过编辑第二部分表单来调节如字体字号、颜色内容等细节参数。另外，如果再次点击第一部分表单的编辑按钮，则可重新进入第一部分表单的编辑页面。设计4和设计5的图形用户界面用于示出表单保存完成的状态，点击右下方的保存按钮后，表单的会被收起，从编辑状态退出并只显示信息。在该状态下，在界面的左侧部分显示保存的表单信息，在界面的右侧显示相应的效果页面，并且用户可以点击表单的任意部分重新展开表单进行编辑。设计4仅通过主视图的界面显示了表单的信息。设计5为动态图形用户界面，在主视图的界面示出了表单的一部分信息，在变化状态图的界面显示了表单的另一部分信息，当用户旋转鼠标滚轮或拖动表单信息右侧的滚动条时，界面从主视图的界面变化到变化状态图的界面，从而显示更多信息。设计6的主视图的界面示出了表单中的颜色设置单元，当用户点击字体颜色选项后弹出颜色选择器，从而能够通过单击选中某一颜色或输入16进制颜色码等操作来调节文字或文字背景的颜色。设计7的主视图的界面示出了表单中的辅助功能设置单元，用户可通过拖动辅助功能标签（例如，发表时间、媒体名等）来调节辅助功能标签的顺序。