欢迎访问伍佰亿官网,您的支持是我们最大的动力!!!
域名查询 公司简介
缔造中国网站建设第一品牌只有客户的满意,才有伍佰亿的发展!!

客服中心热线:
4000-859-888

营销中心热线:
4000-199-888

首页 > 新闻中心 > 技术知识

移动端APP网站建设原型设计

2018-05-19   08:35:55   来自:wubaiyi

  根据这几年的产品运营经验总结得来,不一定适合所有的移动端APP团队,但是对于大部分中小团队还是比较有借鉴价值。移动端APP原型设计,是方法论,所以适用于所有的原型软件,并不局限于Axure RP。
  画页面
  画页面是画原型的必备工作,比如需要提前确定页面的尺寸和位置,不过初级PM容易忽视关键步骤。
  建议使用375×667来画APP原型页面,能够上下兼容目前主流的所有屏幕分辨率。可参考旧文章《为什么375×667是移动端原型的最佳分辨率》。如果你的手机是Android,那么使用360×640也可以。其他尺寸画页面会影响视觉设计师画出有一定误差的视觉稿。
  至于位置更少有PM关注,但是它影响着你在手机上预览原型的展示区域。像墨刀、xiaopu、justmind默认帮你把位置设为(0,0),而Axure,mockplus是无限画布需要PM手动设置。不设置的后果就是手机上预览原型的时候很难看到页面内容。
  确定页面尺寸和位置后,接下来就是用原型软件画出一个个页面。可参考旧文章《如何使用Axure规范的画出页面的线框图》。
  不是特别建议PM在原型阶段就把页面中的元素进行配色,会妨碍了视觉设计师的发挥。当然如果你想提升自己对视觉的感觉,请配色之后只输出黑白线框图交付给视觉设计师(Axure是支持这样的功能)。

  定保真

  正式画App原型之前,需要明确“原型该画到什么程度”。因为它决定了PM的工作量多少以及产品上线的质量。
  原型画到什么程度,一般取决于上级的要求,或者延续团队之前的习惯。当然也可以根据团队实际能力以及上线要求来优化原型交付标准。
  不建议大家按照所谓的高保真、中保真、低保真原型来理解。看上去划分很专业,实际概念不清晰。所以我明确了他们的概念,方便大家理解其中的差异。
  中保真=黑白线框图,带主要交互
  低保真=黑白线框图,无交互
  高保真=配色线框图,带全部交互
  加交互
  如果你只画了所有页面,就交付给设计和开发,那么无疑是低保真原型。建议加上主要交互,以中保真原型的标准交付给大家。
  所谓的主要交互,首先是指页面之间的跳转。这个做起来很简单,但是能够展示整个产品的页面关系。能够让设计和开发快速的评估整个版本大概需要多少工作量。


上一篇:没有了 下一篇:怎么判断一个网站的质量