1. 首页
  2. 小程序开发
  3. 正文

关于小程序原型图的那些事儿

  定制开发小程序的过程中,原型设计图是非常重要的一个步骤。一份好的原型图在满足产品需求转化为功能需求的同时,还要尽可能保持简洁美观。

  什么是原型设计图?注意事项有哪些?今天就给大家介绍一下关于小程序原型设计图的那些事儿。

  1、什么是原型设计图?


  原型设计是在产品成形之前的一个简单框架设计,是将想法、方案等抽象信息,转化为线条图形等具象信息的过程。简单来讲,就是对产品的可视化呈现。

  产品原型设计主要展现产品的信息架构、内容、功能及交互方式等。


  2、原型设计图的五大特征

  1.   有明确合理的功能框架划分
  2.   有完整的结构和清晰的功能流程
  3.   有合理的色彩运用和交互设计
  4.   有简单规范且统一的文字说明
  5.   有明确直观的页面流程图,让页面跳转逻辑一目了然

  2、小程序原型图注意事项有哪些?


  1、设计合理

  在原型设计中无论是图片,还是图标都需要遵循:对齐原则、对比原则、亲密原则、一致性原则,这样才会使界面看起来整齐合理,不会显得杂乱无章。另一方面也可以给开发人员减少一些工作难度。

  2、逻辑严谨

  •   逻辑的严谨性,实际上就是整个项目的通畅性和容错性。
  •   在原型设计中,要考虑到流程是否顺畅,是否会有断崖或者死循环。
  •   进行原型设计时需确包含正向、逆向、异常状态所需要的所有功能。

  3、内容完整

  一个完整的产品原型需要包括:背景说明、需求清单、流程图、功能界面、需求标注。这样才能让所有的项目参与者知晓整个项目的发展全貌和达成路径。

  4、边界清晰

  所谓边界清晰性,是指让当前阅读这份产品原型的人,能清楚的知道哪些是本次微信小程序定制开发的重要内容。边界定义清楚,才能分工明确,任务清晰,才能使工作更加高效。

  简单来说产品原型设计图的原则就是设计合理、逻辑严谨、边界清晰。

  小程序开发过程中一个高质量的原型设计图至关重要,只有做好原型方案,每个阅读产品原型的人才能对齐确信息、提高效率!

    延伸阅读

  • 关于小程序原型图的那些事儿

    定制开发小程序的过程中,原型设计图是非常重要的一个步骤。一份好的原型图在满足产品需求转化为功能需求的同时,还要尽可能保持简洁美观。什么是原型设计图?注意事项有哪些?今天就给大家...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/5472.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();