mg娱乐官网列表页是PM画原型的时分最简单碰到的页面类型,那么怎样快速画出而且展现交互呢?

  

 

  我们从详细的比方开端解说其间的技巧,和各种不同的演化场景。期望初级PM能够经过这篇文章改善下自己的画法。

  列表页根本是由页面结构,上导航,以及内容区的列表组成,最重要的部分也是今日文章的重点是列表部分。

  它可能是文字列表,图片列表,图文列表,表单列表,单选框列表等多种形状。

  画列表页的根本过程是什么?

  ①先画页面结构

  ②再画上导航

  ③最终画列表

  

 

  画列表项的常用画法?

  接下来细讲不同的列表项该怎样画。

  首要依照需求画出一个列表项。

  然后全选列表项,并仿制。

  然后粘贴到下方,贴紧第一个列表项。

  以此类推,重复屡次即可。

  完全一样的列表项怎样快速画出呢?

  

 

  完全一样的列表项,是指除了字段值不一样之外其他一样。

  这样的列表项,运用用中继器很省劲。

  由多个列表项组成的表单该怎样画?

  

 

  运用矩形框+文本元件,打个组合,仿制黏贴。最终进行修正案牍。

  更主张将常用的列表项等元件都制造一遍,生成自己的元件库,然后逐个调用并修正称号即可。有爱好的朋友能够试试我总结的办法《高档PM教你定制APP通用元件库》

  

 

  当然如果只画线框图,不考虑交互。那么用中继器是最省劲,而且新增、删去、修正都很便利。

  如果列表项有必定差异该怎样画?

  

 

  一般来说不一样的当地是指列表项右方的输入区域,你能够以共性的部分作为列表项画出,有差异的当地独自画出。这样效率高。

  比方名字这一行,应该是矩形+文本框。

  比方性别那一行,应该是矩形+单选框。

  证件类型,同性别。

  证件号码,同名字。

  再者,你同一个APP里边的列表框的款式不会有很多种,所以主张以此添加到元件库。

  

 

  列表项为什么不必母版画?

  尽管母版也能够用来做列表项。可是这种页面是一次性的,不适合用母版。母版规划的初衷就是用在多个页面,而不是同一页面。

  你能够笼统出共同的部分来做母版。仅仅母版不太适用这种同一个页面的场景。

  趁便说一下,我的这些办法不仅仅适用于Axure。墨刀,xiaopiao,mockplus一样试用。

  常见的列表项一般需求用到几个元件?

  

 

  有人说:两种,矩形,文本框。

  有人说:三种,矩形,文本标签,文本框。

  其实都对,一般来说用两个元件就够了,省劲便利。少用1个的技巧是在矩形中写字表明列表项标题。

  画原型要会省力易修正。做一个这样的列表项,画3个不累,可是事务往往需求做3-5个,此刻就会浪费时刻。再者如果需求修正,消耗的时刻会double。

  什么时分列表项需求用到3个元件?

  2个满意不了的时分就用3个,比方以下这些场景。

  比方矩形和标题,有不同的逻辑。

  比方矩形和标题,有不同的交互。

  比方列表项的标题是图标+文字。

  还有一种状况,像墨刀支撑将原型的视觉标示展现出来,主张3个。

  总结

  以上是我总结出来的各种列表项场景的画法,期望能够让刚入门的PM了解下技巧。而不是一味的去辛苦的画,而不去寻觅捷径。

  #专栏作家#

  浪子,事务型PM,浪子PRD系列51prd.com,大众号langzisay

  本文由 @浪子 原创发布。未经许可,制止转载。

  题图来自 unsplash,根据 CC0 协议