科技网

当前位置: 首页 >自媒体

产品经理,为什么要懂点UI设计?

自媒体
来源: 作者: 2019-05-14 17:24:53

学习过程

刷课,学习地图:基础概念 → 设计规范 → 审美 → 提升 → 品牌设计。

看书:

入门:设计心理学(1-4),写给大家看的设计书 进阶:About Face 4 交互设计精髓、用户体验的要素 超越:简约至上:交互设计四策略、社会心理学、情感化设计—移动应用的设计与开发

设计师的有效输入是从临摹开始,在临摹中思考。产品经理不需要实际操作,有效的输入是看大厂产品的界面和产品定位巧妙结合。

在不知道UI方面知识之前,从来不知道为什么这个App主题色是这样的?为什么App会采用这样的icon样式?

举个例子,永辉超市选用橙色作为主题色,其主要的用户群体是以家庭为主的女性用户。一般来说,女性喜欢偏亮色,男性喜欢偏暗色。永辉超市的橙色是给人是温暖的、舒适的,很符合其产品女性群体的定位。

(2)UI设计是有边界,重视UI规范

UI设计不是天马行空的,有UI规范约束的产品更有一致性、整体性。按钮、文字等都需要有统一的规范,细节处的一致性更是展现品牌的稳定性。

如还没有UI规范,产品经理需给UI设计师施于一定的压力,哪怕是简易版本,基本的字号大小、主题色、辅助色的规定,弹窗样式等。

产品经理验收时,除了查看有无功能错漏,更需要注意细节的检查。如字体是否显示有序,按钮注意颜色是否突兀……

(3)格式塔心理学理论应用,使界面被正确的认知

格式塔心理学理论比较庞杂,用在UI设计中,简单理解:人看图片是一开始看到的是眼睛和大脑处理过的简单整体,而后才是细节。

在一个界面里,人只能接收少数不规则的视觉信息,太多的不规则信息如大脑无法形成整体认知,从而会觉得界面不友好。

所以,产品经理判断:

界面的信息第一眼是否呈现成易理解的整体? 相似信息是否保持整体性和一致性(大小、形状、色彩)? 相似内容(文字、按钮)要合理布局,有序排版,表达清楚内容之间的关系,是从属关系还是平行、递进关系? 信息指引是否精准传达,视觉的焦点是否在主要内容? (4)审美的开始是审丑

先要知道什么是丑的设计,这里不是指个人审美的美丑,而是是否符合产品调性,是否符合基本的美学原理。如排版清晰有序,不干扰信息的获取或阅读,是否带有时代的痕迹(过时)等。

眼界是一个人审美的上限,平时要多注意提高审美。去看大量好的设计,看能接触到的最美设计,如一些国际设计大奖的获奖作品。


关于色彩 (1)每个色彩都有冷暖

了解色盘,基本的冷色、暖色是什么感觉,可能有工作很多年的设计师也不清楚如何判断冷色、暖色。同样的橙色,往黄色方向偏点就是暖色;往绿色方向就是冷色。

一个界面里是冷冷色搭配、暖暖色搭配,才会和谐、舒适、顺眼。

(2)色彩是有味道的——酸甜苦辣咸

红色是热情又侵略的,黄色是阳光、希望,蓝色是和平、稳定,白色是简洁、干净,黑色是诡异、奢华……每种颜色都有不同的味道,可以营造不同的氛围。

看设计图时,产品经理需着眼整体氛围,根据其具体的色彩情绪去判断是否符合产品要求。

随意从网易云音乐中截取了两张轮播图,同样是红色,前者是漫威的宣传,红黑搭配有热血的氛围,黄色点睛;后者是Blossoms的轻音乐,歌曲清新自然,红白的搭配营造清新的韵律。

这就是氛围的营造,试想下,这两者红色反过来搭配,会及其不协调,氛围很诡异。

(3)配色是可数据化

有一个小技巧,可以搭配出统一风格的配色——HSB调色法。

HSB又称HSV,表示一种颜色模式:在HSB模式中,H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示亮度HSB模式对应的媒介是人眼。

HSB模式中S和B呈现的数值越高,饱和度明度越高,页面色彩强烈艳丽,对视觉刺激是迅速的,醒目的效果,但不益于长时间的观看。

在PS中,色相就是色盘,0°—360°,饱和度和亮度都是0%—100%。输入有规律的数值(整十、正数),可以得到有规律的色彩,调配出有规律的统一的颜色。

有兴趣的小伙伴可以打开PS尝试一下,看看输入同样的饱和度,有规律的输入不同的色相、亮度,会有怎样的变化。与之前凭感觉的色彩搭配相比是不是更稳定,更有规律可循?

以上就是近期学习UI的心得,再总结下:

设计是从有效输入开始 UI设计是有边界,重视UI规范 格式塔心理学理论应用,使界面被正确的认知 审美的开始是审丑 关于色彩:每个色彩都有冷暖;色彩是有味道的——酸甜苦辣咸;配色是可数据化

如果喜欢我的文字,如果你也是产品小白,一起升级打怪啊~

作者:xlin,公众号:晓途


应用越来越广泛,显然已经成为设计的主流及流行的必然趋势。UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等。UI界面交互设计为何越来越受到青睐?它有哪些优势呢? 1. 增加可用性,改善用户体验ui交互动效可清楚的显示你产品
 •  5分钟前 Warning!!!慎点!!!本文大概是目前最全的剧透了!!!《复仇者联盟4:终局之战》终于上映了,本漫威死忠粉为了躲避被剧透,第一时间选择去了电影院看首映。毕竟这是第一次大陆领先全球提前两天上映 不去不是中国人 ,虽然我也没有抢到天价IMAX观影票。熬夜一时爽,一直熬夜一直爽。虽然看完电影已凌晨三点,并意外达成了三个
 •  6分钟前 联网产品经理是怎么观察产品呢?其实是有一套很科学的方法论叫用户体验要素,把一个产品分为五层,分别是战略层、范围层、结构层、框架层、表现层。这套方法论可以从外到内剖析一个产品,先简单的说下这套方法。一、战略层战略层要考虑的问题是这个产品的价值。产品价值分为二个方面。一方面你要思考清楚你的目标用户是谁,你要为你的目标用户解
 •  8分钟前 近日,一款输入法App悄然进榜,更新不到8小时就上了App Store热搜,并持续占据热搜位近24小时,5月1日再登热搜长达32小时,且自4月30日1点登顶iOS应用免费榜Top1至今已霸榜6天,七日累计预估下载量高达200w,“趣键盘”的上榜速度实在令人惊叹。不论是从icon、应用名,“趣键盘”都很容易让人联想到20
 •  8分钟前 敏捷是理想型指标和原则,看板和Scrum是帮助团队坚持敏捷原则并完成工作的基本框架。本文详细介绍了在Scrum和看板之间做出选择时要考虑的关键因素,以及如果我们无法做出决定时该怎么办。Scrum和看板实践之间的区别很容易总结出,但这只是表面上的。虽然这两种框架实践起来不同,但原则基本相同,他们都将帮助团队以更高的效率构
 •  52分钟前 本文将从以下几个方面进行分析:1.功能框架与使用流程2.市场分析3.用户分析4.功能分析与优化建议5.运营分析6.总结功能框架与使用流程 1.1功能框架图 1.2核心功能使用流程图用户使用信用卡还款 用户添加账单 市场分析2.1.市场空间51信用卡管家在2012年上线,它从信用卡管理工具
 •  53分钟前 经过大半年的测试, Axure9.0正式与我们见面了(最新版本为号为:V9.0.0.3648)。 虽说还存在一些细微Bug,但已经不影响正常使用了。从这几天的适用情况来看,此次9.0版本相较于8.0主要的改变在于:1:支持移动设备的界面那些为移动端产品尺寸而迷惑的童鞋终于不用再纠结x2,x3了。打开软件
欲要攘外,必先安内,这是亘古不变的历史铁律。 据相关媒体报道,德国最大的零售巨头麦德龙正在以招标的方式出售中国的业务;另一方面,大洋彼岸的美国电商巨无霸亚马逊宣布退出中国,只保留部分跨境贸易的业务,如此一来,中国大陆零售市场的竞争格局变得更加清晰。 在中国市场栽跟头的外资巨头
 •  1天前 逛了一圈4月份的深圳礼品展,看到一些有趣的产品,以下enjoy综合来看这些产品在外观设计上有一个共同点:拟物将产品的外观设计成已有认知的形态,会起到一种亲近的效果,也便于传播。另外也有一些不同的产品,外观设计参考了同样的形态。所以也可以将某种产品形态,拓展应用到其他产品上。欢迎关注微信公众号:行刻
专注科技资讯挖掘,通过关键词过滤科技资讯,提高阅读效率10倍以上。 网站定位极少数高效能人士,精准快速定位资讯,大大提高阅读效率。老人肠胀气的治疗方法整肠生可以常温保存吗便秘吃日本代购的酵素,有问题吗

相关推荐