创造有活力的品牌网站 提升用户体验和品牌价值感
网站设计中的色彩技巧,创造更优质的用户体验
2017-08-02
人气 5480

色彩能够帮助设计师达成各种各样的目的,灵活的运用能够让实现这一切。所以,在玩转配色本身之外,进阶的色彩运用技巧还有很多。

1、通过对比度吸引用户注意

  在设计过程中,使用色彩来控制对比度也是设计师频繁使用的技巧之一。当设计的整体色调趋于柔和和平静的时候,突然注入强对比的色彩,能够瞬间抓住用户的注意力。

002-2.jpg

  而Thinx 这个网站在设计的时候就将对比度控制得很好。网页主体的配色采用的是经典的黑白搭配,白色的背景搭配黑色的文本。而整体的设计感的来源则主要源于排版和彩色的图片。网站所采用的图片明显经过精心的选择和设计,红色的底色、黑色的内衣和模特外露的细腻肌肤色在图片激烈的碰撞,漂亮而充满诱惑,图片大胆的色调搭配和素色的背景与文字形成了鲜明而强烈的对比,无论是经典的红黑搭配,还是永恒的黑白配色,都足够漂亮和吸引人。

快乐扑克三 www.mjbgw.cn   Thinx 这个案例我非常喜欢,并且经?;嵊玫?,因为它证明了设计师并不一定非得靠高饱和度的霓虹色来创造高对比度的配色。即使是两种平衡的颜色,也能让整个设计脱颖而出。


2、充分利用色彩的相似性

005-2-1.jpg

  除开其他的目的,设计师使用色彩或者调整色彩的目的,基本都是为了创造设计的一致性。InVision 的年度总结页面使用了从粉色到紫色的渐变,在页面的下方,粉色和紫色同样应用到了按钮中,此外,在着陆页当中,将对比度明显的白色置于粉色 紫色的背景之上,确保信息的清晰呈现。如果色彩每次都不一样,那么整个设计看起来就不是那么令人难忘了。

006-2.jpg

  另外一个案例来自于 Comotion。Comotion 的工作室首页采用了几种不同的色彩,但是这些色彩的色调是非常接近的,从而创建出了一种和而不同的配色方案。在这个设计案例当中,几个不同的色彩互为搭配,并不会太过于突出,但是又能够恰到好处地进行强调,最终让色彩足够好看,有保持了用户的参与度。


3、通过比例变化创造视觉焦点

001-2.jpg

  控制色彩的比例来创造视觉焦点是常见的色彩运用手法之一,控制色彩的比例实际主要是通过控制色彩所在元素的大小来达成效果的。比如Viporte 这个网站,当你上下滚动首页的时候,每个部分都用超大的字体进行了装饰,而每个字母都使用了漂亮的色彩进行填充。不同的文字使用了不同的色彩,并且搭配以相应的图片。每个页面的焦点肯定是最中心的图片和字母,而焦点的形成和色彩的比例与运用脱不开关系??刂粕实恼急?,无论是多还是少,只要有明确的目的,总能形成吸引注意力的焦点。无论是我们常说的“万花丛中一点绿”,还是极简主义设计中大面积的留白,都是色彩比例控制下所构成视觉焦点的典型案例。

  在网站设计配色中了解了这么多,当你将上述的色彩使用技巧都合理的运用起来,可以灵活的创造视觉焦点,构造层次,打造真正有趣而有用的设计。


猜你喜欢
< >
北京博乐虎科技有限公司 版权所有 京ICP备07020913号 京公海网备1101085123号 
网站报价 快乐扑克三 网站制作 快乐扑克三 快乐扑克三 手机网站 快乐扑克三 微网站 flash网站
  • 武警驻滇某部坚持以考促训 现场评判现场亮分 2019-04-15
  • 为中国内部事务裂变提供了契机 2019-04-14
  • 安徽加大就业脱贫力度 确保贫困户至少一人就业 2019-04-09
  • 詹姆斯不太可能加盟凯尔特人,但绿衫军将保持活跃 2019-03-15
  • 贪官的可恨之处,不在于他们的贪污、索贿、受贿、侵占国有资财,而在于他们相互勾结,打压、排挤积极认真为党、国家、民族、人民工作的好干部。向他们靠拢就被拉拢、腐蚀变 2019-03-15
  • 钱江晚报:追查作弊器材“产业链”,不能只顺藤摸瓜 2019-03-12
  • 中国载人潜水器“深海勇士”号返回三亚 南海海试获圆满成功 2019-03-08
  • 鲜琦:感恩父亲节,永远难忘父亲这首歌(3) 2019-02-15
  • 当然,可这免费卡可以转给他人用,而这人并非是享有免费的人[微笑] 2019-01-21
  • 推理容易国学难 《我中国少年》赛况胜负难测 2019-01-21
  • 青岛经济学校2018年实习就业双选会供需比17 2018-08-20
  • 回复@海之宁:你要懂逻辑会看不懂这篇帖子? 2018-08-05
  • 138| 264| 299| 317| 191| 445| 143| 124| 414| 57|