现在部分产品职责中要求中高保真的原型,而是否要求产品经理输出高保真原型有着相反的两种主张,主要矛盾在于时间成本以及影响到了设计师设计。这篇文章里不讨论这个问题,仅仅表述下,笔者作为一个技术出身的产品经理,如何学会能够快速地产出高保真原型的,以下写的也是态度篇,文字较多,期望能够给各位看官大老爷提供个参考。

方是方,圆是圆,规范最重要。

以前我的做法会是找找优质元件库,就我个人而言,这是走了段弯路。好的元件即使它精致且白搭,但对于产品设计来说其实也是不利的,我们做的产品是为了贴合场景、服务用户、优化体验,而不是为了对上漂亮的元件。做得demo多了慢慢发现让原型更加高保真,重要的规范是字体,是字号,是间距,是对齐。

一、字

  1. 字体统一,一般不要用几种字体,就选常用字体就行,1~2种足够;
  2. 字号不要乱,一级标题、二级标题、正文、简介描述等等字号大小都尽可能的统一;
  3. 颜色规范,标题、正文、描述等等颜色事先统一并做出相应的区分。

这里可以把规范事先定好(如图),但并不需要很硬的将规范事先画出来,能够在设计过程中根据实际情况调整为最佳,主要是各个部分的一致性。这种参考数值的图,更多是用在最终稿设计完成后展示设计的数值,而并不能称之为参考数值。

让原型更加高保真,重要的规范是字体、字号、间距、对齐

小贴士:善用Axure中的基本元件,添加几个要用的规范文字元件不花时间,也可以直接将本身的元件更新。做好一套就行,不断迭代。操作不详说了,假设不清楚,点点如下图的几个画圈标注的地方就大致了解了。

让原型更加高保真,重要的规范是字体、字号、间距、对齐

二、图

主要会用到的图片为以下几种,背景图、展示图(广告/产品/文章等)、图标。在高保真原型设计中,主要考虑的是背景图和图标。对Axure自带的图片元件不太喜欢的,找几张接近项目主题的代替下就行了。

图标还好,目前各icon网站提供的素材都不错,我会经常在各个UI设计的网站上看看,但是一般取icon就在https://www.iconfinder.com/找上一套,实在没成套的,就按同风格的凑一套。不用太花时间,一开始实在不好找,就用小方块代替也可以的。

背景图在整体设计中最为影响项目的体验,也是在设计中会要多花些时间,这时候,看看竞品、和设计师沟通都是不错的方法。之所以重视它,因为颜色、背景等对产品内容、功能等布局有所影响的,在产品设计之初就做出思考,更有可能做出最佳体验的设计。且对于整个项目来说,会减少设计师反复修改的时间。

让原型更加高保真,重要的规范是字体、字号、间距、对齐

我们都是期望做出更好的产品,产品原型设计时就能得到各方的建议是好事,不用真等到原型设计后再反复修改。而且多数情况项目开发的流程是瀑布模型,要抓好用户体验以及产品研发效率,可以靠我们产品多把把关多做点事。画原型别太随意,时刻提醒自己保持更新迭代,让乌龟越画越好。

小贴士:同一页面的图尽量用同一色系的,产品图等用透明背景的,要么就有浅灰色背景框替代。为什么不用原型工具里的,颜色和样式太吸引眼球的话,会把注意力带偏

三、间距

间距设定主要一大问题就是统一,千万不要随缘对齐,规规矩矩的按统一的大小排列整齐。各同类间距做到一致,规规矩矩的对齐

其它各个元素之间的间距留白也有技巧,这里就不延伸了。这里每次设计到时都做些许调整会让作品变得更好,尽量的使用动态面板或母版,每次更新时要调整的内容就少很多了。尽量做到可复用,简单修改就能做好每个相关页,不至于让更新变得消极,页面太多确实容易心态爆炸。

四、对比竞品

多看看和竞品的区别,在相似项目上找经验,千万注意度,这里可不能是临摹或抄袭。还有一个较重要的是,仔细的看看自己原型与设计师做完后的提高,这会让自己很快的接收一大波经验,下次肯定会做得更好。色彩尽量的淡,主要还是找准布局,在前人创作上做迭代没理由做得很差的。

五、比上一次做得好

请时刻提醒自己,自己的手艺也要有更新迭代。每次开始做的新内容,我们能做出更好设计的话,起点天然会高点,后续接手的同事也会带来更多优化。

高保真原型的产出也不是一看就会的,这项技能需要我们通过日常工作不断进步,但请相信,它并不困难,相反非常的简单。完全可以通过我们日常工作中做的原型进行不断更新迭代,努力将原型一次做得比一次好。快则三两月,最终设计高保真原型就如同习惯一般,自然而然的就做出来了。

有些童鞋为什么做了很长时间都不能产出高保真原型,因为单单练习只能让自己对工具更加熟练。就如练字,字不用心去写好,写多了,反倒是把坏字练成了习惯。当然比喻不恰当,低保真原型本身可是没错的。而快速产出高保真原型能够在我们日常中练成,当然是最好不过的。

心态篇 

1、不要担心自己没有艺术细胞

我们是产品经理,天生为创造美好而存在,不一定在色彩上酷炫,但肯定能做出精致的原型的。尤其像笔者一样从事ToB产品的童鞋,视觉上更是简单了些,表现简单清晰,操作方便简单,体现专业严谨就好。

2、别害怕影响到了设计师

即使公司给配备了各类设计,多数能被自己影响动摇的都是相对“年轻”的,设计比自己还差的,刚好共同进步。当然,多数应该是甩上自己几条街的设计“爸爸”,可能会被好好教育的,但没关系的,能够做出提高的总规是好的。

我们这些产品经理,有个好品质,能够很快承认错误,接受自身不足而去不断改正雕磨产品。我很佩服一类人,能对自己动刀动枪的那种,书面点,就是常自省的人。很庆幸,常年从事产品工作让自己也能有机会变成自己佩服的那一类人。

真不要怕影响到设计师,我们本身职责就有相关产品设计的工作,无论处于什么目的及方向,原型就是要影响到设计师的,如何让设计更加偏向好的影响而不是负面影响,也是我们工作一个重要职能。

3、熟能生巧

原型的产出总会占上我们工作的一部分,我们每次要求产品做出提高,我们不断丰富的经营,不断累积的设计,也足够让自己的原型逐步变成高保真原型了。所以吧,让每次都比上一次好,让高品质设计变成习惯,产出高保真原型其实可以变成一个很简单的过程,经历了,它自然就提高了。熟练之后,高保真原型花费的时间并不多,还是很合理的。

让原型更加高保真,重要的规范是字体、字号、间距、对齐

预祝春节快乐。