网上有关“ui设计中的色彩方案设计一般确定原则是什么?包含哪些?”话题很是火热，小编也是针对ui设计中的色彩方案设计一般确定原则是什么?包含哪些?寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，希望能够帮助到您。
1. 色彩术语
色彩术语构成了我们色彩知识的基础。把色彩术语，如色相，色调和阴影，看作是我们可以用来开发独特调色板的工具。
Hue（色相）
色相是色彩的一个技术术语，色相是指母色--没有添加白色或黑色的饱和色。
Tint（淡色；淡性）
当白色加入到一个色相中时，就会产生一个色彩。
Shade（色度）
当黑色加入到一个色相中时，就会产生一个色度。
tone（色调）
当灰色，无论是色调（白色）还是阴影（黑色），都被添加到一个色调中时，就会产生一个色调。
color value（色彩明度）
色彩明度是指颜色的明暗程度，它表示反射光的数量。
Saturation（饱和度）
饱和度是指颜色的亮度和强度，高饱和度的色彩鲜艳夺目，而低饱和度的色彩则暗淡无光。
2. 层次结构
当一个元素的外观与周围环境形成对比时，说明该元素具有较高的重要性。我们可以使用颜色和颜色权重来建立界面中的层次结构。
通过使用颜色的色调，我们可以给元素分配不同的重要性。
如果一个元素比另一个元素更重要，它的视觉权重就应该更高。这样可以方便用户快速浏览页面，区分重要和不重要的信息。
更突出、更大胆的信息是用户的视线会首先被吸引到的，然后他们会转向它下面的辅助信息。
3. 表现力
在令人难忘的时刻展示品牌颜色，以强化您的品牌独特风格。
想想你的品牌颜色就像一盘牛油果吐司上的盐和胡椒粉。盐放多了，就会盖过天然的味道，放少了，就会显得平淡无奇。
当在界面上添加颜色来强化你的品牌时，要考虑好添加的时间和地点。
4. 包容性
设计产品与建造图书馆或学校等公共建筑类似--它需要包容所有人。
网络内容无障碍指南(WCAG)有一些建议，以确保我们界面中的颜色对有运动、听觉和认知障碍的人来说是无障碍的。例如，他们的文字标准要求至少有4.5:1的对比度。
要确保你符合这些标准，请下载Stark，它将检查你的设计是否无障碍。你还可以用他们的插件模拟色盲，并根据需要进行调整。
我们经常试图设计出好看的东西，而忽略了考虑与我们产品互动的不同用户。
随着我作为一个设计师的成熟，我已经接受了所有的各种限制，这些限制会破坏我的完美设计理念。ADA合规性就是这样的制约因素之一。
当我们试图为Dribbble点赞时，我们可以摆脱这种情况，但当我们为真正的人类开发产品时，这不是一个好的做法。
5. 含义
颜色会唤起不同的感觉或情绪，所以通过了解颜色的心理学，我们可以利用与目标受众产生共鸣的品牌颜色。
重要的是要认识到你的受众是谁，记住，不同的文化和地区对颜色的认知是不同的。例如，在西方文化中，白色往往与婚礼联系在一起，而在亚洲文化中，白色被认为是哀悼的颜色。
你对颜色及其含义了解得越多，它的力量就越大。
企业在品牌和营销中，无时无刻不在使用色彩作为影响我们情绪的策略。注意到几乎每家快餐店都会在品牌中使用红色和**吗？这是因为红色能引发刺激、食欲、饥饿感，它能吸引人们的注意力--而**则能引发快乐和友好的感觉。
6. 限制颜色
通过限制应用程序中颜色的使用，那些确实得到颜色的区域会得到更多的关注，例如文本、图像和按钮等单个元素。
你会注意到，在许多有大量彩色帖子和不可预测内容的应用程序中，如Instagram或Twitter，他们的界面往往非常平淡。这很微妙，但它将焦点从界面上移开，并将其集中在内容上。
7. 状态
颜色可以提供一个应用程序、其组件和元素的状态信息。
颜色是我们在界面中显示状态变化的一种方式。通过淡化按钮的颜色，可以表明按钮已被禁用，或者用红色高亮显示按钮，则表明出现了错误。我们还应该为我们的错误颜色配上错误信息和图标，以确保清晰，并吸引色盲用户。
8. 一致性
界面中的颜色使用应该是一致的，所以即使上下文发生变化，颜色的含义也总是相同的。
如果在我们的品牌中使用红色，那么我们应该避免使用它来通知有关错误状态。我们可以使用**等替代颜色来避免混淆。
这是一个很容易解决的问题，所以没有理由避免在我们的品牌中使用红色或**。
9. 色彩调色板
我如何获得完美的调色板？
这要从对色彩理论和基本工具的简单理解开始。
第1步--原色和系统色
我喜欢从一个主色开始，我会根据喜好、研究或上面我在#5中分享的颜色含义来确定。
我选择的主色是我的品牌色。
一旦我有了主色，我就需要文字、背景、容器等的颜色。
通常情况下，我会选择一个深色的颜色，用于我的文本，而背景则是浅灰色的颜色。
第二步 - 创建调色板
一旦我为我的用户界面选择了我的基础颜色，我就会把这些颜色放入Google颜色工具（接近底部），以获得该颜色的不同色调和色调。
这并不总是完美的，但这是一种简单的方法，可以生成一个近乎完美的调色板，以后我可以根据需要添加或调整。
如果我需要互补色或测试可访问性，我可以用Google色彩工具来完成所有这些工作。这是一个一站式的服务。
第三步--把所有的东西合在一起
10. 60-30-10 规则
60%是你的主导色，30%是辅助色，10%是重点色。
"这个室内设计规则是一种永恒的装饰技巧，可以帮助你轻松地将一个色彩方案组合起来。60％+30％+10％的比例是为了给色彩带来平衡。这个公式之所以有效，是因为它能创造出一种平衡感，让人们的视线从一个焦点舒适地移动到下一个焦点。”
与我之前提到的技巧类似，比如少用色彩来增加强调和强化品牌，60-30-10是一个粗略的工具，可以确保我们在色彩上不走过场。
我还喜欢从我的界面后退几步，眯起眼睛。模糊的图像会让我更好地了解层次结构，以及我是否使用了过多的颜色。
色彩工具和资源
配色对于设计师来说是一大难题，但是也是设计中至关重要的一环。提升色感对于设计师来说非常重要，但是却不是朝夕之间的事情，运用一些配色网站来解决我们的日常需求可以让我们做出合理的方案。
小编特意整理了一些较为常用的配色网站供大家参考，由于配色的网站很多，以下列举仅作为代表，希望对大家有所帮助。
UI设计需要遵循的基本原则：
一、使用8的倍数
我们使用8而不是5的原因是，如果设备的分辨率为1.5倍，则无法正确呈现奇数。此外，绝大多数设备屏幕尺寸都可以被8整除，从而可以轻松地在这些设备上适当地调整UI设计。
通过在网格上以8的倍数进行UI设计，可以保持设计的一致性。所有内容都与我们定义的间距约定完全一致。
二、清晰明了的设计
界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。保证按钮和操作的标签文字指向性要明确，保持清晰的信息传递，让用户能够快速弄明白交互的指向性。清晰应该是所有UI界面都具备的基本属性。UI界面存在的目的是让用户能够更便捷地同你的系统进行交互，不要在UI设计中使用冗长、复杂、难以记住的文本标签，越复杂就越会影响整体的用户体验。
三、记忆负担最小化
用户体验设计的一个重要目标是要让用户能够凭借直觉来操作UI界面。你要让用户对你的界面产生“熟悉感”，用户要能够自然地理解其中的内容，你要利用用户对于你的设计熟悉的那部分，当用户对UI设计界面抱有熟悉感的时候，意味着他们对于这个设计有所了解，如果你能利用好用户对于交互和界面模式的熟悉来进行设计的话，能让你的用户更快上手操作。
四、设计的一致性
每一个优秀界面都应该具备这个特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。对于相同的问题，提供相同的解决方案，减轻用户的认知及记忆负荷，一旦确定一个设计模式，打造更符合直觉的产品体验显得相当重要。一致的设计能够让用户对于你的设计模式更快认知、熟悉，并且在此基础上快速适应整体的体验。用户是期望借助自己习得的经验，来探索更多的内容的，在整个UI设计中保持一致的语言、布局和设计规律，整个用户体验会显得更加“通透”。
五、从用户习惯考虑
想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。通过比较真实与虚拟的事物，完成更好的设计。优秀的UI界面是隐形的，华丽的装饰和不必要的元素都已经被剔除，简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。将你的UI内的元素限定为必须的，专注于核心的用户体验。
六、人性化
高效率和用户满意度是人性化的体现。用户可依据自己的习惯定制界面，并能保存设置。一个优秀的UI设计师，从技能上讲，不仅能画图标，还能做好界面，会很多交互知识。优秀的UI设计有个共通的特征：高效。提升界面效率最有效的方法是进行任务分析。熟悉用户的流程，了解用户的目标，然后在此基础上尽量简化流程，使得用户能够便捷快速的达成目标。
UI界面的响应是否足够“人性化”。当用户点击界面元素的时候，用户希望知道他们的操作是否成功，合理而快速的界面反馈十分重要。
在满足五大基本原则后，一个优秀的UI设计师还会在自己的设计中逐渐形成自己的设计风格，有自己独特的设计思路，能够高效的设计出自己想要的作品效果。
七、设计密度，而不是像素
密度是屏幕或PPI每一英寸的像素数量。“dp”单位是“density-independent pixel”的缩写，有时也缩写为“dip”。
在设计UI时，不要根据像素尺寸来设计，而应根据设备的像素密度设计。这样可以确保UI元素正确缩放以适配不同的设备尺寸。
如果设计一个按钮，尺寸200x50dp，则它在160ppi屏幕上显示为200x50px，在320ppi屏幕上显示为400x100px。
由于某些屏幕每英寸的像素要比其他屏幕多，因此资产不会在像素密度高的屏幕上显示得更小，它们仅以原始大小的2倍，3倍，4倍进行渲染。这样可以确保所有资产在具有不同密度的设备之间保持其视觉大小一致。
八、去掉线框
通常，用于分隔内容的线框可以用空白代替。我们设计的大多数UI元素都包含在线框中，因此，只需删除那些容器，它可以使页面看起来不那么密集，并提供更多的呼吸空间。
等等......还有很多，想了解
关于“ui设计中的色彩方案设计一般确定原则是什么?包含哪些?”这个话题的介绍，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！
本文来自作者[勤浩宇]投稿，不代表九五号立场，如若转载，请注明出处：https://blog.9www.net/kepu/202601-252.html
评论列表（3条）
我是九五号的签约作者“勤浩宇”
本文概览：网上有关“ui设计中的色彩方案设计一般确定原则是什么?包含哪些?”话题很是火热，小编也是针对ui设计中的色彩方案设计一般确定原则是什么?包含哪些?寻找了一些与之相关的一些信息进...
文章不错《ui设计中的色彩方案设计一般确定原则是什么-包含哪些-》内容很有帮助