广州网页开发告诉你：UI设计当中的3C要素：色彩

在以往的商业形式傍边，常常考究“3C”，分别是银天公司(company)、客户(customers)和竞争对手(competitors)。在现在的UI规划范畴也相同有着相似的三要素，它们也是3C，不过和商业形式中的3C不同，它们分别是颜色(Color)、比照度(Contrast)和内容(Content)。尽管它们的基本概念并不杂乱，可是在实践的UI规划项目傍边，它们比看起来要杂乱得多。今日的文章，咱们就来聊一聊UI规划中的3C要素。

颜色(Color)





颜色是绝大多数规划给用户传递的最明显的视觉元素之一。规划师和非规划师都会常常聊到颜色，关于不同颜色的我们有着不同的感触和体会。

颜色自身常常就可以发明出共同的情感体会，即便没有其他的元素。任何可见的颜色，出现在任何人面前，简直都可以取得反应。这也使得颜色在规划中有着共同的方位。

颜色强壮，可以成果规划，也能销毁规划。颜色在界面傍边影响着许多不同的功用和特点：

颜色会影响到：

可用性和可读性
品牌认知度和品牌意识
用户视觉和交互
信息安排和用户流程
规划的全体体会
规划师可以运用颜色创立：

清楚易懂的导航
直观的交互
为整个项目设定心情
创立强壮的可供调用的元素
出现规划的主题，营建空气
可是这并不是意味着将不同的颜色简略的混合到一同。

配色计划是操控规划傍边不同颜色组合的合集。规划师经过创立配色计划，体系地对品牌和UI界面的颜色进行办理，这保证了品牌和UI 在颜色的运用上保持着高度的共同。

配色计划中的详细调配是植根于颜色理论的。颜色历来都不是越多越好，一般配色计划傍边，颜色数量要操控在 3 种左右。Mockplus 推荐在配色中 3 中颜色的占比是6：3：1，而这一点和室内规划配色的规则是共同的。这种配色的战略和黄金份额在内核上是共同的。

其他，还有一种战略，是根据是非两色来构建整个规划，然后再参加更多的其他颜色，将整个配色计划丰厚起来。是非两色保证了整个规划的概括满足清楚，不过在后续参加配色的时分，要注意颜色的数量，以及颜色之间的比照度。而这也正好牵涉到第二个“C”，也就是 Contrast，比照。

比照(Contrast)





元素之间的差异往往可以凭借比照来凸显。创立赋有层次的视觉结构，让内容的可读性更强，让信息更简单被用户所了解和吸收。比照激烈的元素让用户轻松地注意到构成比照的元素，发明天然的视觉形式和用户流程。

比照度的重要性之所以如此之高，很大程度上是因为它广泛的适用性和明显的实用性。在操控比照度的时分，你需求明晰比照度一般所触及的元素类型和特点：

颜色比照
尺度比照
方向比照
空间比照
形状比照
在讨论UI的可拜访性的时分，比照度始终是关键性的要素。在 A11Y 这个力求提高网页可拜访性的项目傍边，他们关于比照有下列一系列的主张：在配色的时分，凭借色轮挑选处于相对方位的比照色，让视觉上的比照满足清楚;在挑选字体的时分，凭借不同类型的字体差异，来发明视觉上的比照，也是现在网页规划中经常用到的技巧。

空间上的比照营建也很有技巧，运用不同的留白来营建疏密比照。假如你想让某一部分内容更简单招引用户的注意力，无妨让它周围有更多的留白。

简而言之，比照是经过敌对的差异化来发明招引力。看似不同的元素实践上可以调配起来，到达一望而知的作用。

要知道比照是否到达了你的预期作用，在检查屏幕上元素的时分，无妨考虑下面的几个要素：

可读性：文本和图形是否都清楚可辨认?
清楚度：一个元素和其他一个元素之间能否轻松分辩?
可拜访性：你的规划是否可以效劳更多的用户?
上下文环境：用户是否能在特定的地址特定的场合理解你的规划?
内容(Content)






这是3C要素中最终的一个组成部分。用户界面中的内容非常丰厚，包括了从图画、文字、图标、品牌等一切相关的信息。内容还包含视频以及各种微案牍乃至UI控件上的阐明和标签。

一切的这些元素会聚到了一同，构成用户界面，乃至让规划变得优异和特别。为什么用户会停留在这个界面而不是去其他当地?原因就是内容。

只要内容是不行的，内容自身要满足精彩。高分辩率的图片，包括有用信息的文本，和你的竞争对手的内容比较，你所创立的内容有必要愈加优异，愈加有料，愈加杰出。

这必定是一个艰巨的使命。你需求有所坚持，有所信任，你需求让用户看到内容的实在，需求和你的情感产生共鸣。

结语

将UI界面中的颜色，比照和内容放在一同构成3C要素并不只是是因为它们的单词最初都是字母C，而是它们自身在UI规划中都占有这满足杰出的方位，有着无与伦比的重要性。在战略上，围绕着这3C要从来规划，能让你的UI界面愈加赋有凝聚力。