欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

四个网页配色技巧

发布时间:2017:09:10 00:02:02 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1516个文字,预计阅读时间4分钟
导语
色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能给用户带来完全不同情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的设计更出彩。互联网和手机的兴起给

色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能给用户带来完全不同情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的设计更出彩。


四个网页配色技巧

互联网和手机的兴起给我们的生活带来了极大的便利,但是也使我们产生了强烈的依赖性。我们发现自己现在已经离不开手机了,我们的时间被各式各样的社交媒体所占据。我们变得越来越浮躁,越来越缺乏耐心,没有足够的时间去独处,去思考。在这样的一个社会大环境下,加之日益严重的同质化竞争,一款产品能够赢得用户的注意力可谓成功了一大半。那么,如何才能吸引用户的注意力呢?人类是视觉生物,我们天生就对色彩具有极强的感知力,可以在一瞬间判断出颜色的差异,我们可以通过配色来吸引用户的注意力。

接下来,我们通过一些具体例子来分析如何通过配色来吸引用户注意力:

推荐阅读:网页配色有用的小技巧

1、极简风格,,少即是多

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


四个网页配色技巧

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

对于用户来说,任何的文字描述都无法比图片来的更加直观。如果我对这款感兴趣,点击进入产品详情页面,那么产品的图片和一些说明性文字就足够我对该产品有一个大致的了解。如果我还想继续了解更多,点击“更多详情”即可。此外网站主要目标用户是准妈妈,她们在购物的时候会更加的理性。她们在挑选商品更加注重的是产品的质量——这个毛巾被的棉絮是否正规的?衣服的质地会不会引起宝宝皮肤过敏?所以在这里,也没有必要像一般电商网站一样通过大红大紫来吸引用户的眼球。


四个网页配色技巧

Logo shop这个网站的配色同样值得我们来研究。网站首页的背景是饱和度很低的粉红,字体只用了一个颜色。整个页面看起来十分的简单,但是我们要知道,对于网站而言,最成功的要素莫过于对目标用户群的准确定位和精准营销。一个优秀的logo应该简洁明了,具有很强识别性,而且易于传播。所以如果一个用户要订制一款logo,他打开网站发现界面配色很凌乱的,他们会对这个网站的专业性产生怀疑。

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

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


四个网页配色技巧

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


四个网页配色技巧

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

3、建立设计语言体系

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

Wyre总部位于旧金山,是一家从事跨境支付业务的初创公司。该企业的logo就是三个树叶叠加在一起。在这个企业的网站中,我们可以处处看到这片“树叶”,从首页banner中背景点缀小元素到按钮。


四个网页配色技巧
如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:如何搭建设计app项目

下一篇:11款好看的英文字体设计

  • 18886 文章总数
  • 2254424访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信