认识达内从这里开始

认真做教育专心促就业

运城ui培训关于页面流程图的设计原理

发布：佚名
来源：互联网
时间：2017-05-04 09:48

我们在日常工作中应该见过许多ui设计师的工作草图或者说一些产品原型图，或者说是页面流程图等内容。今天，我们就一起来了解一下关于页面流程图的一些简单知识，希望大家在以后的工作中能够调整和优化自己的工作方向和质量。下面就开始我们今天的主要内容吧。

运城ui培训关于页面流程图的设计原理

首先，我们先来认识一下关于页面流程图的一些简单知识。之所以页面流程这个东西出现在设计工作中，主要有以下原因。

了解全局

对于团队所有人来说，通过页面流程图可以大概了解整个APP的情况，偏视觉层。

传达需求

对视觉设计师，知道要做多少视觉稿，具体每个页面有哪些视觉元素。

对前端工程师，知道自己该写多少个页面，搭建页面代码结构。

评估工作量

用页面数量来评估各自的工作量，可以大概估算出工期。

梳理业务

页面流程是业务的直接体现，根据业务区反复研究它，可以让产品整体变得更简洁，结构变得更优美。

页面流程不能这样画

大部分初级PM画页面流程图基本上会犯两个错误。

只能有页面这一维度

再重申一下只应该出现页面这个维度，不应该有什么乱七八糟的业务、功能、甚至是组件、元件什么的。

不应展示具体内容

有些PM画把页面的具体内容表示出来，其实很不对的。

抽象维度不一致，页面和页面内容是两个概念。

画页面内容需要耗费很长时间。

页面内容改动频率大，需要经常复查并修改。

具体内容有功能、有控件、有图标、有文字，很难抽象表述，以及表述完全。如果你这样画过，你就会理解这里的苦处。

以闪电约APP来画了一个错误的页面流程图，只画了几个页面。供大家参考。至少犯了上面1、2、4错误。

页面流程应该这样画

找出所有页面

不管你使用哪款原型软件，总有它的页面结构。据此画出所有的页面不难。

需要注意的是页面是物理层面的，真实存在。而不像业务流程图中的业务模块，只是逻辑层面的，并不需要真实体现。

如果你是使用Axure，可以直接拖动左方页面结构中的页面标题到右边的画布中即可。

用有向线条关联

使用线条将2个页面联系起来，直到把所有的页面跳转加上为止。

如果你是使用Axure，请不要傻乎乎的连接，而是使用连接线模式。

增加条件判断

这一步不是必须的，但是稍微复杂一些的产品建议使用。

达内时代科技集团致力于培养面向电信和金融领域的Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美、VR、产品经理等几大方向中高端软件人才课程与少儿教育课程。选择运城ui培训，不再孤军奋战，轻轻松松做IT高薪白领。运城达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。

< 上一篇：运城网络营销培训关于社会化媒体的扫盲科普

下一篇：运城计算机培训关于提高用户转化率的背景分析 >