<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head> 
<meta http-equiv="Expires" content="0"/> 
<meta http-equiv="Cache-Control" content="no-cache"/> 
<meta http-equiv="Pragma" content="no-cache"/> 
</head>
<card title="让人又爱又恨的霓虹色到底怎么用？_砍柴网">
	<p><a href="https://wap.ikanchai.com/">首页</a> &gt; <a href="https://wap.ikanchai.com/?action=category&amp;catid=5">科技快报</a> &gt; <a href="https://wap.ikanchai.com/?action=category&amp;catid=27">电商</a> &gt; </p>
	<p align="center"><big>让人又爱又恨的霓虹色到底怎么用？</big></p>
	<p align="right">2017-07-07 15:05</p>
	<p>霓虹色真的是让人又爱又恨的一种设计元素啊。作为设计趋势，你会看到别人的设计中，霓虹色的运用是如此的帅气和炸裂，可是自己上手的时候，却一下子将逼格拉回到80年代，尴尬。现实世界中的霓虹灯所带来的效果本就参差不齐，在网页设计当中运用，稍不注意&hellip;&hellip;就会整段垮掉。<br />
这种局面让我忍不住去仔细审视那些成功的霓虹色运用案例，并且有了今天这篇零碎但是有用的文章。霓虹色是大胆而有自由的，同时它的特性也是有规律的。如果你希望霓虹色可以出现在你的设计当中，不妨读下去。<br />
试试柠檬绿吧！<br />
&ldquo;柠檬色是新的中性色。&rdquo;<br />
我听说过草木绿是新的中性色这种说法，但是我做婚庆的姐们儿信誓旦旦地告诉我其实应该是柠檬绿。她几乎将柠檬绿塞到任何一个配色方案里面，并且看起来还不错。<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133369.jpg" /></p><br />
不过说道霓虹色，至少在这套色彩体系当中，柠檬绿确实是中性色。柠檬绿，或者说霓虹绿，在黑色的背景下所创造的效果非常醒目，它是为数不多可以让整个设计鲜活起来，又不需要大幅调整的设计技巧。<br />
不要一次使用过多霓虹色！<br />
虽然一些明亮的霓虹色可以协调地组成配色方案，但是霓虹色并不适合这么玩儿！大多数的霓虹色在饱和度上非常接近，在屏幕上看起来会很接近，当它们组合到一起的时候，对比度和可读性会大打折扣的。<br />
大胆地用一种霓虹色做主导吧<br />
将整个屏幕染成一种霓虹色，效果绝对炸裂。这种近乎霸道的使用手法，绝对具有视觉冲击力，你不用考虑配色方案中谁作主导这种问题，糊满就对了！<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133361.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="419" data-original="http://upload.ikanchai.com/2017/0707/1499411133795.jpg" /></p><br />
小心地把屏幕上其他的元素保持在最低限度，文字使用黑色，其他的东西能省则省。<br />
白色背景不合适的！<br />
霓虹色的惊艳源于黑夜所营造的深沉氛围，象征日光的白色背景怎么会合适呢？霓虹色的饱和度是如此的高，当它们在白色背景下，很难突出它们在饱和度上的特色。<br />
品牌设计与霓虹色<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133715.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="407" data-original="http://upload.ikanchai.com/2017/0707/1499411133573.jpg" /></p><br />
有些品牌在设计LOGO的时候就采用了霓虹色，在进行相应的网页和广告设计的时候，就不应该避开这一元素。就像 Mountain Dew 一样，充分利用霓虹色的特点，大胆地投入到视觉设计中去。由于绝大多数的网页不会这样去用色，拥有霓虹色的网页无疑就可以通过这种差异，脱颖而出。<br />
其他的特效就别加进来了！<br />
霓虹色本身就足够引人瞩目了，再加入其他的特效，会让整个设计显得过于凌乱的。如果你在使用霓虹色的同时还加入了其他特效，很容易让设计显得过重，对用户产生压力的。<br />
用霓虹色来提亮<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133785.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="409" data-original="http://upload.ikanchai.com/2017/0707/1499411133936.jpg" /></p><br />
将霓虹色加诸线条、按钮和标记上，能够起到明显的强调的作用。当你决定让某个元素吸引用户的注意力的时候，可以使用霓虹色来提亮。不过，要注意一点，高饱和的霓虹色需要搭配深色的背景，这样有对比度才能发挥它的特点。<br />
霓虹色的文本是什么鬼？<br />
虽然霓虹色可以用来呈现各种各样的元素，但是并不适合用在大量的文本内容上！由于用户需要一定时间来专注阅读其中的内容，但是霓虹色所带来的炫光效果会对部分用户产生不适，而且会影响内容的可读性。<br />
霓虹色的精髓在于&hellip;&hellip;发光！<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133514.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="411" data-original="http://upload.ikanchai.com/2017/0707/1499411133843.jpg" /></p><br />
像霓虹灯一样，霓虹色的特点在于高饱和度的色彩和醒目的光线。在你的设计中使用霓虹色的时候，应该考虑参考显示中霓虹灯的特色融入其中，要让它&ldquo;亮&rdquo;起来！<br />
想要造成这种拟真的效果，疯狂地模拟复杂灯光特效可能会过犹不及，简单的发光效果可能就够了。另外一种思路是模拟霓虹灯的脉冲光效，同样能带来逼真的体验。<br />
撞色并不可取<br />
霓虹色本身就是黑暗中的萤火虫，在整个设计中已经是视觉焦点了，如果再尝试使用其他色彩来吸引用户的注意力，会打乱整个设计。在一个配色方案中使用霓虹色，再加入一个其他的提亮色，不仅可能让人分心，而且可能会给人以错位感和陌生感。<br />
还可以试试霓虹色的图片<br />
霓虹色更多是作为设计中某些元素的提亮工具而存在，有些采用霓虹色的图片能让整个设计显得有趣。<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133158.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="382" data-original="http://upload.ikanchai.com/2017/0707/1499411133402.jpg" /></p><br />
但是，真正的霓虹色的元素，很难被镜头捕捉到，这也使得许多包含霓虹灯的图片，并不够优质。如果要使用，尽量使用简单、简约、对比强烈、空间感十足的带有霓虹色的图片，就像上面的Yoke 网站一样。<br />
合理的情绪<br />
霓虹色很有趣，很好玩，但它也是剑走偏锋的设计元素。很多霓虹色的图片、元素所传递的情绪是强烈而明显的，你的网站的内容和霓虹色所表达的情绪应该保持着一致，这也意味着霓虹色并不适合所有的网站。<br />
试试自己混搭出霓虹色！<br />
实际上，你是可以通过调整现有的色彩的亮度，来调整出你想要的霓虹色的。你可以有意识地创造符合品牌气质的霓虹色，也可以简单的混合、调整来创造出一些有趣的霓虹色。<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133831.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="406" data-original="http://upload.ikanchai.com/2017/0707/1499411133360.jpg" /></p><br />
霓虹色是有趣的，不要被你所创造的色彩局限住，多尝试，多调整。常见的霓虹色有霓虹绿，霓虹黄和霓虹粉，在这些颜色之间探索，在现实世界的霓虹灯里寻找灵感。<br />
自然地探索<br />
霓虹色应该是自然的，如果你是为了使用霓虹色而使用，有的时候并不一定能够达到效果。并且，值得一提的是，霓虹色并不一定符合每个人的品味，跟随趋势，但是自然的设计更重要。<br />
在背景中试试！<br />
霓虹色大胆，明亮，它会让你平淡的生活更加有趣。霓虹色的背景可以很好的提升屏幕上其他的元素的视觉体验，甚至能够创造一定的层次感。在背景中使用霓虹色，尤其要注意色彩的深度和亮度，会不会喧宾夺主。<br />
<p align="center"><img src="http://upload.ikanchai.com/2017/0707/1499411133472.jpg" border="0" width="640" alt="让人又爱又恨的霓虹色到底怎么用？" title="让人又爱又恨的霓虹色到底怎么用？" vspace="0" height="376" data-original="http://upload.ikanchai.com/2017/0707/1499411133720.jpg" /></p><br />
结尾的话<br />
霓虹色最早兴起于上世纪80年代，它随着摩登复古风和扁平化设计的流行而重新复苏，虽然它带有复古的属性，但是本质上是更加大胆、醒目的现代风格设计。霓虹色很有意思，不过你的内容应该与之匹配，这样才会表里如一。<br />
来源：designshack<br />
译文：优设陈子木<br /></p>
		<p><a href="https://wap.ikanchai.com/?action=comment&amp;contentid=143953">共有评论0条</a></p>
	<p>
	<p>相关推荐</p>
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=283093">花费2亿耗时2年，网站没建完Java都写不好，顶级咨询公司埃森哲被告上法庭</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=207730">华为P20 Pro获外媒称赞，迄今最好的手机究竟好在哪？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=173312">宜家设计师开脑洞："火星家具"该长什么样子？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=169282">走进上汽设计中心：荣威光之翼概念车如何打造逆天颜值？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=150689">海报合集 | 就算买不起宝马，也要看看宝马的广告</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=146403">日清出过的奇葩周边，还能不能好好做泡面了？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=145956">名片排版设计的 1000 种解法</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=145253">周杰伦的“魔杰电竞”网吧，实在是太有设计感了！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=144705">致甲方爸爸：设计风格不是只有大气这一种！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=143945">为什么我们写的垂直干货内容就是没人转发？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=143919">创业必读！跟着这份指南做，99.9%的人都能找到投资人</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=143462">老外脑洞真大！美国一幢建筑，要做世界最长的大弯楼!</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=143299">每个人的姓氏都代表一种濒危动物，WWF日本的创意扎心了</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=141011">会心一击！这些插画是对现代社会最真实的反映</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=140064">有人说极简主义设计没内涵</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=139809">强迫症慎入：20个你无法想象的最赞（蠢）音量控制键</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=139802">5种创意形式，让你的作品升级！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=138974">广告圈第二大终极谜题：什么样的广告才是有创意的？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=137722">支付宝一套“青年节”海报，关于横竖排版问题，差点打起来</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=137717">晨光的这组高考海报，满满都是回忆杀</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=137510">比高考更扎心的是这些励志标语！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=136725">端午撞六一，广告圈炸出了一家整合型鸡场——有鸭·地鸡头</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=135988">Emoji又出新表情了！光头和红发人士也将拥有专属表情</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=134722">毕业展海报“大厮杀”，日本的各个大学也前来“讨教”了</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=134387">5年来九大美院的毕业展海报，简直就是中国设计界的视觉厮杀！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=134125">推广无现金计划，微信一组海报鼓励你买！买！买！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=134119">开开眼界，又有一堆获奖的包装设计出炉了</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=133813">“千禧粉”究竟是种怎样的粉？请看这部认真的粉色编年史</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=133703">想创业，可你真的合适吗？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=131991">超干货！如何破解LOGO设计中的常见套路</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=131860">三位CEO分享远程医疗困境和商业模式，远比你想象中复杂</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=130748">“看起来特别的商品”背后，设计者们在想什么？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=130530">写完这篇干货，我差点住院了</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=129452">玩转几何元素，让你的网页看起来更高级</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=129222">世界地球日，有 5 家品牌的绿色营销值得借鉴</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=129221">换种排版方式，汉字也能高逼格！</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=128897">把设计美学变成一门生意，一位哈佛博士的创业攻略</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=127135">新浪微博那些有趣的小黄脸表情是如何设计的？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=126862">电商都被红色占领了！分享5招电商最常用的色彩搭配</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=126359">转行做运营，你需要准备些什么？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=126013">腾讯帝国的品牌设计体系的背后逻辑</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=125301">这座聚焦了最多关注的奖杯，会成为多少创意人的执念？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=125298">解密：陌陌新LOGO设计背后的故事</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=124888">困扰设计师的版权问题究竟该如何解决？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=123749">苹果7再改变世界？这些安卓机都完美移植U型天线带</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=123426">码！给设计师的 20 个建议</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=116498">以室内设计师需求为突破点 互联网家装下一个风口？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=110632">互联网上干货满天飞：越渴望干货，越一事无成？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=110342">为了设计而设计的科技界，是否已经丢掉初心？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=110204">为了设计而设计的科技界 是否已经丢掉初心？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=110110">为了设计而设计的科技界 是否已经丢掉初心？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=104422">致资深果粉：细数那些年苹果做错的设计</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=96236">一款设计用3代 iPhone7是否还是你的菜？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=87637">为什么深圳机场让人无法自拔？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=86866">百度总监太LOW被除名，为什么大公司有那么多二逼？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=86406">没有比较就没有伤害，百度的PPT还真是辣眼呢</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=82921">苹果太空船总部基本成型，他们还要搬过去一片森林</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=81918">汽车上曾经出现过哪些反人类的设计？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=78680">你曾经被哪款手机的哪一种经典设计圈过粉?</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=75555">重新定义设计：在变化的时代中打造爆款</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=69219">苹果和 Google 为什么都在努力设计简洁的软件？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=32703">缺乏这四个技能，都不好意思说自己是做产品的</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=18752">艾维被提升为苹果首席设计官，或意味他一只脚已迈出苹果大门</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=18192">社交网络的真正需求 社交到底解决什么问题</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=17627">走进微软、“设计”微软、离开微软……中国设计界的“微软帮”</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=16690">笔记本电脑被故意设计得不耐用？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=16132">出师不利，百度DuWear表盘UI设计疑抄袭</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=15731">苹果产品有哪些“反人类”的设计？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=15404">玖富受国际资本垂青 互联网金融迎来顶层设计</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=13621">VR游戏里策划一场优雅的死亡</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=13047">乔纳森-艾维：乔布斯背后的男人</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=12881">看看设计师逆天的键盘设计</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=12464">Cyanogen与高通达成合作 重设计新品牌</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=11904">认真的吗? 苹果更新环绕屏iPhone设计专利</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=10437">现在苹果的设计还算是世界顶级的吗？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=10253">完美设计+自家ROM 一加计划或推两款新机</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=9975">如何用微信群做主题性干货分享or培训？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=9201">扒一扒手机上让人不爽的设计</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=8362">小米空净，899元、设计、性能你最看重哪样？</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=8357">苹果首位员工：扁平化设计被玩坏了</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=8350">【干货】如何用十万的预算做出数百万的推广效果</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=7169">干货分享：用泡妞的手法来运营微社区</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=7093">开发者之路：演绎新产品“生死八脉”</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=4472">这些年，小米抄袭过的设计</a><br />
		<a href="https://wap.ikanchai.com/?action=show&amp;contentid=2200">雷军是不会告诉你的那些干货</a><br />
		</p>
<p><anchor title="返回"><prev/>&lt;返回</anchor><br /><br /><a href="https://wap.ikanchai.com/" title="返回首页">&lt;返回首页</a></p>
<p align="center">Copyright CmsTop.com<br />2026年04月20日 02:00:05</p></card>
</wml>