合肥在线
国际新闻
当前位置: 首页 >> 国际新闻 >> 正文

如何在UI设计中使用颜色?


文章作者:www.bojdn.com 发布时间:2019-09-09 点击:1533



16: 41: 40每个人都是产品经理

颜色与其他东西相同,最好适度使用。如果您坚持在配色方案中使用最多三种颜色,您将获得更好的效果。将颜色应用于设计项目与平衡有很大关系。您使用的颜色越多,您的平衡就越复杂。

颜色不会为设计增添令人愉悦的品质,但它会强化它。

Pierre Bonard

如果您需要的颜色不是调色板中定义的颜色,请使用阴影和色调。他们将提供不同的音调。

60-30-10规则

这种室内设计规则是一种永恒的装饰技术,可以帮助您轻松地将配色方案放在一起。 60%+ 30%+ 10%的比例是为了平衡颜色。这个公式有效,因为它创造了一种平衡感,使眼睛可以舒适地从一个焦点移动到另一个焦点,并且它的使用非常简单。

60%是您的主要颜色,30%是次要颜色,10%是强调颜色。

墙面漆,家具,配件

颜色含义

几个世纪以来,科学家们研究了某些颜色的生理效应。除了美学,色彩是情感和联想的创造者。颜色的含义可能因文化和环境而异。这就是为什么你会看到他们希望看起来优雅和崇高的黑色和白色精品店。

Asos是纯黑色和白色,带有绿色CTA是有原因的

红色:激情,爱情,危险的蓝色:冷静,负责任,安全的黑色:神秘,优雅,邪恶的白色:纯净,沉默,干净的绿色:清新,新鲜,自然

如果您想了解更多信息,请查看此颜色文化列表。

首先是灰度级

我们喜欢在设计中尽早使用颜色和色调,但当你意识到你花了三个小时调整原色时,这种行为很快会背叛你.这真的很诱人,但你应该学会避免它。

相反,强迫自己专注于间距和布局元素,这将为您节省大量时间。这种约束非常有效,并且在翻转时不需要看起来很无聊。如果你想要它看起来不错,尝试不同的音调。

简单的单色和面向元素。

远离纯灰色和黑色

我学到的最重要的色彩技术之一是避免使用灰色而不饱和。在现实生活中,几乎没有纯灰色,黑人也是如此。

这张照片中最暗的颜色不是000,而是0A10。

请记住始终为您的颜色添加一点饱和度。用户下意识地看起来更自然,更熟悉。

相信自然

最好的颜色组合来自大自然。它们总是看起来自然。从环境中找到设计解决方案的最佳方法是调色板总是在变化。

为了获得灵感,我们只需要环顾四周。

保持对比

有些颜色很好搭配,有些颜色相互冲突。关于他们如何互动以最好地观察色轮有明确的规则。您应该注意这些方法,但不需要手动执行它们。

如果您想了解有关色彩理论的更多信息,请查看本文 - 设计师的色彩理论:创建您自己的调色板

获得灵感

当我们谈论UI参考时,运球是最好的地方。它还有一个颜色搜索工具,所以当你想直观地研究其他设计师如何使用特定的颜色时,请访问dribbble.com/colors

视频,平面设计,室内设计,时尚.有很多鼓舞人心的地方可以聚集。简而言之,不要对那些调色板漠不关心并保存看起来很有趣的一切。

我经常喜欢从KPOP视频中窃取颜色,它们很华丽。

工具

为了方便起见,我收集了一些最好的工具来选择一个可以节省大量时间的调色板。

Coolors.co

绝对是我最喜欢的颜色选择工具。您只需锁定所选颜色,然后按空格键即可生成调色板。 Coolors还允许您上传图像并从中创建调色板。关于它的一个很酷的事情是你不仅限于一个结果,而是你有一个选择器,允许你修改参考点。

的Kuler

Adobe的这个工具已经使用了很长时间,它可以在浏览器和桌面版本中使用。如果您使用的是桌面版,则可以将颜色方案导出到Photoshop。

Paletton

它类似于库勒,但区别在于你不限于5种音调。当您拥有原色并希望使用额外色调时,这是一个很棒的工具。

Designspiration.net

想象一下你对调色板有所了解,但是你想看到这个混合的例子。 Designispiration是一个很棒的工具,您最多可以选择5种颜色并搜索与您的查询相匹配的图像。非常好,您不仅可以找到具有特定调色板的图像,还可以在设计中实现它们。

存在Shutterstock

你可能会问:如果我想用我选择的颜色搜索照片怎么办?

好吧,Shutterstock有一个名为Spectrum的工具,可以让你搜索特定色调的照片。您甚至不需要订阅,因为带有水印的小预览图像足以生成调色板。

Tineye Multicolr

但是如果你想在你的照片中搜索混合颜色,或者甚至指定每种颜色的数量,Tineye将使用来自Flickr的1000万Creative Commons图像的数据库来帮助你。

最后

颜色是一个难以掌握的概念,特别是在数字时代。上面提到的提示可以帮助您轻松找到正确的颜色。学习创造出色的配色方案的最佳方法是练习,所以帮自己一个忙,玩颜色!

作者:Chris,公共号码(ID:LDesign1)

本文最初由

http://www.sugys.com/bdsiP/0k.html

下一条: 享受退役生活,韦德想帮助儿子圆梦!