如何快速搭建系统原型（一）(2)

（3）案例

消息/工具

（1）说明

主要展示系统的常用工具，包括搜索、消息、注销/退出、帮助等等功能，常以图标或者文字的形式展现；这些功能放置的位置和和账号信息结合穿插排布在顶部。

（2）交互

根据不同的功能有对应不同的交互方式，例如搜索可输入，点击查询搜索结果，注销点击后退出系统返回登录页面……

（3）案例

内容区

（1）说明

主要分为首页和详情页面，首页或者叫控制面板（dashboard）主要是各类组件（数据、列表、表单等等）相互组合而成，就是将系统最主要的功能优先在首页有个快速展示也作为快捷入口；详情页对应的是各个模块的功能操作页面，具体需要根据不同的栏目需求来设计。

（内容区的内容和系统需求相关，会在后续章节中对内容区进行总结分析）

（2）案例

OK，那简单介绍了系统界面的几个组成部分，那么我们现在就是通过这个部分不同的组合就可以组成各种各样个性化的系统框架样式了。因为主导航栏是最主要的功能模块，所以我又分为两类：左侧导航、顶部导航。

左侧导航：最常见，现在最流行的导航位置设计方案

（1）左侧导航（含标签栏，标签栏同浏览器标签页功能，方便用户打开多个栏目页面进行切换）

（编辑：ASP站长网）