南顺网络

快速搭建系统模型：（内容页）

内容区分类

内容区域指的是正文区域根据作用我分为了首页和详情页两大类。首页一般是指系统首页或者模块首页，常需要个性化设计；详情页一般是查看/操作页面，常以列表、表单、信息详情的形式展现。接下来首先介绍首页的设计思路。

首页（控制面板）

我再浏览系统交互案例的时候看了很多外国系统动效，发现他们都把首页都叫做“控制面板”（dashboard）。我理解作为一个控制面板，首页的作用就是控制整个系统，控制系统中所有的栏目/模块，那么首页就是由控制这些模块的“面板”组织而成。

那其实我们要设计首页，就是把系统各个子模块简化成一个个小面板，再按照模块的优先级等原则进行布局展示就行了。是不是感觉设计首页很简单，那么真正的难度在于不同的系统不同的功能模块我们怎么把这些模块简化成一个个面板。我将这些面板分为四种类型：信息、表格、图表、表单：

信息：展示信息，又可以分为列表信息、详细信息、人员信息、消息等

列表信息：展示多条列表信息，常用于新闻信息列表、排行、文章标题列表等

详细信息：常用于文章详情或单独的图文详情信息。人员信息：常用于展示账号信息。消息：常用于展示短信消息或者人员留言等信息；

表格：以表格的形式组织整理信息/数据的展现方式根据其样式功能的不同又可以细分为基础表格、可操作表格和个性化表格。

基础表格：只做信息/数据展示

  个性化表格：在基础表格的基础上将数据图表、操作功能等内容相互结合做成个性化表格

  图表：数据统计信息的图形化展示，常用于对于系统或者模块总体信息的综述展示

大部分有系统数据统计的网站会在首页将一部分重要数据信息以图表的形式进行展示。分为：数据综述、数据图表、个性化。

数据综述：常用在界面首屏，展示系统/模块最终要的数据统计信息.

编辑:--ns868