• Contact us

  • 0512-6526 9909

  • Shanghai Office:

    上海市闵行区滨南路998号
    龙湖天街E栋5楼

  • Suzhou Office:

    苏州市吴中区东吴北路68号
    苏美中心23楼

  • 有需求,找总监谈!
  • 总监直拨:

    138 127 90114

  • 总监微信:
  • 8370@qianjing.com.cn


    © 2002-2020 All Rights Reserved.
网站建设

通过配色吸引用户注意力的四点技巧

来源:前景新闻 | 2019-08-21

互联网和手机的兴起给我们的生活带来了极大的便利,但是也使我们产生了强烈的依赖性。我们发现自己现在已经离不开手机了,我们发现时间被各式各样的社交媒体所占据。我们变得浮躁,越来越没有耐心,没有时间去思考。

01.png

接下来,苏州网站设计公司通过一些具体例子来分析如何通过配色来吸引用户注意力:


1、极简风格,少即是多

面向孕妇的购物网站,主要产品是孕妇和婴幼儿衣服。从总体上来看,网站并没有使用过多的配色。比如,在下面的这个产品详情页面,页面主体是产品图片,配以一些说明性文字,显得很高端,体现苏州网页设计的目的。

02.png

从用户的角度来说,这种极简风格的界面更容易让他们找到重点。因为用户的注意力是有限的,应该得到合理的分配。我遇到过很多客户,他们说这里要使用大红色突出,那里要放大字体吸引用户注意。在他们的设想中,页面里的任何一个元素都要强调出来,但是殊不知页面中视觉重点有且只有一个,过多的给予对于用户来说其实是一种负担。


2、使用装饰,营造页面视觉焦点

我们可以通过一些形状和图案给页面做一些装饰,同样可以达到吸引用户注意力的目的。以下面这张图片为例子,这个页面主体是不同肤色的用户手持手机的图片。在这个主体背后,设计师添加了降低的透明度的蓝色和红色色块,而且还有一些零散分布的小泡泡。


03.png


接下来我们再看一下,没有装饰效果的页面。

05.png


很明显,有无装饰效果页面给我们的感觉是完全不一样的。背景装饰的使用可以很好的将用户的注意力吸引到用户手持手机这个主体上。此外蓝色和粉色小泡的使用看似没有关联,但是我们可以看出它们可以很好的提升页面的趣味性。

3、建立设计语言体系

视觉语言体系也可以理解为设计规范或者设计中的一致性原则,主要包括文字、图标、配色、动效、组件(控件)和版式等一系列构成元素。一款产品的视觉语言体系的建立,主要基于两个方面。首先对于用户来说,规则性和一致性的界面不仅方便了操作,而且十分美观。对于设计师和开发来说,可以极大的提升功能迭代时设计与开发效率。


06.png


例如用户进入这个网站,要从下面Get Started按钮开始,再到注册/登录页面。这个流程走下来,用户会发现行为召唤按钮全部是一种样式:蓝色树叶形状加上文案。这个会培养用户的操作习惯,在他们看来,这个网站所有的行为召唤按钮都是这个样式。而且因为界面配色只有蓝色、黑色和白色,所以蓝色作为行为召唤元素可谓相当显眼,用户可以在很短时间内发现,用户的使用效率可以得到很好的提升。


4、提升文字可读性

当页面中出现大段文字的时候,我们可以通过使用配色来提升内容的可读性。


07.png


而且给每一个段落的标题都加深了颜色。因为现在用户都是缺乏耐心的,他们进入你的主页,看到这样一大段文字很少会通读完的。所以我们要文字进行处理,让用户瞬间分清标题与正文的区别。标题即是对于内容的总结,用户可以通过标题即可了解正文大致内容。

08.png


5、总结

以上是苏州前景互动网络公司对于配色的一些看法,设计是一个包容性很强的行业,允许不同的声音存在。我认为配色少即使多,极简风格可以吸引用户注意力。无论网站设计、网页设计还是UI设计,必须做到配色多,奢华风的页面同样也很出彩。


09.png


以上部分素材来源网络收集
苏州前景互动网络   http://www.qianjing.com.cn

提交您的需求
我们将在30分钟内与您联系