火星网校
如何做UI设计配色？这些技巧让你的界面更受欢迎
发布时间：2024-07-04 17:58:48 浏览量：113次
颜色就像其他所有元素一样，最好用量适度。如果您在配色方案中坚持使用最多三种基色，您将会获得更好的效果。
将颜色应用于设计项目与平衡有很大关系，使用的颜色越多，实现平衡就越复杂。
颜色不会为设计增添愉悦的品质，它会强化它。 ----Pierre Bonnard
如果您需要除调色板中定义的颜色之外的其他颜色，请使用阴影和色调，它们将提供不同的色彩节奏感。
60-30-10规则
这种室内设计规则是一种永恒的装饰技术，可以帮助您轻松地将配色方案搞定。
60％+ 30％+ 10％的比例是为了平衡颜色。这个公式非常有效，因为它可以创造一种平衡感，让眼睛舒适地从一个焦点移动到另一个焦点。它的使用也非常简单。
60％是你的主色调，30％是次要色，10％是强调色。
墙漆，家具，配件
颜色意义
几个世纪以来，科学家们研究了某些颜色的生理效应。除了美学，色彩是情感和联想的创造者。
颜色的含义可能因文化和环境而异。这就是为什么你会看到黑白时装店，他们想要显得优雅和时尚。
Asos是纯黑色和白色，带有绿色CTA。这是有原因的
- 红色：激情，爱情，危险；
- 蓝色：冷静，负责任，安全；
- 黑色：神秘，优雅，邪恶；
- 白色：纯净，沉默，清洁；
- 绿色：新鲜，自然；
首先是灰度
我们喜欢在我们的设计中尽早确定使用的颜色和色调，但是当你意识到你花了3个小时调整原色时，这种行为会令你沮丧，但你应该学会避免这种态度。
你应该强迫自己专注于间距和布局元素，它会为你节省很多时间，这种约束非常有成效。
如果你想让它看起来很好看，尝试不同的色调。
我可以在dribbble上找到的一项工作，简单的单色颜色和专注于元素
远离纯灰度和黑色
我学过的最重要的颜色技巧之一是避免使用灰色而不饱和色。
在现实生活中，纯灰色几乎从未存在过，黑色也是如此。
这张图片上最暗的颜色不是＃000，而是＃0A0A10
请记住始终为您的颜色添加一点饱和度。在用户潜意识里，这样看起来会更加自然和熟悉。
相信自然
最好的颜色组合来自大自然，它们总是看起来很自然。寻求环境设计解决方案的最佳方法是调色板实时更新。
为了获得灵感，我们只需要环顾四周
保持对比
有些颜色相互配合，而其他颜色会发生冲突。
关于如何在色轮上最好地观察它们的交互方式有明确的规则。
您应该了解这些方法，但没有必要手动完成。
得到灵感
当我们谈论UI引用时，dribbble是最好的选择。
它还具有按颜色搜索的工具，因此当您想要对其他设计师如何使用特定颜色进行视觉研究时，可以访问并参考该网站。
视频，印刷设计，室内设计，时尚......有很多鼓舞人心的地方可供选择。
只是不要对这些调色板保持惰性，并把看起来很有趣的一切都保存下来。
工具
为了方便起见，小编收集了一些选择调色板的最佳工具。
Coolors.co
绝对是我最喜欢的颜色选择工具。
可以简单地锁定所选颜色并按空格键以生成调色板。Coolors还使您能够上传图像并从中制作调色板。
关于它的一个很棒的事情是你不仅限于一个结果，而是你有一个允许你修改参考点的选择器。
Kuler
Adobe的这个工具已经和我们在一起很长时间了，它可以在浏览器和桌面版本中使用。如果您使用的是桌面版，则可以将颜色方案导出到Photoshop中。
Paletton
它类似于Kuler，但区别在于你不仅限于5个色调。
当您拥有原色并希望使用其他色调时，这是一款很棒的工具。
Designspiration.net
想象一下，你对你的调色板有一个想法，但你想看到这种混合的例子，Designispiration是一个很好的工具。
您最多可以选择5种颜色并搜索与您的查询匹配的图像。
这个就非常好，不仅可以找到具有特定调色板的图像，还可以在设计中实现它们。
Shutterstock Lab Spectrum
你可能会问 - 如果我想用我选择的颜色搜索照片怎么办？好吧，Shutterstock有一个名为Spectrum的工具，你可以按特定的色调搜索照片。
Tineye Multicolr
但是如果你想在照片中搜索混合颜色，甚至指定每个颜色的数量，那么Tineye会帮助你。
该网站使用来自Flickr的1000万Creative Commons图像的数据库。
颜色是一个难以掌握的概念，特别是在现在这个数字时代。上面提到的方法将帮助我们找到正确的颜色。学习创造令人惊叹的配色方案的最佳方法是练习，现在你就可以开始去玩颜色了。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
