眼睛ui设计是什么意思(产品经理,为什么要懂点UI设计?)

产物司理,为什么要懂点UI计划?

迩来事情中总是发觉本人与UI计划师相反不顺畅,想要的后果表达不明晰。招致整个项目标界面图以为十分违和,开头学习UI方面的知识。刷课刷了一个月,后果十明白显,基本上可以跟UI计划师愉快而又专业的相反啦,学了些小本事还能带着UI飞~

产物司理为什么要懂计划?

  • 懂点计划原理,更好的和计划师相反
  • 让计划师改准确的把握产物作风

学习历程

刷课,学习舆图:基本看法 → 计划标准 → 审美 → 提升用户体验 → 品牌计划。

看书:

  • 入门:计划心思学(1-4),写给各位看的计划书
  • 进阶:About Face 4 交互计划精华、用户体验的要素
  • 跨越:繁复至上:交互计划四战略、社会心思学、心情化计划—挪动使用的计划与开发

关于计划的思索

(1)计划是从好效输入开头

计划师的好效输入是从摹仿开头,在摹仿中思索。产物司理不必要实践利用,好效的输入是看大厂产物的界面和产物定位奇妙团结。

在不晓得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,群众号:晓途

本文由 @xlin 原创公布于各位都是产物司理。未经允许,克制转载

题图来自Unsplash,基于CC0协议

眼睛ui设计是什么意思(产品经理,为什么要懂点UI设计?)(图1)

GM游戏 更多