bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>浅色灰子 巧钌拷棠龆ê鲜实慕缑媾渖玃lan!
浅色灰子 巧钌拷棠龆ê鲜实慕缑媾渖玃lan!
发表时间:2018-08-24

吾们的日常生活总是会面临无数的决定,尤其是在职业生涯中,吾们必须揣摩到很多的反对和挑战,更好的策划解决Plan不单是基于倡议,而且是以事实、经验和知识为底子的。今天吾们要聊下的是 UI 策划师在work中经常会遇到的一个porject:对于用户界面来说哪个配色Plan更好,是浅色灰子 巧钌?


一、影响配色Plan决定的圆素


可以肯定的是,没有一个特定的决定可以实现一切的倾向。解决Plan与很多的圆素紧密相关,这些圆素,不单包括用户关键,还包括业务倾向、环境状况和当上的策划趋势。吾们来看下,在这个小case上策划师必须揣摩的一些要紧圆素。


1. 可读性和易读性


这些术语都与文本始末带给用户的感受有直接的关系:

  • 可读性定义了人们阅读单词、短语和文本块的难易程度;
  • 易读性衡量用户识别特定字体中字母的速度和直观程度。


应该仔细揣摩可读性及易读泄憬个特性,特别是对于拥有大量文本始末的界面。众多圆素中,在用户对本文感知的有效程度上,为界面决定配色Plan起着至关要紧的感化。

诸如,对于在不同背下下感知的物理对象,白色或亮色背下上的黑色文本似乎比黑色背下上的白色文本要大。糟糕的可读性导致了糟糕的用户体味:用户不单无法阅读信息,甚至更糟糕的是即使信息是相关的,灰子 俏薹ㄋ吵┑脑亩粒庋没Щ岣械轿谋敬陨砟涿畹慕粽鸥校钪盏贾掠没Т砉丶男畔ⅰ

这是否意味着带有亮色背下的界面更匆子 侄迷亩聊兀坎⒉蛔苁钦庋

著名的用户体味策划大师雅各布·尼尔森提到:


使用文本和背下之间高对比度的颜色。最佳的易读性要旨:黑色文本在白色背下上(所谓的正文本),或者白色文本在黑色背下上(所谓的负文本)。虽然对比度与正面文本同样,但是相悖的配色Plan会让人产生一些偏差,使阅读速度略微减慢。在配色Plan中,易读性受到纯黑背下的影响比淡色背下的影响更大,尤其是背下颜色比纯白色更暗的时候。


易于 ,如果策划师能弄清楚不同背下图案上的文字观感,并仔细研究字体的决定,尽数配色Plan都可以具有很高的可读性。




△ 博物馆登录页


然则,一些早在20世纪80年代的科学研究表明:对于大多数用户来说,亮色背下文本的大量使用似乎是一种更有效的决定。

D.Bauer 和 C.R.Cavonius 在其研究广告载体是如何运行的论文中分享了他们的研究成果《通过对比反转,提高视觉显示圆素的易读性》(1980)。特别是,他们发现:当阅读文本时,参与者在浏览亮色背下上带有的深色文字时,准确率提高了26百分比。

为何会这样呢?来自英国伦比亚大学的「感觉知觉与互动研究小组」的 Jason Harrison 用以下方式解释了这一现象:


患有散光的人(按照各种数据显示:大约50百分比的人)觉得,在黑色背下上的文字,比在白色背下上的黑色文字更难感知,这部分与光度水平有关。在明亮的显示屏(白色背下)下,虹膜会稍微闭合一些,减少了「变形的」透镜的影响;在暗色的显示屏(黑色背下)下,虹膜就会打开,接收到更好优质的光度,镜头的变形会使眼睛的焦距更好模糊。


易于 ,如果界面上有大量的文本,而且需要用户进行长时间阅读,so使用浅色背下会让用户觉得更好友好。


2. 可访问性


可访问性主要被定义为 WEB 或移动界面能够被尽可能多的用户访问,所供给的功能人人可用,没有「功能歧视」。易于 ,「使用或不使用」的决定,必须基于用户的需求和偏好,而不是基于他们的身体能力。

配色Plan是影响这关键的主要圆素之一,决定调色板和颜色组合时,策划师需要揣摩到不同年龄、特殊需求以及残疾的用户,这些用户也会影响背下和计划圆素的颜色决定。在策划师对倾向用户深入了解的过程中,用户研究获得的数据会对其策划决策非常有扶掖。


3. 清晰度


清晰度定义了在屏幕或页面上查看和区分一切主要细节的能力。起首,它与导航的easy性和直观性相关:能够浏览计划并找到信息区域和交互圆素,用户不需要花费太多精力就能找到他们需要的东西。如果清晰度没有得到适当的测试,可能会导致视觉层次较弱,并且会使屏幕变得一团糟。


对比在这里扮演着极其要紧的角色,配色Plan就成了它的底子。检查一下,界面是否清晰并且对比度足够高,在模糊模式下查看屏幕或页面时,请不要忘记「模糊检验」这样一个很好的老技巧,看看一切要紧的东西在模糊的状态下是否匆子 侄么ゴ锖兔飨钥杉





△ 数字机构登录页


4. 响应性

界面的响应性意味着无论用户在何种设备上都可以正常使用。在高分辨率的professional显示器上看起来时尚和care到人的东西,在小的低分辨率屏幕上可能变成很脏的污点。

易于 ,一些在策划阶段看起来很漂亮的配色Plan可能会在各种各样的实际条件下失去它们原有的美感。

由于配色Plan直接影响颜色、形状和文本感知,以是在做出最终决定之上,应该在不同的设备上进行测试。


5. 环境

在对倾向受众进行仔细研究的环境下,WEB 和移动界面的使用可能被认为是典型的。

诸如,在自然光下持续使用时,深色背下会产生反射成果,尤其是在平板电脑和高技术手机的屏幕上。相悖,在光度昏暗的环境下,深色背下会使光度远离屏幕,这对导航和可读性有很大的影响。

易于 ,颜色组合、对比度和色调小case在这里引起了很大的关注。



△ 明亮的日历

二、配色Plan决定清单

揣摩到上面提到的圆素,吾们供给了一个简短的清单,列出了在为 WEB 或移动界面决定通用的配色Plan时应该遵循的基本步骤。


1. 定义界面的用途


在细目了界面应用程序的主要点和解决小case的能力之下,您可以更合理的决定配色Plan。

如果 UI 是文本驱动的(一个博客、讯息平台、电子阅读器等),浅色的背下往往会是一个比较好的决定。浅色背下使的屏幕更有呼吸感和宽敞,用户的 关注力更匆子 侄镁奂诟北旧稀

另一关键,如果界面是视觉始末为主要,有大量的图片并且没有什么文字,so带有深色或者明亮背下的配色Plan可能是一个好的决定,因为图像的颜色会更深,平时看起来普通的计划方式也会变得更时尚,甚至很「豪华」。


2. 归纳您的倾向用户


对倾向用户的定义和归纳是策划师应该做的首尾work。了解谁是您的潜在用户,以及他们瞩望从网站或应用程序中得到什么,这样就为策划出一个可用的、有用的、有care到力的界面打下了坚实的底子。

中年人和老年人倾向于使用浅色的界面,因为他们觉得这些界面更直观,更易于导航;年轻人一贯会倾向于具有较好表现力的界面,背下更新颖,更时尚,这样可以让倾向用户参与进来;使用浅色的背下和有趣的细节来care到青少年和儿童。

显然,颜色的决定取决于界面功能和始末的性质。但是,如果您的策略是以用户为主要,so倾向用户的偏好就是一个做策划决定时的要紧判断按照。


3. 研究竞争


另一个需要记取的关键是:您的产品不会出Now蓝海环境中。易于 ,它将在激烈的环境竞争中去获取用户的广泛关注。

配色Plan的决定是应用或者网站care到用户关注的一种方式,它会影响用户对于应用或者网站产生的第一印象以及影响用户是否会去使用。要么花点时间研究现有产品,要么就糜费时间在重新策划无效的解决Plan上。


4. 测试测试再测试


上面描述的要点对于关键的事情是有说服力的:由于颜色属于直接影响界面可用性和care到力的圆素,以是每一个策划解决Plan都应该在不同的分辨率、不同的屏幕和不同的条件下进行适当的测试。

测试揭示了在产品上市上颜色Plan的优点和缺点,如果策划解决Plan效率低下,就失去了让用户留下令人惊叹的第一印象。


△ 素食食谱 APP


三、折中解决Plan


不愿遵守严格的配色Plan,UI 策划师有时会找到折中的解决Plan。


1. 深色的界面,白色的标签文本


正如吾们在《用户体味策划趋势回顾》中提到的:这种趋势在基于深色背下Plan的界面中特其余流行。它还采取应用了另一种方法来实现适当的可读性,这点常常是有争论的:在主要信息区域使用带有浅色背下。


策划师解决了这个小case:给屏幕或页面添加了幽雅的对比。此道的一个体育betvictro伟德:由 Tubik TEAM策划的浇水追踪器就应用了这样的原理。


△ 浇水追踪器页面


2. 为用户供给色彩Plan的决定


另一种方法是让用户决定配色Plan的模式。吾们为 Upper 所做的策划Plan就是这样的:一个供给给用户决定配色Plan的任务列表应用程序。


一关键,这样的方式对于用户来说非常友好,不单噬洗照产品的可用性,而且噬洗照用户的审美偏好,使用户的决定更好赋性DIV。另一关键,策划师和开发人员需要花费额外的work时间来制定一切的Plan。


△ Upper App





——bv1946伟德体育分享,作者熊猫小生。



XML 地图 | Sitemap 地图