Godzilla. 2017-02-17 网站建设

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

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

　　1.通过比例创建焦点

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

　　2.通过对比度捕捉注意

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

　　3.使用颜色创建UX模式

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

　　4.通过颜色创建分层

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

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

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

下一篇：如何选择网站建设服务商？ 上一篇：画册设计公司怎么选择？哪家好？