网页配色设计之:红色空间

小编:网页设计吸引人的地方在哪里?是图片还是对内容的布局?或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用,但正是配色方案决定了设计是否出彩。那么我们一起来学习一下网页设计中配色的技巧。感谢作者@飞屋睿的分享与讲解。

色彩是光的魔术。而对于人类来说,其实光也是人脑的一个魔术。既然有魔术这样的词出现,我们就必须放弃对于色彩的固化的思考。比如,对于色彩的命名带来的限制。

红色是一种热烈的色彩,它是所有色彩中最为夺人眼目的一种。红色所拥有的热情也是其他色彩所无法比拟的,当你想要表现出热情活力的一面时,红色当即是首选。然而,就像我们之前谈到的,既有热情洋溢的正红,也有轻柔粉嫩的婴儿粉红,这就是基于“红”这个意向上的色调变化所拓宽的情感空间。因此,在选用“红”作为主题色时,必须要认真的了解设计背后的传达目的,根据目的最终来瞄准精确的红色调。

深红色往往象征着一种成熟的奢华,而用得不恰当也会显露出某种邪恶,或让人联想到伤口血液这样的意向。因此在网页设计中并不多见。而高明度的红则带来某种热情的同时又不至于暗沉,使用较多的也是这个区域的色彩。

红色的邻近色系是橙色和紫色,因此,红色中也有橙红和紫红的参与,它们自然也夹杂了橙色和紫色的特点。

下面这个网页中采用了红色的明度渐变作为背景展示内容,红色本身的感染力一览无余。红色作为背景是非常大胆的想法,因此运用渐变会让背景不会抢夺走主角的风头,这也是在运用背景红色的一个解决方案。

将正红作为背景是十分冒险的行为,如果你将这样做,那么就要确保你的网站内容并不需要太多,也就是网站自身能发挥“夺眼球”的功能,而相对“实用”性将下降,毋庸置疑,一个全红的网站看久了会让人产生视疲劳。

而绝大多数情况下,红色作为主色使用更为适宜,无论你采用什么颜色作为背景,将红色用在主要的组件上,例如按钮、导航等,都能从背景凸显出来,而不同担心主要元素用户很难留意。

将缩略图设计为红色,在白色背景上方十分惹人注目,增加了点击的欲望。

我们知道,红色在色轮上属于暖色系,暖色系的色彩都有一种往前扩大的感觉。有时候为了削减红色的这种激进,可以选用偏紫的红色。

华美的紫红色降低了饱和度以后,变为了淡淡的粉红,让人感受亲切柔和,而作为背景色的存在则显得非常舒适。

网页设计这两年开始越多使用浅粉色作为大面积使用,更多时候为了营造一种怀旧感,而同时又表达出时尚。粉色的背景往往可以使用高纯度高明度的红色作为主色。

相对而言,橙红色则没有红色如此抢眼,而又没有失掉红色的活泼,更带着橙色独有的亲和力。这样的颜色在与饮食相关的设计中最为常见,可见它是一种开胃色。

非餐饮类的网页设计中用到了橙红色,也能让画面变得更加亲切活泼。

食品类的网页设计中常见用到橙红色,这种颜色能刺激人的食欲,让食物看起来更好吃。

浅色粉作为背景,将橙红色作为强调色,这一组搭配显得时尚优雅又新鲜活泼。

红色作为强调色而存在,似乎显得理所应当。显然,我们对红色的开发还不尽全然,有些时候我们避免使用这种过于醒目的颜色是为了让使用变得更流畅,所以,降低红色的饱和度使其不过与抢眼,提高红色的明度让页面变得“清爽”都是在轻设计中极为重要的原则。如果真的需要用到厚重的深红色,也要试着降低其使用的比例,使其发挥精准的聚焦作用。

ifeiwu

作者:飞屋睿

(0)

相关推荐

  • 网页配色设计之:优雅和低调紫

    小编:紫色是由温暖的红色和冷静的蓝色化合而成,是极佳的刺激色. 在中国传统里,紫色是尊贵的颜色,如北京故宫又称为"紫禁城",亦有所谓"紫气东来". 前言 紫色是 ...

  • 网页配色设计之:黄色之光

    小编:黄色给人轻快,充满希望和活力的感觉. 前言 黄色是光之色彩,因此,在整个色谱上,它是最亮的存在.当你想要提亮整个画面,黄色是不二之选.黄色同时也是一种暖色,可以表达出一种温暖欢快的感觉,它是黯淡 ...

  • 网页配色设计之:与生命的对话

    小编:@飞屋睿 绿色(green)是是一种比刚长的嫩草的颜色深些的颜色或呈艳绿的那种颜色.它代表的意义为清新.希望.安全.平静.舒适.生命.和平.宁静.自然.环保.成长.生机.青春-- 前言 绿色所表 ...

  • 20个炫酷好玩儿的网页导航设计

    小编:简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力.今天为大家分享20个炫酷好玩儿的网页导航设计,比起传统的导航会相对更复杂一些,但是绝对 ...

  • 2018网页UI设计:轻松搞定视觉层次感

    众所周知,相较于平淡无奇,毫无重点的网页UI设计,具有良好视觉层次结构的网页UI设计更受用户青睐.为什么呢?答案其实很简单.极赋视觉层次感的页面设计不仅极具设计美感,取悦用户身心.而且还建立了清晰直观 ...

  • 网页配色设计方案介绍

    在网页设计中,除了主色调的选择之外,还应该重视网页中多种颜色的搭配.毕竟绝大部分网页都不会只含有一种色彩.下面南昌云端就介绍网页配色的设计方案.网页配色设计方案:网页设计者在设计网页时,总是会选择一些 ...

  • 网页导航设计最佳实践

    优质的网页设计通常都有着相当不错的导航设计来支撑.如果你的网站有着有趣的内容和受欢迎的视觉设计,那么一个体验良好,可用性优异的导航栏无疑是必须的.可用和易用一直是高效交互的核心,也是激发创意.创造高效 ...

  • 百度云网页版如何查看隐私空间?

    百度云网页版无法查看隐私空间,查看隐私空间只能在百度云管家进行. 查询方法: 1.下载安装百度云管家,安装完成之后,打开,登录百度帐号. 2.登录成功之后,点击隐藏空间,首次进入需要设置安全密码,设置 ...

  • ppt怎么设计大红色的喜帖邀请函?

    ppt想要设计大红色的喜帖,该怎么设计呢?下面我们就来看看ppt设计喜帖的教程. 1.首先,新建一张幻灯片,把喜结良缘四个字分别插入文本编辑,方便移动位置美化画面 2.然后选择文字,鼠标右击,点击设置 ...