内容样式详情页面主要用于二级模块页面、功能页面以及系统中所有后续子页面。更精确地将详细信息页面分类为列表、表单、图形详细信息和数据图表类别。列表是最常见的内容类型，包含许多交互功能。表单主要是信息输入/保存/修改操作的功能页面，而图文详细信息则常用于展示文章（新闻）/文件详细信息页面。图表以图表的形式显示系统数据。与上一节介绍的控制面板类似，在详情页中内置了一个数据图表面板。
【表单】适合一般用户收集信息数据并添加、更改、编辑、配置等功能应用场景form_InformationEdit
编辑Form_Email（见网易、qq邮箱）
Form_New 指定您需要根据实际需要自定义的表单组件及其布局。
【图文详情】主显示屏显示图文结合的信息内容（纯图文或纯文字内容） 图文详情_阅读信息
图文详情_内容+列表（邮件回复）
图文详情_弹窗（无遮罩）
【数据图表】由于业务数据不同，数据图表是一个相对复杂的场景，对应的图表也高度定制化。这里有一些例子供参考。
（1）数据图表_数据汇总+数据明细是一种比较常见的设计方式，先全面展示整个数据，然后展示对应的数据列表信息。
参考案例：微信公众平台用户分析
（2）数据图表_多图组合，多图融合，个性化设计，按照优先级按需显示数据（类似主页_控制面板中图表多图组合风格）。
列表列表是最常见的内容区域样式，它以列表格式显示模块内容中包含的信息，以便于用户查看和交互。
(1)列表表
(2)List_document 列表中的信息太多，无法以表格的形式展示所有重要信息，因此我们需要对信息内容进行整合，以展示更多的信息。操作起来很容易，但是很难。开发（参见淘宝订单中心）
(3)List_information 显示图形和文本信息的列表。
(4)List_图片和文字列表(卡片式) 图片和文字是重要的内容，应采用卡片式的展示方式。
概述本章主要讨论与内容区域（详情页）相关的设计结构风格和功能分类的设计案例。由于篇幅限制，我们不详细讨论每种类型的使用场景和功能交互。这些只是一些基本的设计示例；实际设计必须根据您的产品和业务的需求进行定制。我们希望本文提供一种快速入门的方法并帮助您进行设计。
有很多不清楚或未解决的问题，请大家给我一些建议。
注：文章中所有截图均来自网络。如有侵权，请及时联系我处理。
原型演示地址：http://1q779b.axshare.com
本文和图片来自网络，不代表火豚游戏立场，如若侵权请联系我们删除：https://www.huotun.com/game/645858.html