颜色就像其他所有东西一样,最好是适度的去使用它。如果你在配色方案中坚持使用最多三种原色,你将会获得更好的效果。在设计项目中应用颜色与平衡有很大关系,使用的颜色越多,实现平衡越复杂。
颜色不会很好的提高设计的质量,但它却可以强化它
——Pierre Bonnard
如果你需要使用调色板定义颜色中以外的其他颜色,请利用阴影和色调来调整。他们将提供不同设计风格。
60%-30%-10%规则
这种室内设计规则是一个固定的装饰技术,可以帮助你轻松地将配色方案融入在一起。60%+ 30%+ 10%的比例是为了平衡颜色。这个公式的作用是创造了一种平衡感,并使得眼睛可以很舒适地从一个焦点移动到另一个焦点。它的使用也非常简单。
60%是主色调,30%是次色,10%是重音色调。
色彩的含义
科学家已经研究了几个世纪某些颜色的生理影响。除了美学,色彩是情感和联想的创造者。颜色的含义可以根据文化和情况而有所不同。这就是为什么你会看到黑白时装网页,因为他们想要看起来优雅和崇高。
Asos是纯黑色和白色的绿色CTA。
这是有原因的。
红色:激情,爱,危险
蓝色:平静,负责,安全
黑色:神秘,优雅,邪恶
白色:纯度,沉默,清洁
绿色:新鲜,新鲜,自然
如果你想要更多的检查这个列表请点击 - 色彩文化。
首先是灰度
我们喜欢在设计的早期阶段使用颜色和色调,但当你意识到你花了3个小时调整基础原色时,这种行为会背叛你。这真的很诱人,但你应该学会避免这种态度。
相反强迫自己专注于间隔和布局元素,它会为你节省很多时间。这种约束非常有效。另一方面,它不需要看起来很无聊。尝试不同的色调,如果你想让它看起来很好。
简单的单色颜色和重点元素。
远离纯灰色和黑色
我学到的最重要的颜色技巧之一是避免使用没有饱和度的灰色。在现实生活中,纯灰色几乎不存在。黑人也一样。
这张图片上最深的颜色不是#000,而是#0A0A10
请记住为你的颜色里添加一点饱和度,潜意识里,它会看起来更自然,更贴近用户。
相信自然
最好的色彩组合来自大自然。他们看起来很自然。
为了获得启发,我们只需要环顾四周
保持对比
一些颜色相互配合,而其他颜色会发生冲突。他们将如何进行相互作用,这些是可以在色轮上观察到最佳规则的。你应该知道这种方法,但没有必要手动操作。
如果您想了解更多关于色彩理论的知识,请查看本文 - 设计师色彩理论:创建您自己的调色板
得到启发
当我们谈论UI参考时,dribbble是最好的地方。它也有按颜色搜索的工具,所以当你想对其他设计师如何使用特定颜色进行视觉研究时,请到这里dribbble.com/colors
视频,印刷设计,室内设计,时尚...有许多激动人心的地方可以收集。不要对这些调色板保持惰性,保存看起来很有趣的所有东西。
我经常喜欢从KPOP videoclips窃取颜色。他们非常漂亮。
工具
为了使事情更容易,我选择了一些最佳的工具来选择2018年可用的调色板。它们将为您节省大量时间。
Coolors.co
绝对是我最喜欢的颜色选择工具。您只需锁定选定的颜色并按空格即可生成调色板。Coolors还为您提供上传图像并从中制作调色板的功能。最酷的事,你不仅限于一个结果,而是一个选择器,并允许你修改参考点。
Kuler
Adobe提供的这个工具已经和我们在一起很久了。它可以在浏览器和pc版本中使用。如果您使用pc版本,则可以将配色方案导出到Photoshop中。
Paletton
它与Kuler相似,但区别在于,您不仅限于5种音调。当你有主要颜色并想用额外的色调时,这是一款出色的工具。
Designspiration.net
想象一下,你有你的调色板的想法,但你想看到这种混合的例子。Designispiration是一个很好的工具。您可以选择最多5种颜色并搜索与您的查询匹配的图像。真的很好,不仅用于查找具有特定调色板的图像,而且还可以在设计中真正实现它们。
Shutterstock实验室频谱
你可能会问 - 如果我想用我选择的颜色搜索照片怎么办?那么,Shutterstock有一个名为Spectrum的工具,您可以通过特定的语气搜索照片。您甚至不需要订阅,因为小预览图足以生成调色板。
Tineye Multicolr
但是如果你想在照片中搜索色彩混合,甚至指定每一种色彩的数量,那么Tineye会帮助你。该网站使用Flickr提供的1000万张Creative Commons图像数据库。
最后的想法
色彩是一个很难掌握的概念,尤其是在数字时代。上面提到的技巧将简化查找正确颜色的工作。学习创造令人惊叹的色彩方案的最佳方法是练习,所以自己动手,玩颜色。
原文链接:https://blog.prototypr.io/how-to-use-colors-in-ui-design-16406ec06753