热门标签 | HotTags
当前位置:  开发笔记 > 开放平台 > 正文

设计师分享小贴士:避免使用黑色

我在创作中学到的最重要的一件事情之一,是避免使用黑色。Z太太是我儿时的美术老师,在我上中学时就已经提醒过我,随后我在罗德岛设计学院又听到很多次类似的建议,可能一开始是...SyntaxHighlighter.all();

  我在创作中学到的最重要的一件事情之一,是避免使用黑色。

  Z太太是我儿时的美术老师,在我上中学时就已经提醒过我,随后我在罗德岛设计学院又听到很多次类似的建议,可能一开始是有点奇怪的,不过这是个好建议。问题在于,我们常常看到一些深色的物体并假设它是黑色的。而实际上在现实中我们很难找到一些纯黑色的物体,道路不是黑的,你办公室的椅子也不是黑的,在电线杆上的麻雀也不是不是黑的,甚至网页上的字体也不是黑的。

  影子并不是黑的

  在高中的时候,我花了很多业余时间和其他的一些艺术爱好者呆在工作室里。在模拟现实中的“光晕”。Z太太不断给我们展示不同的艺术家的作品。有一本Wayne Thiebaud作品的书她经常反复给我们看,Z太太会兴奋的指出裂片明亮的原色和它阴影之间的特点,并提醒我们注意画中的影子都是蓝色的。

  那本书我可能看过不下十遍了,Thiebaud(他是三藩市当地有名的画家)的作品是一个很好的例子说明影子不是黑色的。

  

设计师分享小贴士:避免使用黑色

 

  他画的那些阴影是画中最饱满的部分,纸上看起来很漂亮,现实中依然。你也许会想,这些都是绘画啊,又不是真实的。好吧,下面将给大家展示其他的。

  我一直在思考一件事,在美术课上,Z太太带着一个蓝色的灯泡来证明这一点。她把一个灯泡装好了,把它固定在一个高脚凳上,然后从她那间放满了纯白色物品的画室里拿出一个纯白色的球,将这个球放在一个纯白色的基座上。

  他先开白灯,影子看起来是黑色的。然后再开蓝灯,发现影子是橙色的,理论上来说,往黑色添加任何色彩(白色除外)依然是黑色。以蓝光使得影子变成了橙色,说明影子不是黑色的

  我被惊呆了,现在当我走在三藩市的街道上,都会很留意周边那些饱和的影子,这里是一张我拍的街景(是啦,用了滤镜……),第一时间想起了Thibaud的那张画,街角都是栗子色。

  

设计师分享小贴士:避免使用黑色

 

  画中你能想象到最黑的部分不是#000000,而是#130f30(19%的亮度和69%的饱和度)。

  然而黑色还是覆盖了一切

  当你把纯黑色放在一组精心挑选的颜色中,黑色便会覆盖其他的所有颜色。因为它让人感觉到不自然,日常的黑色物体上光线常常被反射回来,这意味着它不是黑色,而是深灰色的,光也是有色彩的,即便不是是深灰色也应该是其他较暗的颜色。

  大量的应用程序上日常使用的黑色实际也是灰色的,Twitter的侧栏,上方的文本输入框、新照片的背景还有日历插件。甚至在Twitter的引导部分,都试用灰色,这样才不会抢了其他地方的色调。

  

设计师分享小贴士:避免使用黑色

 

  这里就有一个实际运用的活例:Dribbble有一个非常赞的特性,用户可以根据颜色选择鞋子,如果有纯黑(#000000)或真色彩黑(#292724),没几个用户会选择前者,这个亮度或者观念没什么关系,是人的一种本能。

  饱和度也是很重要的

  你可以别总选择纯黑#000000,当你在使用灰色的时候,加一点别的颜色进去让它显得更缓和写,能加多少种颜色取决于颜色的明暗比例多少,Path上照片的黑色饱和度达到了63%,而浅灰色却只需要3%。

  

设计师分享小贴士:避免使用黑色

 

  我曾经把他作为常规指南去给Segmant.io的调色板配色,我把少量的黄橙色混进灰色里面,饱和度从2%的浅灰逐渐增加到22%的深灰,Photoshop的调色板上颜色形成了一个弧。

  别嫌我嘴烦,让我们再看看Facebook的交互界面,为什么移动版的Facebook看起来这么漂亮,因为上面所有的灰色调都充分融进了Facebook的主题蓝。

  

设计师分享小贴士:避免使用黑色

 

  要走的路还很长

  Z小姐第一次警告我使用黑色背景是在中学,其他人后来也陆续的警告过我,但我还是花了很长时间去改正,还自己整了套理论来为自己辩解,即便到现在,我在使用灰色的时候还常常会犯错误。

  根本原因在于,当你在调色盘里用#000000,要问清楚自己是否需要用纯黑色,你最好搭配些更自然的颜色,如果你觉得太冒险了,试着避开调色盘左边的的颜色吧。


推荐阅读
  • YB02 防水车载GPS追踪器
    YB02防水车载GPS追踪器由Yuebiz科技有限公司设计生产,适用于车辆防盗、车队管理和实时追踪等多种场合。 ... [详细]
  • 2023年5月20日凌晨5:20(北京时间),由区块链技术和去中心化应用平台ArcBlock(区块基石)研发的ABT钱包移动应用程序,在苹果App Store和Google Play同步上线,标志着用户在数字世界中首次能够完全掌控自己的身份。 ... [详细]
  • ML学习笔记20210824分类算法模型选择与调优
    3.模型选择和调优3.1交叉验证定义目的为了让模型得精度更加可信3.2超参数搜索GridSearch对K值进行选择。k[1,2,3,4,5,6]循环遍历搜索。API参数1& ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 在最近接受CGTN采访时,知名投资人李开复警告,由于过度炒作和缺乏实质技术支撑,预计2018年底人工智能领域将面临泡沫破裂的风险。 ... [详细]
  • 2017年人工智能领域的十大里程碑事件回顾
    随着2018年的临近,我们一同回顾过去一年中人工智能领域的重要进展。这一年,无论是政策层面的支持,还是技术上的突破,都显示了人工智能发展的迅猛势头。以下是精选的2017年人工智能领域最具影响力的事件。 ... [详细]
  • 近期,谷歌公司的一名安全工程师Eduardo Vela在jQuery Mobile框架中发现了一项可能引发跨站脚本攻击(XSS)的安全漏洞。此漏洞使得使用jQuery Mobile的所有网站面临潜在的安全威胁。 ... [详细]
  • 前言ReactNative是目前最流行的跨平台框架,并且是Facebook团队开源的项目。架构及实现技术上都有很高的研究价值,本系列就来分析一下Reac ... [详细]
  • Facebook PrestoDB 配置指南
    本指南详细介绍了如何安装和配置 Facebook PrestoDB,包括必要的文件设置和启动方法。 ... [详细]
  • a16z 宣布成立全新的加密研究实验室,旨在推动加密技术和 Web3 领域的科学发展。 ... [详细]
  • 图像分类算法的优化策略与实践
    本文探讨了《Bag of Tricks for Image Classification with Convolutional Neural Networks》论文中的多项技术,旨在通过具体实例和实验验证,提高卷积神经网络在图像分类任务中的性能。文章详细介绍了从模型训练加速、网络结构调整到训练参数优化等多个方面的改进方法。 ... [详细]
  • 探索Python编程的价值与应用
    本文探讨了学习Python的重要性和广泛的应用场景,从个人技能提升到职业发展的多个方面进行了详细解析。 ... [详细]
  • 本文探讨了图像标签的多种分类场景及其在以图搜图技术中的应用,涵盖了从基础理论到实际项目实施的全面解析。 ... [详细]
  • YouTube宣布加强其直播服务YouTube Live,以应对Amazon Twitch、Facebook Live和Twitter Periscope的竞争。YouTube正逐步放宽对频道订阅者的门槛,让更多创作者能够使用直播功能。 ... [详细]
  • 大数据时代的机器学习:人工特征工程与线性模型的局限
    本文探讨了在大数据背景下,人工特征工程与线性模型的应用及其局限性。随着数据量的激增和技术的进步,传统的特征工程方法面临挑战,文章提出了未来发展的可能方向。 ... [详细]
author-avatar
手机用户2502922793
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有