火星网校
UI设计中——颜色使用的6个技巧
发布时间：2024-02-22 13:22:55 浏览量：142次
关注公众号“设计摄影”获得更多有用知识
本文揭示了为移动UI和Web界面选择颜色的六个技巧。它展示了帮助UI设计师提高用户对产品兴趣的技术。
用户体验设计涉及许多需要仔细完成的过程，以便界面满足目标受众的需求。每一步都需要对细节进行深入关注，即使它看起来并不太复杂。
UI创建中耗时但至关重要的一个阶段是颜色选择。设计师有时可能花费数小时来选择合适的调色板。在本文中，我们将介绍六个有用的技巧，帮助设计人员为UI选择强大的颜色，并使这个过程更容易，更高效。
60-30-10规则
这个规则或技术来自室内设计，因此它经常用于房屋装饰。这个想法很简单。为了使组合平衡，颜色应该以60％-30％-10％的比例组合。最重要的部分应该是主导色调，第三部分采用二次色，10％百分比采用有助于制作强调的颜色。
这种比例被认为对人眼来说是愉快的，因为它允许逐渐感知所有视觉元素。知道适当的比例设计师可以成功地组合颜色，而没有将UI变成彩色混乱的风险。
对比是朋友
颜色对比是任何视觉构图的关键部分。它为每个UI元素带来个性，并使所有这些元素都引人注目。仅包含来自相同颜色系列的阴影的用户界面吸引用户注意的机会较少。此外，此UI中的复制内容看起来难以辨认，这使得与产品的交互几乎不可能。
设计师根据应该达到的目标来控制对比度。例如，如果您需要用户特别注意特定的UI元素，最好应用两种高对比度的颜色，如蓝色和红色。高对比度通常用于CTA按钮设计。
然而，说到UI作为一个整体组成，高水平的色彩对比可能并不总是很好。如果复制内容和背景颜色相互对比太多，则难以阅读或扫描文本。这就是为什么设计师建议创建一个温和的对比度，并仅为突出显示元素应用高对比度的颜色。在各种设备上进行用户测试可以帮助设计人员确保其解决方案的有效性。
色彩心理学
正如我们在之前的文章中提到的，心理学是帮助设计工作流程的基础研究之一。心理学的一个分支显示了颜色对人类情绪和行为的影响，称为色彩心理学。它表明我们的思维会对颜色作出反应，而我们通常不会注意到颜色。当人类的眼睛感知到一种颜色时，我们的大脑会向内分泌系统发出信号，释放出对情绪和情绪负责的激素。
每种颜色对我们的思想都有自己的影响，对可能的反应的了解可以帮助设计师传递正确的信息并呼叫用户做出预期的行动。这是一个颜色含义的简短列表。
红色。它象征着包括爱，信心，激情和愤怒在内的好感和坏感。
橙色。充满活力和温暖的色彩带来令人兴奋的感觉。
黄。这是幸福的颜色，阳光，喜悦和温暖。
绿色。自然的颜色带来平静和更新的感觉。
蓝。它通常代表一些企业形象。可能与距离和悲伤有关。
紫色。与皇室和财富密切相关。它也是一种神秘和魔力的颜色。
黑色。它与悲剧和死亡联系在一起，意味着一个谜。同时，它可以是传统的和现代的。
白色。颜色意味着纯洁和纯真，以及整体和清晰。
此外，设计师需要记住视觉感知对每个人来说都是个人的。年龄和性别等因素对颜色偏好有很大影响，因此了解目标受众的特点至关重要。您可以在我们之前的文章中找到颜色含义和首选项的详细说明。
不要忘记文化差异
每种文化都有自己的传统和信仰，所以在选择颜色之前，你需要确保它们按你的意思解释。问题是，有时一种颜色在不同的国家可能具有完全相反的含义。例如，在欧洲国家，白色表示纯度，经常在婚礼上使用，而在许多亚洲国家，这种颜色意味着死亡和悲伤。不正确的使用可能会导致误解，这对产品可能是致命的。通过承认文化色彩感知的特性，设计师可以降低被误解的风险。
努力实现色彩和谐
和谐是UI设计所追求的目标。为了让用户感到高兴和舒适，设计师试图将平衡融入用户界面设计中。颜色和谐是关于设计中颜色的排列，以最有吸引力和最有效的方式提供给用户的感知。谐色可以为网站或应用程序带来良好的第一印象。
经过多年的搜索，设计师们将有效工作的基本配色方案区分开来。让我们看看它们是什么。
单色。色彩和谐基于一种颜色，具有各种色调和色调。
类比。该方案在色轮上应用彼此相邻的颜色。
补充。它是色轮上相互混合的颜色组合，旨在产生高对比度。
分裂 - 互补。该方案与前一种方案类似，但它采用了更多颜色。例如，如果您选择蓝色，则需要使用与其相对颜色相邻的另外两个颜色，即黄色和红色。
三重奏。它基于三种不同颜色，在色轮上等距。专业人士建议使用一种颜色作为主导，其他颜色作为重音。
Tetradic / Double-Complementary。四色配色方案采用来自车轮的四种颜色，它们是互补对。如果连接所选颜色上的点，则它们形成矩形。
窃取自然界的想法
大自然母亲是世界上最好的艺术家和设计师。我们在自然环境中可以看到的颜色组合总是接近完美。人们喜欢看日落和黎明，秋天的森林和冬季的山脉，因为它们充满了自然的色彩组合。
那么，你为什么不试着借用一些想法呢？去散步或搜索美丽的自然照片，你一定会找到灵感。
数字产品的成功在很大程度上取决于为其UI选择的颜色。正确的颜色可以帮助用户感觉舒适。设计师可以将人们放在心灵的框架中，迫使他们仅通过应用适当的调色板来采取行动。明智地做出你的选择。
关注公众号“设计摄影”获得更多有用知识
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
8. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
