改进网页设计色彩对比度提升用户体验

类别:营销解决方案 | 发布时间:2016-4-8 5:48:14 | 网迅科技  |  阅读次数: 

颜色对比度有吸引力的网站,更加充满活力和令人惊叹,就更好了。即便如此,做正确的网页设计应该考虑添加任何色彩,整体用户体验的效用。毕竟,当你设计的时候,你的首要目标必须是用户体验,所以总是想怎么你的客户'的用户可以通过你的颜色的选择有所帮助。

最好的网站可以结合华丽的颜色和可用性,以创建一个用户体验,智能,体贴和提高导航网站的质量。所有的设计师都可以达到这个水平,这只是一个理解的基础,良好的色彩设计。

我们谈的是基本颜色理论和方案。一旦你掌握了这些基础知识,你就会知道如何把颜色添加到网站不只是为了美观,而是为了实用性。

下面是你需要知道的。 更好的导航:轻松找到你想要的类别

在任何网站上的用户体验的最具挑战性的方面之一是找到你想要的内容快速和有效。这是特别真实的新闻网站,其中的内容是快速和激烈的更新,并有许多网页上的网站。如果设计师使用颜色,未能取得明显类别脱颖而出,读者不会不高兴,他们会离开现场,跳出率会增加。

这并不是你想向你的客户提供的结果!

今日美国,一个高度贩卖美国网站致力于打破新闻和各种各样的消息,这需要让读者了解网站类别快速和容易理解。因此,它已经使用了互补的颜色方案,以突出不同的新闻类别的特色故事,在其主页上。结果是一个非常可导航的网站,用用户享受快速找到他们感兴趣的类别。

在其主页上,有两个例子的互补色计划在工作。

第一个例子是关于“王牌提名”的大标题:看到“选举”在蓝色,放置在一个黄棕色背景色?请注意,蓝色代表了很多的背景,因为蓝色和黄色/棕色是在颜色轮的相对侧,从而使它们互补。

第二个例子是看到隆达Rousey图片:注意红色“UFC”类别标签是在绿色背景图像?再次,红色和绿色坐在颜色轮的相对侧,使它们互补。

互补色总是用来做要注意到的突出的元素。

材质设计的调色板确保视觉层次

视觉层次是一个重要的概念,在设计中,做得正确,可以导致一个优良的用户体验,因为网站变得如此多的可用性时,在哪里看的重点是明确的。因为有很多元素在任何特定的页面上争夺客户的用户的关注,层次结构确保他们能够查看和吸收最重要的部分。这与网站更容易互动的结果。

设计师如何使用颜色在他们的页面布局可大量帮助或减少这种层次结构,从而影响可用性。如果设计者深思熟虑如何选择颜色可以帮助找到他们要找的东西的用户,那么他们已经取得了对于层次明智的决定!

看看Trippeo的网站,这是非常现代的,因为是使用了谷歌的材质设计在它的颜色选择。材料设计拥有所有它自己的配色方案,由谷歌以帮助网站可用性的目的创建的。之一的材料设计调色板的大原则是注重基色(蓝色,黄色和红色),其应在网站设计最广泛被使用。次要和重影的颜色应该是象征着相关的动作和像按钮的交互元素。

Trippeo的网站功能的导航主要为蓝色:当你悬停它的汉堡包菜单上,你会看到蓝色从屏幕左侧进来,从而将你的眼睛,以该部分并告诉你,它的屏幕,因为你的最重要的方面可以发现该网站有没有解决自己的方式。

接下来,当你向下滚动网页的长期滚动屏幕,您将看到同样的方式使用原色:以表明更重要的页面元素的视觉层次。举例来说,目前的旅行费用为蓝色(原色),并在中心圆的告诉你,你消费什么上的图标也原色或其变型。

最后,这个长期滚动网页的交互元件是在右侧,这也与材料设计的颜色理论相一致的滚动条:它或者橙色或紫色(次要颜色)大多数滚动下来。根据物料设计的规则,口音的颜色,这些交互元素都是次要的。

惊人的清晰度让搜索结果都清晰可辨

即使人们能立即找到他们正在寻找的网站,一个精心组织和精心设计的搜索功能,可以大大帮助他们的导航和用户体验。毕竟,重要的一个重要领域之一就是搜索结果页面,如果你的用户不能很容易的把你的网站的结果显示出来,那么搜索功能是没有意义的。

与搜索结果网页的部分问题是那里有许多结果的情况。这有时会制造混乱,混淆用户,因为他们感到他们所解释数据不堪重负。该解决方案应该是色彩设计,使他们能够快速地处理所正在显示什么结果他们。

旅行顾问做了一个非常好的工作,使用颜色使搜索结果充满活力和脱颖而出,从而使用户能够有效地挑选和排序的最重要的数据显示给他们。使用户能够有效地挑选和排序表明,他们的数据中最重要的作品的一个非常伟大的工作。

当你正在寻找任何给定位置的酒店,旅行顾问不仅找到最佳匹配,并显示他们,但他们走一通过在结果上介绍的三元配色方案,以提振显著用户体验更好。此颜色方案是基于使用的颜色一起被在色轮上均匀地间隔开。

注意旅行顾问的搜索结果如何定义的蓝色,绿色和橙色,与橙色的远的主导色。蓝吸引你的眼球给酒店,绿色用户评级,橙色最重要的因素,呼吁采取行动的名称。

这三元配色方案的亮点,通过其鲜艳的色彩,这是最大的用户感兴趣的信息。这使人们能够迅速做出这个信息的意识,让他们可以进行预订的决定,这是旅行顾问每一页的最终页面的目标!

不要增加颜色只是外观

虽然颜色绝对美化任何站点,在色彩理论的最佳实践使用尤其是当他们必须在设计为您的客户和他们的客户服务于一个更大的目的。他们必须服务于一个特定的可用性和用户体验的功能,就如同上面展示的例子!如果不这样做意味着你不给你的客户“的用户最好的,可能的体验,这是他们应得的。

想想如何颜色组合提升网站的可用性。这种颜色使其他颜色和它的页面元素更加突出?这种颜色组合满足一些用户体验的功能,使网站的使用更加愉快,当你开始问这些问题的时候,你就要用颜色理论来设计网站了。

此文关键字:用户体验,改进色彩,对比度

在线项目合作

网迅科技结合创新的设计理念与专业技术,为客户制定从策划到创意再到技术的系列支持,帮助企业通过全新的媒体展示平台实现更多价值。如果您喜欢我们的项目,有兴趣合作?请您联系我们,以便我们能够为您提供可行的价值服务。