下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

产品经理的UI设计调整方法

作者:课课家教育     来源: http://www.kokojia.com点击数:1004发布时间: 2016-11-27 18:35:36

标签: 产品经理UI设计技巧

  你的设计团队设计出来的作品你感到满意吗?有没有达到你想要的视觉效果,有没有给人眼前一亮的感觉呢,你是不是总觉得有问题,但又不知道什么地方出了问题?有没有对你的设计师产生过质疑呢,或是他觉得你对它有质疑等等关于视觉和设计上的问题。这些或许有不少的产品经理都会产生这样的困扰,今天教大家学习如何调整产品经理UI设计产品

产品经理的UI设计调整方法_产品经理_UI设计_技巧_课课家  视觉调整是产品经理必须要具备的能力之一,但实际上掌握这个技能的产品还是比较罕见的。对于视觉调整来讲并不是以审美基础为目的进行调整,在审美这个环节,我们需要充分相信Axure设计师的设计理念和风格,因为他们比我们更加权威和更加专业。因此,请产品经理们特别注意一个误区:我们在调整视觉时,不要过分关注审美视觉调整。

  一视觉调整实质是调整信息元素的层级关系

  将你认为最好的使用和发现的元素放在用户最好的位置体验,将你不希望用户使用和发现的元素放在不显眼的位置,将用户常用的元素放在最优越的位置,将特定场景下使用的元素放在眼前一亮的位置,我们不妨可以通过手机界面当做一个封闭的三围空间,除了长宽以外,还有深度的含义。人们的视觉是一种立体的感知系统,除了长度和宽度以外,更重要的是有深度。我们在“看”的时候,一定会留意物体的前后关系,先会看到什么,再看到什么的前后对比。

  1.视觉深度:

  合理的利用视觉深度层次,一方面会增进产品的易用性,降低大量信息产生的视觉压力,一方面也是将产品的核心价值以更加突出的方式传达给用户。视觉的层次,是将1-3秒的视觉时间,拆解成3到5个小阶段,每个阶段只消耗0.3秒的阅读时间,由此产生阅读的顺序,减轻视觉冲击带来的不必要的干扰。相较于将页面的所有元素一次性呈现给用户而言,下图的做法是一种循循渐进的策略,在层级的影响下,用户很清晰的感受到我应该先看什么接着再看什么。

视觉深度视觉深度1.1视觉深度瞬间  2.案例分析:

  产品的一个页面内的元素,往往并不是都很重要,就拿登陆页面而言,我们通过视觉,很容易感知到想要传达的信息。他的视觉层次按照从高到低依次是

  地址导航–输入账号密码–登陆–第三方账号登陆-注册–返回键

登录案例

  你需要让用户知道正在登陆什么应用,你认为登陆使用的频次比注册高很多,注册是一次性功能,因此你将注册放的很弱,强调登陆。似乎你不是很希望用户采用第三方系统登陆,因此你并没有去让第三方登陆做的很显眼。

     如果说设计师决定了配色,布局,但最终决定作品的审美以及视觉的实现的是产品经理,那么作为产品经理而言,你需要反复的去体会一瞬间的视觉感受,需要你对信息非常敏感,尤其是对你的视觉轨迹看法。当我们在看待一个页面时,并不完全是一个平面感官,在没有任何调整的前提下,也任然会遵从自上而下,从左到右的视觉轨迹。

  视觉的调整,则是在基础上加强视觉,有意识的去控制用户的视线轨迹,将信息的传递做到极致。为什么产品经理必须要具备一颗七窍玲珑的工匠之心呢,就从视觉调整这个环节而言,你要做的是将原本1秒的阅读时间,通过层级和轨迹的绘制压缩到0.5秒,并且要让用户阅读的舒服,顺畅。如何将1秒的视觉平面,抽象成1个深度为1秒的视觉空间,也是高级产品经理必备技能之一。

  背景色,背景色的使用:背景色是运用在非常广阔的设计思路,重点在于视觉上展现除了“底层面板”的感官,再加上元素之间的间隔透露出的缝隙,形成了排列。

背景色  留白,留白的设计,是非常简洁的调整方法,重点在于衬托出文字内容。留白运用的巧妙,会减少阅读的时间。

留白  大面积占位,元素大面积占位,以视觉面积产生对比意识。

  总结:视觉效应通常会给人一种不一样的感觉,在原来的基础上调整视觉的轨迹有利于产品经理对一个产品的审美,视觉通常只会在几秒之间的时间差,在有限的的时间差之中将信息的传递做到极致是一个优秀的产品经理的具备的条件,今天教大家学习了视觉的调整,是否对你个人的视觉上有了一些新的体法,不妨分享出来,人人都能成为产品经理。课课家在线教育

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程