快好知 kuaihz

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

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

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

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

一、字

字体统一,一般不要用几种字体,就选常用字体就行,1~2种足够;

字号不要乱,一级标题、二级标题、正文、简介描述等等字号大小都尽可能的统一;

颜色规范,标题、正文、描述等等颜色事先统一并做出相应的区分。

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

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

二、图

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

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

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

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

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

三、间距

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

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

四、对比竞品

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

五、比上一次做得好

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

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

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

心态篇 

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

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

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

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

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

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

3、熟能生巧

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

预祝春节快乐。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:高保真  高保真词条  对齐  对齐词条  间距  间距词条  原型  原型词条  字号  字号词条  
原型

 Axure教程|水滴式进度条详细...

开始入门Axure时候,都会有一种想法,怎么才能最简单明了的体会到这个软件的功能呢?从最基础的开始按钮,到后面的网站连接,渐渐地引导我入门。当我学习到进度条时候...(展开)

原型

 Axure教程:App移动端多选...

本篇教程将为大家展示如何使用Axure美化App移动端多选效果。最终效果分解页面制作步骤首先我们按照上图在场景中绘制出需要用到的元素,并且将元素单独成组(快捷键...(展开)

原型

 原型设计:APP下导航如何通过A...

下导航是APP原型设计中常见的功能,如何快速高效的通过Axure画出来呢?网上有不少文章讲过如何画下导航,要么方法特别复杂,要么步骤并不全面。典型的错误有两个,...(展开)