用户界面的3C规则:颜色、对比度和内容
影响设计项目结果的因素有很多。在网站或移动应用程序的界面上工作,设计师不仅要考虑美感、创造力和美学感,还要考虑人们如何看待结构和内容以及如何应对它。今天,我们将讨论界面设计中"3C"的神奇公式,这些方面起着巨大的作用,对使UI在UX积极和解决问题的同时有帮助和直观产生巨大影响。因此,让我们来谈谈颜色、对比度和内容。
颜色
在视觉艺术中,色彩似乎是一切的灵魂,被艺术家吸入创作。颜色其实就是力量。它可以在眨眼间改变图像的心情。它可以鼓励、警告、呼吁、恐吓、突出、劝说等等。它可以支持的话,反之亦然-窃取他们的力量。它可以分享一种情感,而无需说什么。它可以成为大师手中的一大武器。
难怪,在UI设计色彩领域是实现高效效果的关键步骤之一。它实际上是一个多功能和多样化的工具,能够同时满足几个需求:
支持可识别性和品牌知名度;
支持可读性;
加强行动号召;
满足审美需求:
锐化导航:
增强直观的互动:
美化视觉解决方案;
创建清晰和谐的风格。
正如我们其中一个提到的文章关于UI设计中的颜色,尝试不同的组合及其用户友好界面的功能,重要的是要记住,在任何情况下,即使是最冒险的颜色匹配和混合应该感觉干净。屏幕上或页面上没有污垢。清晰度可提高可用性,支持可读性,使所有颜色都做到最好。
谈论界面,其目的不仅仅是传输视觉信息,而且还能够实现简单和成功的交互,检查您的解决方案的好方法是完成屏幕的黑白外观。观察它,你会很快明白,如果元素,必须是明显和功能,工作这样的或迷路没有颜色。不要忽视这种简单的方法来检查您的设计效率:它会揭示无效的组合,并很容易显示什么是潜在的问题,您的界面为色盲用户。
同样重要的是要提到,颜色选择和组合有很大的心理潜力:他们能够加强信息和内容的网站创造适当的心情。心理方面、陈规定型观念和文化背景使色彩本身成为使设计师能够转移数字产品思想、目标、本质和情绪的强大而有效的因素。
创建界面从来不是纯粹的创造力。它是为用户提供产品的行为,将治愈他们的痛苦,使他们的生活更快乐。因此,从 UI 中的颜色选择和使用的角度来看,设计师应始终记住界面应具有高度的可用性和清晰性。颜色选择的所有最细微方面应提高可用性、实用性和和谐性。使用类别的颜色编码,提供颜色标记,使用颜色来改进和加快导航速度 - 有这么多方面,可以变得更加高效和以用户为中心,只是借助于色彩的巨大力量。
反差
对比是影响的关键因素之一可扫描性和页面的视觉层次结构。它使设计者能够以告知用户哪些交互点至关重要以及哪些点是次要点的方式呈现布局。对比度可有效地吸引用户的注意力并吸引到特定元素,从而支持页面或屏幕的直观导航和可用性。
对比可以基于UI元素的不同功能,包括:
- 颜色
- 大小
- 形状
- 方向
经常想到对比的第一个想法是黑白分明的东西。在没有色调和多种颜色的情况下,单色图像使用对比度作为表达潜力的主要助推器。在用户界面中,这同样有效。更重要的是,与艺术或摄影作品相比,对比不仅影响美学,而且对布局的可用性和通航性产生重大影响。因此,明智地使用对比度是使网站和应用程序用户友好和易于使用的有力方法。
当然,这并不意味着只有黑白用户界面是最有效的。当全球用户提出如此多样化的愿望和需求时, 限制这么多是不明智的。然而,"黑白"测试,已经在前一部分提到,是非常有帮助的。设计师应该记住,色彩缤纷的界面在不同的屏幕和分辨率上看起来会有所不同。此外,低对比度会使接口难以用于有健康问题的人,如色盲。
设计师通常必须回答的颜色和对比度的第一个问题是选择什么样的一般配色方案:它应该是暗光还是暗色?从这个角度来看,有几个重要的方面需要考虑:
清晰度:这一方面应包括用户在屏幕或页面上清楚地看到和区分所有必要详细信息的能力。配色方案和组合应支持简单直观的导航,使布局的最功能元素有效脱颖而出。当这一方面没有经过适当的考虑或未得到正确测试时,可能会给在屏幕上造成完全混乱的产品带来麻烦,用户看不到他们真正应该做什么。当您在模糊模式下查看屏幕或页面并检查是否能够轻松快速地观察到所有重要内容时,检查它被广泛使用的"模糊效果"的方法之一。
可读性:用户的能力轻松阅读文本.如果应用或网站是文本驱动的,这一方面尤其重要:可读性水平低会导致用户丢失关键数据或感到莫名其妙的紧张使用产品,因为他们必须与需要付出巨大努力才能阅读的副本斗争。缺乏可读性可能是用户即使拥有有吸引力的产品也不会被保留的一个严重原因。
可访问性:产品能够覆盖尽可能多的人。这意味着,"使用或不使用"的决定应主要基于用户的需求和愿望,而不是基于他们的身体能力。配色方案问题是影响这一方面的主要因素之一。设计师应该考虑不同年龄、特殊需要、残疾的用户,这也可以决定背景和布局元素的颜色选择。
响应能力:产品根据所使用的设备灵活改变布局的能力。这会对可用性产生关键影响,因为高分辨率专业显示器上看起来时尚、吸引人、清晰,可能会在小低分辨率屏幕上变成污渍。配色方案和对比度水平,当然,影响这个问题在第一。
环境:选择合适的配色方案和类型背景对于用户将定期和频繁使用它的潜在环境。在自然光下不断使用方面,黑暗的背景可以从字面上创建反射的效果,特别是在平板电脑和智能手机典型的光泽屏幕上。相反,在光线昏暗的环境中,深色背景会使光线远离屏幕,从而对导航和可读性产生负面影响。因此,颜色组合、对比度和色调问题在这里引起了人们的极大关注。
内容
不应该有关于什么是更重要的,设计或内容的斗争,因为没有其他工作完全。有各种各样的内容类型,可以围绕副本,图像和视频全球组织。让我们仔细看看它们。
图像
图像在可用性方面起着重要作用:由于绝大多数用户都是视觉驱动的,图像成为获取有关网站或应用的基本数据的挂钩点。图像呈现的内容部分,既信息丰富,又具有情感吸引力。细节和功能级别允许将用户界面中的图像分类为类型,其中包括:
照片:这些可以是主题照片创建适当的心情和设置消息,演示照片,在电子商务网站上的项目的照片,博客文章的标题照片等。
插图:以不同的风格和复杂度完成,自定义插图呈现UI设计的流行趋势,因为它们既能看起来翔实又具有原创性,使设计能够在竞争中脱颖而出。
横幅:主要应用于网页设计,他们是大图像这通常是在交互的初始秒数中吸引用户注意力的第一个视觉元素:它们通常能吸引人的视觉表现资源的主要内容。
图标:这些是小而有意义的象形文字,信息丰富,支持信息员和收件人之间的数据交换-而副本是与字母或字符一起服务,图标通过显示与物理世界物体的图形相似性的图像进行通信。图标在提供中起着关键作用清晰直观的导航.
吉祥物:图像,通常人格化,在大多数情况下,它代表品牌,产品或服务身份,因此成为其象征性的公约,通过所有的应用程序或网站,以及品牌项目和促销活动。它们既能为互动增添积极的氛围,又能提高品牌知名度。
视觉身份元素:这些都是各种品牌的视觉标志,如标志,自定义字母品牌名称和口号等。
复制
文字是众所周知的令人难以置信的功能的普遍机制。就用户界面而言,发短信是成功性能的关键特征之一。
考虑到一个网页有相当有限的事实,而移动应用程序屏幕有高度可用于交互元素的空间有限,副本应见证一种精心设计且专业的方法。当设计师能够自己完成界面上的所有工作时, 这实际上是惊人的 — — 很明显, 让独角兽登机总是很棒。然而,他们没有义务这样做。此外,在许多情况下,作为设计方面的专业人才,他们很难解决正确和适当的问题屏幕的文案.
这项工作以及任何其他需要特殊的技能和知识,设计师需要掌握额外的。不得不说,他们中的很多人真的走这条路,仔细研究的技术和方法,创建副本,将翔实和吸引用户,同时将支持所有视觉设计解决方案应用于屏幕或页面。
解决这个问题的另一种方法是让专业的文案撰稿人参与进来。无论你走什么路,在这方面最重要的事情是找到一种方法,创建副本的界面,使每一个字母计数。由于副本是 UI 设计不可或缺的一部分,我们认为它应该支持与布局的任何其他部分相同的理念:屏幕上或页面上的所有内容必须具有功能性和目的性。一切都应该为用户工作。
在应用程序或网站中实现的副本可以而且应该:
- 通知
- 沟通
- 启用交互
- 加强导航
- 吸引感情
- 参与情绪
- 创建音调和声音。
设计者创建任何类型的界面时,首先应该记住的一件事是,复制是设计的另一个视觉元素。以及图标,字段,按钮,插图,切换等,它从字面上占据屏幕或网页的一部分,作为任何其他图形组件,并影响应用程序或网站的一般文体呈现。这意味着其信息内容和视觉演示都会显著影响复制效率。这就是外在和内在的相互支持。
高效拷贝的成功直接取决于设计解决方案的选择类型和字体,背景,放置副本。上述所有方面都极大地影响了可读性水平,因此,当它们完成不当时,副本即使具有高度意义,也会失去应用其所有潜力的机会。
根据上述所有内容,在设计过程中,专业文案撰稿人可以在此过程中成为一大帮助:在设计过程中,有一些阶段可以成为一个极大的帮助:
- 创建副本呈现用户角色和使用案例:由专业撰稿人根据从用户研究中获得的信息完成,这些类型的文本可以更高效、更集中、更简洁,这一点至关重要,尤其是在团队合作方面:
- 创建行动号召元素的副本;
- 为介绍屏幕创建副本,教程,和工具尖:
- 为屏幕和网页创建说明和通知;
- 为目录或菜单位置集创建副本;
- 为着陆页创建引人入胜的副本;
- 为项目描述等创建模板。
视频
常用类型的视频内容:
介绍视频通常提供有关公司、产品或品牌的第一个见解,并显示用户可以从中获得哪些好处
产品演示视频提供有关产品功能和优势的详细信息,告知互动的特殊步骤,并显示产品的解决问题的潜力
登陆页面视频增强消息驱动用户到页面上提供的特定行动号召
视频推荐,显示信任和对公司、品牌或产品的信任和忠诚度的原因和迹象
娱乐和教育视频提高情感吸引力,并经常呈现病毒营销的材料。
所有上述类型都可以有效地服务于营销目标,提高品牌知名度。创意和吸引人的视频是吸引客户注意力的好方法,也是快速、明亮地通知客户的成熟方法。视频同时激活了几个感知渠道——音频、视觉、声音——通常以讲故事的方式进行。所有上述因素的组合往往使演示强烈和令人难忘,特别是如果基于高品质的平面设计和动画。人们每天都会大量掌握各种信息,因此他们中的大多数人还没有准备好花太多时间学习产品或服务,尤其是新的产品或服务。在这些条件下,视频可以成为动态、信息性和吸引力的沟通方式。但是,它应该与一般的文体概念相对应,并在技术上正确,这样就不会花太多时间加载。
在检查了用户友好型设计的三个核心方面后,很容易看出创意过程包含设计师必须考虑的多个问题。没有通用的解决方案:对于每个项目,决策都必须在用户和市场研究以及彻底的用户测试的基础上做出。为了让用户感受到神奇,设计师必须找到3C的组合,它最适合特定用户的问题和业务目标。
原作者:Marina Yalanska