headerphoto

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

2018-06-22 13:24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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