首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
Godzilla. 2017-02-17 网站建设

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

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

  1.通过比例创建焦点

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

  2.通过对比度捕捉注意

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

  3.使用颜色创建UX模式

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

  4.通过颜色创建分层

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

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

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

文章标签: 网页设计 颜色 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以