配色黑名单!有哪些配色计划是必定要当心躲避的?-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝29
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:206回复:0

  配色黑名单!有哪些配色计划是必定要当心躲避的?

楼主#
更多 发布于:2016-06-05 22:44

 当咱们讨论配色的时分,一般聊的是配色趋势、配色规矩和配色办法,可是与此一起,我也应当合理的躲避一些比照典型的过错配色方法。这个配色黑名单并不长,可是覆盖了多属的配色疑问,无妨细心看看~

网络是一个多彩的国际,而颜色也是网络招引用户注意力的首要手法之一,它令人发作兴趣,给人带来影响,而且经过比照、烘托带来愉悦的阅览体会。与此一起,颜色仍是规划趋势中无法忽略的一个重要组成有些,不管是扁平化规划仍是Material

Design,颜色的运用都是重中之重。

可是,用错颜色也是多见的景象。有没有特定的颜颜色配是页面规划中的大忌?有!这个必定是有的,而且还不少。这些颜色组合会让你的页面呈现各式各样的疑问,为配色拟定一个黑名单势在必行。今日的文章,咱们就来聊聊配色的“黑名单”吧。

太亮的霓虹色

闪亮的霓虹色看起来很风趣,好像能让页面显得十分潮、十分盛行。可是他们并不会让双眼觉得舒服,往往会给人以“闪瞎了”的不适感受。

霓虹色的首要疑问在于运用这种颜色的文字内容难于阅览,不好辨认,和暗颜色的布景调配的时分,这种晃眼的感受尤其显着。而假如用霓虹色作为布景的话,这个页面简直是无法看的,除了霓虹色以外的内容简直都无法看清楚。

想处理这个疑问,你能够试着下降霓虹色的亮度,让它看起来更暗,让它看起来愈加奇妙,同屏幕显现更匹配。

Orange You Glad

这个页面就极好的处理了这个疑问,他们运用了十分挨近霓虹色的配色,而且经过渐变色的办法来添加页面的丰富度,颜色的亮度、比照度都用的适当奇妙,不会令访客感到不适。

“震颤”的颜色

当高饱和度的颜颜色配在一起的时分,它们会发作一种“震颤效应”,

会让你觉得两种颜色之间会发作含糊、震颤或许宣布光晕的视觉作用。毫无疑问,这是令人不适的。

在Josef Albers

的经典著作《颜色交互》中描绘了颜色的“震颤效应”是如何给人带来不安感的:“这种配色开始也许会给人带来惊喜的作用,一起这种侵略性会让人觉得不舒服,尤其是双眼。你们会发现,这种配色很少呈现在广告傍边,由于它会让人觉得不愉快,难过。”

不过即便你没有测验调配,也能够经过它们的根底特征,合理地躲避“震颤”配色:

·它们都是高饱和度的颜色

·两种颜色在色轮上是互补色

·他们在色轮上相隔180度,处于对称的方位

·将两种颜色转化为灰度以后,两者灰度十分挨近

最典型的案例即是亮堂的赤色和绿色。这是广受欢迎的“圣诞节”配色,这也是遭到最广泛诟病的配色计划之一。它最首要的可拜访性疑问即是,色盲的用户是彻底分辩不出来的……

假如说你有必要运用“震颤”配色,这个对立也不是不能谐和的:参加中性的颜色将两者分离隔就好了。

淡色+淡色

淡色+淡色的调配也是最多见的过错之一。或许你在某个平面规划或许打印有关的项目上这么配色,终究没形成可读性的影响,这也许是设置的疑问或许色差形成的,可是在绝大多数的情况下,是过错的。

不管你怎样规划,这么的配色必定很难阅览其间的内容,每一次都这么。

这种过错最多见于网站的Banner图中:英俊的大图和精心规划的白色字体调配在一起,而字体恰好和颜色最浅的有些叠加在一起,这下就十分为难了。淡色+淡色的调配让内容彻底无法读,作为Banner的作用简直被削弱为0。

想要修复这个疑问本来十分简单:

·选择颜色均匀一致的布景,文字有些能够与之构成比照
·假如无法修正布景,能够在布景和文字之间加一层,添加比照

·测验调整全部布景图片的颜色、明暗、饱和度等,以达到提高比照度的意图

彩虹式配色

当网站花成彩虹那样的话,规划师必定是也生无可恋了。想想看,当一大堆各式各样的颜色都变成体系配色的一有些的话,各种颜色之间的干与,都不知道打破了多少配色的规矩。这种规划虽然也许在一开始招引用户的注意力,可是随后让用户发作的厌恶和不适肯定会远超规划者的预期,即便网站内容再好,都无法被人辨认。

假如你真的期望让页面愈加“多彩”,那么不要让颜色都稠浊到一起,试着运用卡片式规划来承载不相同的颜色,合理的排布,既能够让颜色愈加灵敏,也能够保证组织性和流动感。

亮色+亮色/深色+深色

就像淡色+淡色的调配相同,亮色+亮色和深色+深色的调配,都是由于饱和度挨近而形成的辨识度疑问。毫无疑问,这也是要躲避的疑问。

你真的觉得这个疑问不会发作到你身上?那么在做单色配色计划的时分,要当心这一点。即便是经验丰富的规划师,也也许会在这个时分掉坑里。

总归,千万注意配色的比照度。假如这几个颜色是有必要运用的话,无妨将页面规划成翻滚变色的,这么你能够在保证比照和可读性的一起,让颜色也都用上。

“K”黑

咱们常说的CMYK中的K是黑色。许多规划师的规划著作会横跨页面版和打印品,有时分会在做打印品的规划的时分,会误将页面配色中的黑色用上去。实际上页面中的纯黑(#000000)和打印中的黑色有着巨大的差别,早在PS

7.0中,黑色的CMYK色标本来是C75 M68 Y67 K90,而常说的体系黑K100 在更广泛的RGB配色中,也只是较深的灰色罢了!

打印品,包含咱们平时生活中的许多黑色,本来分许多种,它们一般是某种颜色叠加了许多以后发作的作用,比方渡鸦的茸毛是黑色的,可是你细心看它会轻轻泛蓝。

所以,在规划这个黑色的时分,最佳是选择一个带有你的品牌颜色的黑色(而非#000000)。这么能够在打印的时分更简单和谐。(比方让黑色带有一点蓝色的颜色,来抵消文本内容中的黄色颜色)举个比如,上面Wonderland的页面中,黑色实际上是#0a0a0b。

结语

本来今日所谈到的一切的配色的疑问,简直都是对于比照度和可读性疑问的。实际上,只需保证颜色和内容的比照度和配色美感,简直一切的颜色都是能用的。

优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客