网站建设的三要素检验它们如何影响Web和应用程序UI的可用性和交互。

有许多因素会影响设计项目的结果。在网站或移动应用程序的界面上工作，设计师不仅要考虑美感，创造力和唯美主义，还要考虑人们如何看待结构和内容以及回应它的方式。今天我们将讨论界面设计中“3C”的神奇公式，这些方面起着巨大的作用，并且在UI积极和解决问题时对UI有用和直观有很大的影响。那么，让我们谈谈颜色，对比度和内容。

颜色

在视觉艺术中，颜色似乎是一切的灵魂，被艺术家吸入创作中。实际上，颜色就是力量。它可以在眨眼间改变图像的情绪。它可以鼓励，警告，吸引，吓唬，突出，说服等等。它可以支持这些词，反之亦然 – 窃取他们的权力。没有任何说法，它可以分享情感。它可以成为大师手中的伟大武器。

难怪，在UI设计领域，色彩是高效结果的关键步骤之一。它实际上是一个多功能和多样化的工具，能够同时满足几个需求：

– 支持可识别性和品牌意识;
– 支持可读性;
– 加强号召性用语 ;
– 满足审美需求;
– 锐化导航;
– 增强直观互动;
– 美化视觉解决方案;
– 创造清晰和谐的风格。

正如我们的一篇文章中提到的 关于UI设计中的颜色，尝试不同组合及其功能的用户友好界面，重要的是要记住，在任何情况下，即使是最冒险的颜色匹配和混合应该感觉干净。屏幕或页面上没有污垢。清晰度提高了可用性，支持可读性并使所有颜色都发挥得淋漓尽致。

谈论接口，其目的不仅是传输视觉信息，还能实现轻松和成功的交互，检查解决方案的好方法是完成屏幕的黑白外观。观察它，你会很快理解那些必须注意和功能的元素是否像这样工作或者没有颜色就会丢失。不要忽视这种检查设计效率的简单方法：它会显示无效的组合，并且可以轻松显示色盲用户界面的潜在问题。

同样重要的是要提到颜色选择和组合具有很大的心理潜力：它们能够加强网站的信息和内容，创造适当的心情。心理方面，刻板印象和文化背景使色彩本身成为一个强大而有效的因素，使设计师能够转移数字产品的想法，目标，性质和情绪。

创建界面绝不是纯粹创造力的行为。这是为用户提供能够治愈痛苦并让他们的生活更美好的产品的行为。因此，从UI中颜色选择和使用的角度来看，设计者应该始终记住界面应该是高度可用和清晰的。颜色选择的所有最轻微的方面都应该增加可用性，实用性和和谐性。使用类别的颜色编码，提供颜色标记，使用颜色来改进和加速导航 – 有很多方面可以通过颜色的强大功能变得更加高效和以用户为中心。

对比

对比度是影响页面可扫描性和可视化层次结构的关键因素之一。它使设计人员能够以一种方式呈现布局，告知用户哪些交互点是重要的，哪些点是次要的。对比度有效地吸引用户的注意力并将其吸引到特定元素，以这种方式支持页面或屏幕的直观导航和可用性。

对比度可以基于UI元素的不同特征，包括：

• 颜色
• 尺寸
• 形状
• 方向。

经常会想到关于对比的第一个想法是黑白两色。在没有阴影和多种颜色的情况下，单色图像使用对比度作为表达潜力的主要助推器。这在用户界面中的工作方式相同。更重要的是，与艺术品或摄影作品相比，对比不仅影响了美学，而且对布局的可用性和导航性产生了重大影响。因此，明智地使用对比度是使网站和应用程序用户友好且易于使用的有效方法。

当然，这并不意味着只有黑白UI才是最有效的。当用户在全球范围内呈现如此多样化的愿望和需求时，限制这么多是不明智的。但是，前一部分中已经提到的“黑白”测试非常有用。设计师应该记住，彩色界面在不同的屏幕和分辨率上看起来会有所不同。此外，低对比度会使界面难以用于有色盲等健康问题的人。

设计师通常必须在颜色和对比度方面回答的首要问题之一是选择什么样的一般颜色方案：它应该是暗光还是暗光？从这个角度来看，有几个重要方面应该加以考虑：

清晰度： 此方面应包括用户清楚地查看和区分屏幕或页面上所有必要细节的能力。配色方案和组合应支持简单直观的导航，并使布局中最实用的元素脱颖而出。如果不考虑这个方面或者没有正确测试这个方面的情况，可能会给屏幕上产生完全混乱的产品带来用户看不到他们真正应该做的事情。检查它的一种方法是在模糊模式下查看屏幕或页面时广泛使用“模糊效果”，并检查是否可以轻松快速地观察所有重要信息。

可读性： 用户轻松阅读文本的能力。如果应用程序或网站是文本驱动的，这一点尤其重要：可读性水平差可能导致用户丢失关键数据或使用产品感到莫名其妙的时态，因为他们必须努力处理需要付出相当大努力的副本。读。缺乏可读性可能是用户即使使用有吸引力的产品也不会被保留的严重原因。

可访问性：   产品能够覆盖尽可能多的人。这意味着“使用或不使用”的决定应主要基于用户的需求和愿望，而不是基于他们的身体能力。配色方案问题是影响这方面的主要因素之一。设计师应该考虑在不同的年龄，特殊需要，残疾人也可确定颜色背景和布局元素的选择的用户。

响应能力：产品根据其使用的设备灵活地转换布局的能力。这可以对可用性产生至关重要的影响，因为在高分辨率专业显示器上看起来光滑时尚，有吸引力和清晰，可以在小型低分辨率屏幕上变成脏污。当然，配色方案和对比度水平首先会影响这个问题。

环境： 为用户定期和经常使用它的潜在环境选择合适的配色方案和背景类型。在自然光下持续使用方面，深色背景可以产生反射效果，特别是在平板电脑和智能手机的典型光面屏幕上。相反，就在光线不足的环境中的常规使用而言，暗背景可以使光线远离屏幕，这对导航和可读性具有负面 影响。因此，颜色组合，对比度和阴影的问题引起了人们的极大关注。

内容

不应该对更重要的东西，设计或内容进行斗争，因为没有其他东西都不能完全运作。有各种各样的内容类型，可以围绕副本，图像和视频进行全局组织。让我们仔细看看它们。

图片

图像在可用性方面发挥了重要作用：由于绝大多数用户都是视觉驱动的，因此图像成为获取网站或应用程序基本数据的钩点。图像呈现内容的一部分，既具有信息性又具有情感吸引力。详细程度和功能允许将用户界面中的图像分类为类型，其中包括：

– 照片：这些可以是主题照片，创造适当的心情和设置消息，演示照片，电子商务网站上的项目的照片，博客文章的标题照片等。

– 插图：以不同的风格和复杂程度完成，自定义插图呈现了UI设计的流行趋势，因为它们既可以看起来既有信息又有原创性，使设计能够脱颖而出。

– 英雄 横幅：主要应用于网页设计，它们是大图像，通常是第一个在互动的初始阶段吸引用户注意力的视觉元素; 他们通常会给出资源主要内容的吸引人的视觉呈现。

– 图标：这些是小而有意义的象形图，它们提供信息并支持线人和收件人之间的数据交换 – 当副本以字母或字符提供时，图标通过图像与物理世界的对象相似地进行通信。图标在提供清晰直观的导航方面发挥着关键作用。

– 吉祥物：通常是拟人化的图像，在大多数情况下代表品牌，产品或服务标识，因此通过所有应用程序或网站以及品牌商品和促销活动成为其象征性约定。它们既可以为互动增添积极的氛围，也可以提高品牌的可识别性。

– 视觉识别元素： 这些是品牌的各种视觉标志，如徽标，品牌名称和口号的自定义刻字等。

复制

众所周知，词语是令人难以置信的功能的通用机制。就用户界面而言，文本 是成功执行的关键特性之一。

考虑到网页具有相当有限的事实，而移动应用程序屏幕具有可用于交互元素的非常有限的空间量，该副本应该见证精心和专业的方法。当设计师能够自己完成界面上的所有工作时，这实际上是惊人的 – 显然，在船上安装独角兽总是很棒的。但是，他们没有义务这样做。此外，在许多情况下，作为设计方面的优秀专业人员，他们难以解决屏幕的正确和适当的文案撰写问题。

这项工作以及任何其他工作都需要设计师需要掌握的特殊技能和知识。它必须指出，其中一个很大的数目真的走这条路，认真研究技术，并创建副本将知识性和参与的用户，并在同一时间将支持所有应用的可视化设计解决方案的方法，以屏幕或页面。

解决这个问题的另一种方法是让专业撰稿人参与这个过程。无论如何，在这方面最重要的是找到一种为界面创建副本的方法，使每个字母都计数。由于副本是UI设计不可或缺的一部分，我们认为它应该支持与布局的任何其他部分相同的理念：放在屏幕或页面上的所有内容都必须具有功能性和目的性。一切都应该为用户服务。

在应用程序或网站中实施的复制可以而且应该：

• 通知
• 通信
• 启用互动
• 加强导航
• 呼吁感情
• 搞情绪
• 创造语气和声音。

设计师创建任何类型的界面时应该始终牢记的另一件事是复制是设计的另一个视觉元素。除了图标，字段，按钮，插图，切换等之外，它实际上占据屏幕或网页的一部分，与任何其他图形组件一样，并且影响应用或网站的一般风格呈现。这意味着其信息内容和视觉呈现都会显着影响复制的效率。这是外在和内在的相互支持。

高效复制的成功直接取决于诸如类型和字体的选择，背景，副本的放置等设计解决方案。所有提到的方面都极大地影响了可读性水平，因此当它们不恰当地完成时，即使具有高度意义的副本也将失去获得其所有潜力的机会。

根据上面提到的所有内容，当专业撰稿人在这个过程中成为一个很好的帮助时，设计过程中有一些阶段：

– 创建呈现用户角色和用例的副本：由专业作家根据用户研究获得的信息完成，这些类型的文本可以更高效，集中和简洁，这在团队合作方面尤其重要;

– 为号召性用语元素创建副本;

– 为介绍屏幕，教程和工具提示创建副本;

– 为屏幕和网页创建说明和通知;

– 为目录或菜单位置集创建副本;

– 为登陆页面创建引人注目的副本;

– 为项目描述等创建模板

视频

常用的视频内容类型：

– 介绍视频  通常会提供有关公司，产品或品牌的第一个见解，并显示用户可以获得的好处

– 产品演示视频  提供有关产品功能和优势的详细信息，通知交互的特殊步骤，并显示产品的解决问题的潜力

– 着陆页视频  加强了推动用户访问页面上提供的特定号召性用语的消息

– 视频推荐书，  显示对公司，品牌或产品的信任和忠诚度的原因和迹象

– 娱乐和教育视频  提升了情感吸引力，并经常呈现病毒式营销的材料。

所有提到的类型都可以有效地用于营销目标和提高品牌知名度。一个富有创意和吸引人的视频是吸引顾客注意力的好方法，也是一种快速，明亮地告知他们的成熟方法。视频同时激活多个感知通道 – 音频，视觉，声音 – 通常以讲述故事的方式进行。所有上述因素的组合往往使演示文稿强大而令人难忘，特别是如果基于高质量的图形设计和动画。人们每天都有大量的各种信息，所以大多数人都没有准备好投入太多时间 了解产品或服务，尤其是新产品或服务。在这些条件下，视频可以成为一种动态，信息和吸引力的通信方式。但是，它应该符合一般的风格概念，并且在技术上是正确的，这样它就不会花费太多时间来加载。

检查了用户友好设计的三个核心方面，很容易看出创意过程包含设计师必须考虑的多个问题。没有通用的解决方案：对于每个项目，决策必须基于用户和市场研究以及全面的用户测试。为了让用户感受到魔力，设计师必须找到3C的组合，以便为特定用户的问题和业务目标做出最大努力。