提高「可读性」,文本、背景色怎么选?

提高「可读性」,文本、背景色怎么选?,第1张

提高「可读性」,文本、背景色怎么选?

针对QQ付费的品牌创意,他们做了不同的创意测试。本文重点分享QQ付费品牌思路停止的三个步骤。尽情享受~

人们从各个部门看到的产品,大多都在视觉系统上选择了较为沉稳低调的风格,这对产品的问责性会产生不可避免的影响。不是,是不是意味着你只能为你的产品选择什么样的配色风格?

重视QQ的品牌理念,拜访不像别人那么有气势的年轻用户,利用明显的色彩对比,希望加强群众的认知和认同。

我们还对QQ付费的品牌假设做了不同的假设检验。

想象一下,Logo是基于思考和定位的需要。于是乎,Logo就会在各个地方或角落,比如公告栏、宣传单、网站、各种周边产品中不断跟随。你会发现一个Logo,是一个肉眼可以看到的工具。如色彩、情境、量感、形状等。,同时告知人们一个看不见的工具;喜欢产品的气质、气质、理念、眼光等等。

所以在思考Logo之前,最好先思考三层:隐形定位层、隐形视觉层、视觉延伸层。也是QQ为品牌创意付费的三个步骤(如下图所示)。

1.品牌研究和定位

Logo的想象力需要停止对所有行业的研究,去探索那个行业的产品品牌的内在特性,而那些研究的疑惑,可以帮助设计师在视觉想象的时候,开阔思路。

1.国外付费品牌

2.彩色分解

3.图解法

4.相关产品的收集和分析。

通过市场调研的过程和付费Logo的相关结论,对QQ付费产品的目标人群进行分离,得出产品的特征,并得出以下品牌想象模具。

二。品牌营销理念

第一步,从品牌研究和定位中得出相关结论,分离出品牌想象的模型,明确需求的成本是系统的,识别系统是新的。第二步,构思品牌logo,要把logo的意思表达清楚,让用户容易理解或识别,然后用更好的姿势表达出来。

1.搜索品牌关键词

2.标出暂定草图

接下来,想象老师们开始画有标记的争吵的草图。素描的想象元素是多种多样的,包括:卡片、金钱、平台、手势、形式和完成等。

3.标记创意提案。

想象一下,老师做了如下气势测试:

1.平面图:扣在一起的两个圆形元素象征着不同的文明,圆形元素的一般数量取QQ的剪影,达到一种奇妙的分离,意味着QQ在传达品牌的二次元内容。

2.平面图:将两个倾斜的圆形元素堆叠在一起,象征具象的卡片元素。多少层叠的形状用深浅不同的颜色分开,丰富的Logo深度组织,被QQ图形中的眼睛元素复杂化。

3.策划:QQ的双脚剪影与为胜利买单的身影分离,向用户清晰传达信息:QQ为你喜欢的东西买单,传递青春、热情、奉献、回报的视觉语言。

4.变质标志的假设

在提出了多种方案后,远见者们选择并磨练出了自己越来越喜欢的方案3。3.方案中使用了QQ的剪影,辨识度很低,可以在更高的层面上推广成本。同时,打勾的图形象征着项目的成就,代表着一种愉快而平和的努力。

外面不上钩的图,好像是拆QQ的图。设计师打算在方案3的基础上进行更多的测试,然后就是劣化标记这一步。

在选色过程中,以黄色代替不同色值的蓝色,也停止了多种测试。

5.终极计划

想象一下,老师们决定用QQ的剪影和获奖图形组成一个共同的Logo。图形要达到QQ之间的平衡,这样才能更好的传达所提供服务的重要性,这样才能保证logo能够传达品牌的内涵和性格,希望能够展现出它应该带给人们的宁静、活力和回报。测试让品牌的质疑声越来越“响亮”,语气强硬,值得信赖。

6.颜色假设

选择明亮的蓝色和黄色作为新的主色调,更能体现QQ支付强大的死亡力量,充满新鲜活力,有助于提高产品延伸的可用性。

三。品牌想象标准

一个好的Logo可以用来做视觉延伸,而且好用。在更常见的场景中,当人们看到那个视觉元素,在脑海中坐在一匹马上,就会去阅读它,这也占据了用户的心智,从而降低用户拿品牌之间的情感粘性,加深品牌形象的知名度。

1.图形元素

事实上,视觉延伸图形元素的来源并不是闭门造车。图形元素的需求和标志之间有一个规律。QQ付费用复杂笼统的图形来表达QQ付费的品牌特征,这样的视觉延伸更为主动。

2.图形分离

3.帮助模式

4.想象元素

5.使用创意

关注QQ品牌系统。设计者期望对其功能进行整体规划,并为测试建立明确的成本体系,并采用新的识别系统。从无形的定位层、无形的视觉层、视觉延伸层,建立起值得信赖的Logo、友好的配色、丰富灵敏的视觉延伸。

我们期待用七鑫的形象展示QQ对中国的贡献,也期待大家喜欢七鑫的改变。

出处:腾讯ISUX

本文主要讨论文本的本质以及如何选择布局,从而提供优秀的可读性。让我们一起来看看吧!

上次整理《特定颜色照明》这篇文章,收集了很多关于“文本可读性”的相关资料。我挑选了一些真正的比利在那里分享。

本文讨论了如何选择次要文本的本质和布局,以提供良好的可读性。

慎用“深色”。

对文本可读性、科教性的探究,过去其实并不新奇,很多优秀的研究效果都来自于80年代后期。

大多数研究表明,“浅色风景中的深色人物”比“深色风景中的浅色人物”更好。

Bauer和Cavonius发明于1980年,浏览“浅色风景上的深色字符”的准确率比浏览“深色风景上的浅色字符”的准确率高26%。

(参考:鲍尔,d.,&卡沃纽斯(1980年)。通过对比度反转提高可视显示器的清晰度。在E.Grandjean,E.Vigliani(编辑。),视觉显示终端的工效学方面(第137-142页)。伦敦:泰勒&弗朗西斯)

聚光患者(约50%的生牙)在黑颜色上浏览红墨水,比在红颜色上浏览黑墨水容易。

该部门的采光度是封闭的:当人们在屏幕上看到明亮的光线景物时,虹膜会闭合得更多,“镜头畸变”会更小;看深色屏幕时,虹膜打开接收更多光线,“镜片畸变”更大,会在眼睛上形成非常恍惚的核心。

(贾森·哈里森(JasonHarrison)——不列颠哥伦比亚大学感官知觉和交互研究组成像仪实验室经理博士后研究员)

那种恍惚会逼着人去浏览,有时候会消退。

即使比同样照度的浅色更暗,浅景上的黑色字符也比深景上的浅色字符好很多。

也许你觉得为视障人士改变观念很奇怪。但如果“视觉停滞”的比例是50%,那么对于一般用户来说也是一样的。

那两句引言足以说明接受深色的想法是个坏主意。

(摘自:为什么深色背景上的浅色文字是个坏主意,作者:塔瑟姆·奥迪,2008.10.13)

不要在黑暗的场景中使用黑色字符。

杂色黑字(#000000)用在杂色黑风景(#FFFFFF)上不太合适。

对于很多朗读困难的患者来说,他们对极低的比照度非常敏感,过高的比照度会使他们看到的文字逆转他们的恍惚状态。

(摘自:伤害阅读障碍用户的6种令人惊讶的坏习惯,作者:安东尼,2011.1.23)

浅灰色的风景比杂黑色的风景浏览效果更好。

1997年,研讨会的工作人员试图测试三种不同颜色(浅灰色、深灰色和红色)的黑色墨水的可读性。(他们觉得黑背效果最好)

令人惊讶的是,他们发现灰色组比红色组“更具可读性”。讽刺的是,尽管有那些发明,收藏读者的默许现在也红了。)

(摘自:网页文本-背景颜色组合对可读性、保持性、美观性和行为意图的影响,作者:RICHARDH.HALL和PATRICKHANNA,2004.5)

自发光率可以提高文本在智能手机上的可读性和视觉温暖度。

前辈做什么最好,因为在路下浏览比光照更有利,比光照减少了路下的视觉压力?

以上试图阐明,抛开“可读性”这个维度,是地痞的一招。

当人们在智能手机的显示屏上浏览时,文字和场景与光照的亮度比对视觉感知有很大的影响。

在《自适应亮度对比度用于增强智能手机显示器上的阅读性能和视觉舒适度》一文中,经过两次尝试,提出并证明了一个幻想模型:随着时间的推移,比照度会从最低逐渐降低到一个必然值,这样不仅可以增强文字的可读性和视觉的温暖度,还可以降低智能手机的能耗。这是一种非常适合智能手机的显示模式。

具体尝试:

尝试1:

针对某些研究的自白:

较低的照度有利于人们聚精会神,快速浏览墨迹;

如果是在可视化工具上浏览,越过就会造成视觉压力。

照度比的持续变化会导致视觉不适。

因此,本文提出了一种随时间推移逐渐降低亮度比照度的幻想自适应模型:人们在浏览和开始使用较低的比照度时容易聚精会神;然后随着时间的变化,比照度逐渐降低,然后持续稳定,以增加用较少时间浏览的人的视觉压力。

总共设置了3组尝试:

黑色风景,墨水颜色变化:从黑色到黑色;

笔墨的颜色是不断的黑和稳定的,套色是由黑到黑的突然变化;

文字逐渐由黑变红,而景物的颜色也以同样的速度由红变黑。

三组试验参数和测量结果

测试结果:

与后来的研究结果相反,当文本与场景之间的亮度高于光照时,浏览速度最快。

当亮度低于照度时,各组视觉温暖度迅速下降。

根据对比,C组文字战斗集亮度同时变化,得到最低的温暖。

通过一系列用户测试,开发了智能手机显示屏亮度比随时间变化的自适应模型:

自适应亮度对比度:文本和背景久而久之之间逐渐降低。

因此,较低的特定照度可以帮助用户首先集中他们的精神浏览。一开始他们觉得比较值视觉上很甜。

但是,如果用户连续做很少的工作,他会感觉到他的视力疲劳。

因此,亮度比在150秒后发生变化。因此,在这段时间之后,人们会更加专注于他们当前正在浏览的内容。

照明的极限亮度比肯定是0.52。考虑到统一识别对感觉感染类别的改变,文本的RGB值为51,设置为204。为了让用户感受到亮度的变化,文本场景之间亮度的切换时间比光照慢40秒。

RGB204浅灰色布景,取RGB51深灰色墨色。

尝试2:

设置3组尝试:

黑黑的人物;

自适应比照度;

B7-从以前的用户测试中选择的最佳浏览表现的值。

利用脑电波的脑电波来分析和测量“可读性”和视觉温暖度,以及死亡的压力。

测试结果表明,自适应特定光照形式、可读性、浏览速度和温情表达效果最佳。

在智能移动电话显示器上使用自适应亮度比较有两个次要优点:

第一,通过流程链接,在浏览功能和视觉温暖之间取得平衡,让用户用更少的时间,以一种温暖易读的形式浏览内容。

其次,自适应模具与当今一般智能手机的外观造型相比,能耗更低;因此,它具有节流电池电量的潜力。

因此,这是一种实现文本和场景之间最佳亮度照度比的新方法。

(来自:增强智能手机显示屏阅读性能和视觉舒适度的自适应亮度对比度,作者:NooreeNaHyeon-JeongSuk,2014.11.3)

参考资料:

为什么深色背景上的浅色文字是个坏主意,作者:TathamOddie,2008.10.13

用于增强智能手机显示屏上的阅读性能和视觉舒适度的自适应亮度对比度。玄贞淑,2014.11.3

伤害阅读障碍用户的6个令人惊讶的坏习惯,作者:安东尼,2011.1.23

网页文本-背景颜色组合对可读性、保持性、美学和行为意图的影响,作者:RICHARDH.HALL和PATRICKHANNA,2004.5

作者:Angelaaa,知乎专栏:安思想札记

产地:https://zhuanlan.zhihu.com/p/30018110

本文由@Angelaaa授权发布。制片人已经答应停止再版。

标题来自PEPEPEELS,基于CC0和谈。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/777961.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存