怎么设计一个网站？如何利用颜色提升 UX？

颜色是任何设计系统中的关键元素之一。在网站或应用程序中，颜色可以以多种方式使用：有时颜色可用于通过对比度或通过将颜色限制到选定点来建立焦点; 颜色还可以帮助建立层次结构，并因此影响多用户的外观。怎么设计一个网站？如何利用颜色提升 UX？在本文中，我们将讨论如何有策略地使用颜色。

　　1. 通过比例建立焦点

　　颜色比例的一个好例子是 Viporte 的设计。当您在他们的主页上向下滚动时，每个部分都在中间用大字型装饰。在部分动画开始之前，字母以美丽的颜色填充。动画中的不同影像的颜色与字母的颜色相关。焦点是在部分的中心，部分是由于重点使用的颜色。无论哪种方式，比例都用于将注意力吸引到焦点。如果颜色在每个部分的整个地方更加明显，焦点将不那么清楚。

　　2. 通过对比度捕捉注意

　　颜色可以操纵的另一件事是对比度。当整体设计的色彩平静或柔和时，新增对比色将会吸引很多注意。这正是 Thinx 设计中发生的。在首页上，界面的整体配色方案实际上是黑色和白色。然而，设计很大程度上依赖于许多照片，特别是在主页的顶部。相比页面上的一切，这是非常大胆。毫无疑问，这里突出的东西是深红色。红色具有比黑白配色方案高得多的对比度。我喜欢使用 Thinx 作为例子，因为它表明，明亮和霓虹色不是唯一可以吸引人的颜色。它真的只是一种平衡的两种颜色的行为，这将让他们中的一个真正脱颖而出。

　　3. 使用颜色建立 UX 模式

　　一致性是建立视觉模式的最佳方式之一。模式，反过来讲，就是建立一个多用户可以习惯的关系。这与多用户使用 certina 图示与某些操作相关的方式相同，即垃圾桶意味著删除。让我们在 Underbelly 的投资组合网站上与蓝色的关系。这是一个简单的例子。任何可点选在 Underbelly 的网站是蓝色的。使用了网站几秒钟，它很快就清楚，他们的链接是蓝色的。这就是您如何通过颜色建立 UX 模式。模式是好的，因为它们允许多用户和访问者容易地识别某事。越容易识别，越少的人有其他想法。

　　4. 通过颜色建立分层

　　另一个颜色可以是好的是设置一个层次结构。在 Skore 的产品页面上，每个部分都有一个绿色的元素。不仅是绿色的重复，它建立了一个可识别的模式，这也有助于区分任意给定段的重要组成部分。通常，很容易通过大小这样的字型大小来解释层次结构。但一个颜色的强度，以及安装在使用一个颜色可以是在设置一个层级以及大。

　　在 Skore 的例子中，绿色与灰色文字和白色背景具有良好的对比度。此外，他们的配色方案不依赖于其他重点颜色，以绿色为主。所有这些都有助于每个部分显示层次结构的方式。 因此，绿色有助于引导多用户的眼睛朝向重要的元素。绿色元素告诉多用户应该首先看哪里。

　　颜色可以是帮助实现各种设计目标的伟大工具。颜色可以帮助定义和建立层次结构并提供焦点。无论哪种方式，使用颜色可以是一个很大的乐趣。通过战略配色方案的帮助，可以更容易地影响访问者或多用户的眼睛。如果您有更多关于 WordPress 外贸独立站网站建设（定制网站、 woocommerce 模板网站）、广告设计包年服务 (经济套餐) 、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷、 WordPress APP/WordPress 微信开发等产品服务的需求，欢迎咨询跨飞独立站 WooCommerce 官网，新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统（强）！