企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

Website development

​在网页中玩转霓虹色的正确姿势

发布时间:2017-07-02 09:23:59

TAGS:Letou

霓虹色真的是让人又爱又恨的一种设计元素啊。作为设计趋势,你会看到别人的设计中,霓虹色的运用是如此的帅气和炸裂,可是自己上手的时候,却一下子将逼格拉回到80年代,尴尬。现实世界中的霓虹灯所带来的效果本就参差不齐,在网页设计当中运用,稍不注意……就会整段垮掉。
aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

这种局面让我忍不住去仔细审视那些成功的霓虹色运用案例,并且有了今天这篇零碎但是有用的文章。霓虹色是大胆而有自由的,同时它的特性也是有规律的。如果你希望霓虹色可以出现在你的设计当中,不妨读下去。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

试试柠檬绿吧aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

“柠檬色是新的中性色。”aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

我听说过草木绿是新的中性色这种说法,但是我做婚庆的姐们儿信誓旦旦地告诉我其实应该是柠檬绿。她几乎将柠檬绿塞到任何一个配色方案里面,并且看起来还不错。aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

不过说道霓虹色,至少在这套色彩体系当中,柠檬绿确实是中性色。柠檬绿,或者说霓虹绿,在黑色的背景下所创造的效果非常醒目,它是为数不多可以让整个设计鲜活起来,又不需要大幅调整的设计技巧。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

不要一次使用过多霓虹色!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

虽然一些明亮的霓虹色可以协调地组成配色方案,但是霓虹色并不适合这么玩儿!大多数的霓虹色在饱和度上非常接近,在屏幕上看起来会很接近,当它们组合到一起的时候,对比度和可读性会大打折扣的。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

大胆地用一种霓虹色做主导吧aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

将整个屏幕染成一种霓虹色,效果绝对炸裂。这种近乎霸道的使用手法,绝对具有视觉冲击力,你不用考虑配色方案中谁作主导这种问题,糊满就对了!aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

小心地把屏幕上其他的元素保持在低限度,文字使用黑色,其他的东西能省则省。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

白色背景不合适的!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色的惊艳源于黑夜所营造的深沉氛围,象征日光的白色背景怎么会合适呢?霓虹色的饱和度是如此的高,当它们在白色背景下,很难突出它们在饱和度上的特色。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

品牌设计与霓虹色aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

有些品牌在设计LOGO的时候就采用了霓虹色,在进行相应的网页和广告设计的时候,就不应该避开这一元素。就像 Mountain Dew 一样,充分利用霓虹色的特点,大胆地投入到视觉设计中去。由于绝大多数的网页不会这样去用色,拥有霓虹色的网页无疑就可以通过这种差异,脱颖而出。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

其他的特效就别加进来了!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色本身就足够引人瞩目了,再加入其他的特效,会让整个设计显得过于凌乱的。如果你在使用霓虹色的同时还加入了其他特效,很容易让设计显得过重,对用户产生压力的。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

用霓虹色来提亮aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

将霓虹色加诸线条、按钮和标记上,能够起到明显的强调的作用。当你决定让某个元素吸引用户的注意力的时候,可以使用霓虹色来提亮。不过,要注意一点,高饱和的霓虹色需要搭配深色的背景,这样有对比度才能发挥它的特点。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色的文本是什么鬼aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

虽然霓虹色可以用来呈现各种各样的元素,但是并不适合用在大量的文本内容上!由于用户需要一定时间来专注阅读其中的内容,但是霓虹色所带来的炫光效果会对部分用户产生不适,而且会影响内容的可读性。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色的精髓在于……发光!aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

像霓虹灯一样,霓虹色的特点在于高饱和度的色彩和醒目的光线。在你的设计中使用霓虹色的时候,应该考虑参考显示中霓虹灯的特色融入其中,要让它“亮”起来!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

想要造成这种拟真的效果,疯狂地模拟复杂灯光特效可能会过犹不及,简单的发光效果可能就够了。另外一种思路是模拟霓虹灯的脉冲光效,同样能带来逼真的体验。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

撞色并不可取aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色本身就是黑暗中的萤火虫,在整个设计中已经是视觉焦点了,如果再尝试使用其他色彩来吸引用户的注意力,会打乱整个设计。在一个配色方案中使用霓虹色,再加入一个其他的提亮色,不仅可能让人分心,而且可能会给人以错位感和陌生感。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

还可以试试霓虹色的图片aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色更多是作为设计中某些元素的提亮工具而存在,有些采用霓虹色的图片能让整个设计显得有趣。aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

但是,真正的霓虹色的元素,很难被镜头捕捉到,这也使得许多包含霓虹灯的图片,并不够优质。如果要使用,尽量使用简单、简约、对比强烈、空间感十足的带有霓虹色的图片,就像上面的Yoke 网站一样。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

合理的情绪aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色很有趣,很好玩,但它也是剑走偏锋的设计元素。很多霓虹色的图片、元素所传递的情绪是强烈而明显的,你的网站的内容和霓虹色所表达的情绪应该保持着一致,这也意味着霓虹色并不适合所有的网站。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

试试自己混搭出霓虹色!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

实际上,你是可以通过调整现有的色彩的亮度,来调整出你想要的霓虹色的。你可以有意识地创造符合品牌气质的霓虹色,也可以简单的混合、调整来创造出一些有趣的霓虹色。aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色是有趣的,不要被你所创造的色彩局限住,多尝试,多调整。常见的霓虹色有霓虹绿,霓虹黄和霓虹粉,在这些颜色之间探索,在现实世界的霓虹灯里寻找灵感。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

自然地探索aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色应该是自然的,如果你是为了使用霓虹色而使用,有的时候并不一定能够达到效果。并且,值得一提的是,霓虹色并不一定符合每个人的品味,跟随趋势,但是自然的设计更重要。aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

在背景中试试!aTLLetou开发,小程序开发,公众号,微信开发-Letou


aTLLetou开发,小程序开发,公众号,微信开发-Letou

霓虹色大胆,明亮,它会让你平淡的生活更加有趣。霓虹色的背景可以很好的提升屏幕上其他的元素的视觉体验,甚至能够创造一定的层次感。在背景中使用霓虹色,尤其要注意色彩的深度和亮度,会不会喧宾夺主。aTLLetou开发,小程序开发,公众号,微信开发-Letou

blob.pngaTLLetou开发,小程序开发,公众号,微信开发-Letou

原创不易,未经授权,严禁转载

原文地址:https://www.e2rg7.com/i,72,7236,0.html

客户评价

更多+
  • 感谢Letou,系统提前完成,在整个项目周期内,Letou对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的Letou团队。

    潘涛

  • 我是东方龙马集团,在Letou家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的Letou(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:[email protected]

合作伙伴

All Rights Reserved.©2010-2016 e2rg7.com 京公网安备 110105019435 
本已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!