产品经理如何提升审美让你的原型更好看?-蜗牛派

产品经理如何提升审美让你的原型更好看?

画原型是产品经理日常工作中必不可少的部分,通过原型来展现我们的产品样式,表达我们的产品逻辑。对于产品经理来说,严谨的产品逻辑与良好的用户体验是我们关注的重点,我们很少会关注原型本身的好不好看,好不好看更多的是设计师的事情,同时如果在原型好不好看上纠结太多,也会消耗额外的时间成本。

同样作为一个产品经理,我也认为原型没必要做的太好看,只要能梳理清楚流程,完整表达产品的逻辑即可,因为即使你的原型再好看,消耗额外的时间不说,设计师终究还是会再重新设计一遍。同时也会影响限制设计师的思路,他们拿到你的原型可能只是给你调调间距跟配色,这对于他们来说也太没有成就感了,而且长此下去,可能也会导致设计师对产品的过度依赖,没有自己独立的设计想法。

虽然日常工作中我们可能不用画高保真的原型,但是我还是建议大家能有这样的能力。有没有这个能力是一回事,而有这个能力却不用又是另一回事。那么高保真原型一般会有什么用呢,今天就跟大家聊聊这部分的内容。

01

首先,有一部分公司是对产品经理原型有要求的,招聘里写明了要能出高保真原型图。这种情况要么是公司没有足够设计资源;要么就是虽然有设计资源,但设计的能力比较弱,这就提升了产品经理的标准,要求产品经理在设计原型时,多做一步,把产品的样式布局等展现细节描述清楚,这样设计师在拿到原型时可以快速处理形成UI图,节省设计的时间。

其次,通过高保真原型可以提升我们的审美能力,它让我们在除了产品功能逻辑之外,更深入的关注产品的布局,样式。颜色该怎么搭配、按钮该如何摆放等等,这个时候我们是以设计师的角度去思考问题,而通过这些思考,不断的锻炼提升,我们对于美的分别能力也会大大提升。而且当设计师出完设计图之后,我们能很快的发现其中的问题,提出我们合理的意见建议。

第三主要体验在对外合作或者跟老板汇报时,可能会倾向高保真的原型图,当然有的公司也会让设计师来先出Demo,通过高保真的原型图可以更加清晰的描述产品,减少大家的理解偏差。

02

那么在日常工作中,我们如何才能让我们的原型看起来更加高保真,更好看呢?

尽量用真实的元素

高保真原型图的最突出的地方其实就在于真实,贴近线上的产品,因此我们的页面元素也要尽量使用真实场景。比如像原型里的图片、在普通的原型图里我们可能直接用一个图片控件来表示这个地方是一张图片,但是在高保真原型图里,我们需要找一张真实的图片来占位。

图标也是原型图里最常出现的元素之一,使用真实的图标而非占位控件,也会让整体页面美观度提升不少。给大家推荐一个图标网站iconfont,它是阿里妈妈MUX打造的矢量图标管理平台,对于一些图标按钮我们可以直接在这个平台搜索下载。

背景图的设置

背景图的作用其实主要为了衬托核心内容,常见背景图都为浅灰色,在上边显示纯白背景的内容模块,当然也有一些设计都是纯白背景,通过分割线来区分内容。通过背景图的加入我们可以很容易分辨出产品的主次,让产品增色不少。

间距字体统一

各个模块之间、字体与字体之间、字体与图片直接等等,这些间距都需要统一,规规矩矩的按照统一的距离排列整齐,这样整体看上去界面就不会乱。同时字体之间的距离也不要挨的太近,显得太拥挤。另外也要注意内容的左右留白,不要让内容贴着屏幕的左边或者右边。

对于字体的大小、字体的颜色也需要进行统一。同时也要注意不同作用的文字、字体的大小跟颜色也会不同,例如:主标题的字体都偏大、颜色也偏深,而副标题作为对主标题的补充,则需要使用相对较小的字体,较浅的颜色。

多看好的设计作品

好的审美设计能力并非一朝一夕就能形成,需要一步一步的积累提高,而市面上有很多好的渠道可以让我们接触到好的设计作品。最简单的,我们可以直接看其他家的产品,看他们的的设计风格、界面布局、颜色搭配。当然也有很多好的设计网站:像国内的花瓣、站酷,国外的Dribbble、Behance等等,都是我们可以接触到好的设计作品的渠道。

说了这么多,还是靠大家在日常工作中的多看、多想、多实践,在保证按时完成工作的情况下,可以尝试让你的原型看起来更好看。想跟做是两回事,希望大家能真正动手去做,学着去走进了解设计,发现设计之美。通过这些不断提升自己的审美水平,也给自己一个加分项,提升自己的竞争力。

本文作者: 产品那些年,其版权均为原作者所有,文章内容系作者个人观点,不代表蜗牛派对观点赞同或支持,未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
分享到:更多 ()
Copyright © 2015-2024 woniupai.net 蜗牛派 版权所有
皖ICP备18016507号-1 | 本站内容采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议