2016-12-17

颜色问题是用户界面设计的主要问题之一


在我们以前的一篇文章中,我们已经提到颜色问题是用户界面设计的主要问题之一。 它可以极大地影响可用性的水平以及移动应用程序或网站的吸引力。 设计师通常必须回答的第一个问题之一是选择什么样的一般颜色方案:应该是黑暗在光还是在黑暗?

在这里,我们将考虑对UI设计的这个重要阶段的一些重要点。


http://tubikstudio.com/wp-content/uploads/2016/02/tubik-studio-design-15.png


影响选择的方面

在这里和那里提出许多讨论关于在创建良好的接口更有效的配色方案。虽然很多参与者的这个大辩论试图找到一个通用的解决方案,在这里在Tubik工作室,我们认为治愈所有不存在。 UI / UX设计中的每个项目都是高度个性化的,需要思考的方法,权衡所有的利弊。

 
在为网站或应用程序选择常规配色方案的初始阶段,应考虑几个重要方面。

 
- 清晰

这个方面应该包括用户清楚地看到和区分屏幕或页面上的所有必要细节的能力。颜色方案和组合应该支持简单和直观的导航,并使布局的最有效的元素有效地突出。当这个方面没有考虑或没有正确测试的情况下,可以带来的产品,在屏幕上完全混乱,用户没有看到他们真正应该的。检查它的方法之一是广泛使用“模糊效果”,当你看着屏幕或页面在模糊模式,并检查是否一切至关重要的是容易和快速观察。

- 可读性

屏幕背景的选择通常影响可读性的水平 - 用户容易阅读文本的能力。这方面应该考虑第一,尤其是如果一个应用程序或网站是文本驱动。可读性水平差是用户错过重要数据或感觉到莫名其妙的使用产品的一切方式,他们必须努力与文本,需要相当大的努力来阅读的主要原因。没有必要说,缺乏可读性可能是一个严重的原因,为什么用户甚至没有保留有吸引力的产品。

- 辅助功能

在UI / UX设计领域中,辅助功能大多被定义为产品能够覆盖尽可能多的人。这意味着“使用或不使用”的决定应主要基于用户的需求和愿望,而不是基于他们的身体能力。颜色方案问题是影响这一方面的主要因素。考虑到这一点,设计师应考虑不同年龄,特殊需要,残疾的用户,这也可以决定背景和布局元素的颜色选择。

 
- 反应

设计应用程序屏幕或网页时,记住用户要在不同设备上使用产品也很重要。这可以对可用性产生至关重要的影响,通常在高分辨率专业显示器上看起来漂亮时尚,吸引力和清晰度会转变为小低分辨率屏幕上的脏污。在每个项目中,设计师都应该花时间在不同的设备和不同的解决方案上检查他们的解决方案:这个简单的步骤能够揭示问题,并在设计的早期阶段解决它们。配色方案,当然,影响这个问题的第一。

- 环境

在选择合适的配色方案和背景类型时要考虑的另一件事是潜在的环境,其中用户将定期和频繁地使用它。在自然光下的恒定使用方面,黑暗的背景可以真正地产生反射的效果,特别是在平板电脑和智能手机的光泽屏幕上。相反,对于在光线不足的环境中的常规使用,黑暗的背景可以使光远离屏幕,这对导航和可读性具有不利的影响。所以,颜色组合,对比度和色调的问题在这里引起大量关注。

因此,我们可以看到,为布局选择适当的背景颜色是影响任何产品的可用性的关键特性的重要步骤。

选择颜色方案的步骤

 
这里是一般的配色方案的解决方案的基本事项的简短清单。

 
明确定义产品的目标
 
非常重要的是定义产品的最重要的有用的点,将解决用户的问题。这些数据将决定什么样的内容驱动您的产品。

如果它是一个文本驱动的东西,如博客应用程序或电子阅读器,例如,或许光背景将是更好的选择。光将创造更加通风和宽敞的屏幕或页面的感觉,它将更容易集中在文本


http://tubikstudio.com/wp-content/uploads/2015/12/tubik-studio-blog_app.png


然而,如果你的产品是视觉驱动的,并且移动更圆的图像而不是文本,具有黑暗或明亮的背景的接口的配色方案可以成为一个有效的解决方案,因为图像的颜色可以下降更深, 时尚,有时甚至豪华的外观。


http://tubikstudio.com/wp-content/uploads/2016/03/tubik_studio_buonapp-ui.gif


分析您的目标受众
 
正如我们在前面的文章中提到的很多次,定义和分析目标受众是设计师应该做的第一件事,处理有效的设计解决方案。 知道谁是你的潜在用户,他们想从你的产品中获得的是有用的,可用的和有吸引力的界面的坚实基础。 中年和老年人往往喜欢与浅色背景的接口,因为他们发现他们更直观和导航。 年轻人可以找到性能良好的界面,深色背景更加原创和时尚,它可以是涉及目标用户的方式。 青少年和儿童可以通过使用明亮的背景和有趣的细节的思想界面吸引。 当然,它深深地取决于产品功能和内容的性质; 然而,目标受众的典型偏好也可能是有效决策的好线索。


http://tubikstudio.com/wp-content/uploads/2015/12/tubik-studio_social_network.gif


研究竞争

还有一件事要记住的是,你的产品不会出现一个和唯一的市场。 它将参加伟大和动态竞争的奖是其中的人气和用户的关注。 颜色方案的选择可以是使产品站在人群外面的方式,这对于实现从用户侧的交互的第一愿望是至关重要的。 研究该领域现有产品的时间可以节省更多的时间和精力来重新设计无效的解决方案。


http://tubikstudio.com/wp-content/uploads/2015/07/juicy-player.gif


尽可能测试
 
上面提到的所有方面应该真正说服一个关键的事情:因为颜色可能是影响产品的可用性和吸引力的最重要的工具,每个设计解决方案应该在不同的屏幕上以不同的分辨率正确测试 和在不同条件下。 测试证明了您选择的强大和弱点,然后产品在市场上销售,被讨论并失去在低效的设计解决方案的惊人的第一印象的机会


http://tubikstudio.com/wp-content/uploads/2015/12/ipad-interactions-animation.gif


在实践中,我们早些时候发布了两个关于UI设计的实际案例研究,其中在该过程中重新设计了颜色方案。 在Echo App设计的情况下,它是在通过用户测试显示的问题后做出的,而在跟踪应用程序的情况下,它是由所有版本的产品的一致性的问题确定。 欢迎阅读案例详细。