怎样快速搭建体系原型（一）

注：本文是我对现阶段进修和打仗到的体系项目总结，将体系界面各部门模块化/组件化，编写了体系通用交互方案，旨在辅佐交互计划师、项目司理通过通用方案可以按照项目需求快速搭建吻合的体系界面。

配景

最近认真了多个体系的交互计划事变，在计划的进程中碰着了一些题目：界面机关应该怎么计划，这个成果怎么放，首页要放什么内容、这边放这些成果吻合吗、弹窗展示是否吻合……计划好了又发明必要本性化，开拓本钱较高，尺度版不支持。

以是，我想有没有一套方案，可以辅佐我，辅佐计划师、项目司理快速的搭建体系的原型方案；也可往后续运用到尺度版的迭代中。我们交互计划建造原型常常会行使Axure 中的组件（元件）通过组合成为衷耘帔物原型，那么是不是我可以通过说明布局体系的界面计划，将体系各个成果模块解析出来，作为一个元件来泛起，然后用这些元件来搭建种种体系。只要改变元件巨细、元件机关、交互细节就可以做出各类本性化同时得当客户需求的体系原型了。

界面布局

本文只是对通例体系作说明，一些很本性化水平很高的体系（譬喻视频监控、大数据展示体系等）不做详细的说明和先容。

起首，以百度云盘为例，我们可以看到一个体系页面按照差异的成果浸染分为以下模块：体系名称/logo、主导航、账号信息、动静/器材、内容区等成果地区；

接下来，我会总结这些模块的首要成果浸染和常用交互方法，并先容一些计划案例，并清算成原型组件，后续通过这些组件就可以搭建你想要的体系界面了。

体系名称/logo

（1）声名

一样平常位于界面左上角，标识体系的名称和logo，也有加上sloga或团结配景图片来凸显体系特征的。

（2）交互

点击logo地区返回到体系首页。

（3）案例

主导航

（1）声名

主导航作为体系模块可能成果导航，从用户的赏识风俗视线从左往右和从上往下，以是主导航常放在左侧和顶部，以是按照导航位置我把体系常用框架分为两类：左侧导航机关、顶部导航机关（详细的样式先容放到最后的框架综述）。

（2）交互

点击跳转到对应的导航模块，也可以点击睁开多级栏目。

（3）案例

账号信息

（1）声名

用户登录账号相干信息

（2）交互

• 点击跳转到用户中心

• 切换账号

• 注销/退出账号

• 移入睁开小我私人中心相干操纵（小我私人书息、配置、账号暗码……）

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!