1:使用集中的调色板最少的颜色使用
顾名思义,这种配色方案不会过度使用颜色。我们最喜欢的许多手机应用程序都使用最少的颜色,此外,它们提供了足够的白色空间。这种设计应该明显区分链接元素和活动元素。
干净简洁的配色方案可以显着改善用户体验。这是由于人类大脑的自然冲动,即在耀眼的表面上看到令人欣慰的颜色。另一方面,使用过多的颜色会对用户体验产生不利影响。
请注意,使用最少的颜色并不表示单色设计。远非如此。它只是意味着使用所需的颜色,但仅此而已。即使使用最小的配色方案,设计师也可以很好地区分应用程序。
为此,设计师可以在一种颜色中使用各种色调、色调和阴影。设计师还可以调整饱和度和亮度。请注意,在一种颜色中使用不同的亮度比使用太多对比色更容易使眼睛疲劳。
设计师必须针对不同的移动平台(如 Android 和 iOS)测试他们的配色方案。他们还应该针对不同的流行设备测试他们的配色方案。如果配色方案与设备配合得很好,那么最少的颜色使用会特别好。
2:具有高对比度颜色的应用配色方案
这种趋势在 iOS 7 中流行起来。主要目的是在 UI 中引入非常鲜艳的颜色。一些例子是亮粉色、亮绿色、红色等。它具有提供明显对比的效果。明亮的颜色通常用于重要内容或“号召性用语”(CTA)按钮。
这种方法的优点是用户可以清楚地看到 CTA 按钮或其他关键内容。颜色非常突出,以至于用户的重点是采取该行动而不是浏览该内容。当您的应用程序具有如此高优先级的操作时,这种方法很好。
想想一个音乐应用程序。一些流行的音乐应用程序的“播放”按钮以非常明亮的颜色显示。它与背景的对比使用户清楚地知道什么动作是最重要的。
这是因为高对比度的颜色提高了可读性和易读性。
高对比度的配色方案依赖于颜色的自然分类为强和弱。例如,橙色是一种强烈的颜色,而白色是一种较弱的颜色。人脑对具有更高强度的强烈颜色作出反应。色彩鲜艳的内容会在内存中保留很长时间。当应用程序以这种方式保留思维空间时,该应用程序将具有更高的用户保留率。
在使用高对比度的颜色之前,设计师还应该仔细分类他们的内容。一个好主意是在所有屏幕上为一个 CTA 按钮使用相同的亮色,例如“购买”。这有助于用户自动记住该 CTA 按钮,进而帮助他们在其他屏幕上轻松找到它。
但是,使用高对比度的配色方案也有一些缺点。在文本和背景颜色对比非常明显的屏幕上,用户会发现很难阅读文本。因此,适度很重要。
3:微妙的彩色阴影
正如您在竞争激烈的移动 UI 设计领域所期望的那样,不乏创意。设计专家花费大量精力研究市场并提出新想法。这有助于提供差异化的设计。移动 UI 设计中微妙的彩色阴影就是一个很好的例子。
通常,阴影是单色的。这就是我们一直以来的看法。很自然,这也是我们在 Web 和移动 UI 环境中所期望的方式。
但是,在移动 UI 设计用例中,图标很有意义。现在,就其本质而言,您只能提供有限数量的图标。
另一方面,如果您使用的图标不是普遍认可的或不容易理解的图标,情况就会发生显着变化。
您可能会有相当多的流失,因为用户不会从图标中理解他们应该做什么。您也没有提供任何描述该功能的文本。实际上,您真的不能使用未知或鲜为人知的图标!
这自然会限制您对图标的选择。可以使用的图标数量有限,您如何区分您的设计?微妙的彩色阴影在这里产生了很大的影响。
在图标内,使用明亮但柔和的颜色,您可以创建微妙的阴影。它为您的图标提供了吸引人的 3D 效果。这是与竞争对手的明显区别。
但是,请记住,当您的图标具有柔和的背景时,这种使用微妙彩色阴影的想法会起作用。否则,您的用户会发现很难将注意力集中在图标上,因为明亮的背景也会引起他们的注意。
4:色彩鲜艳的图像
有些应用程序需要在一个屏幕上显示多个图标。每个图标代表具有潜在同等重要性的元素。这对于提供多个子功能的应用程序很常见。在这里,您面临同时传达每个子功能的重要性的挑战。
如果您决定只突出显示一个图标,那么用户很可能不会记住这些子功能。这可能会减少应用程序的有效使用,因为用户更容易找到一个功能并专注于该功能。您需要传达所有子功能的重要性。
这要求您使每个图标或元素脱颖而出。明亮的彩色图像解决了这个用例。在这里,您为每个图标和元素使用大胆而明亮的颜色。用户将看到每个元素的醒目外观。
明亮的颜色确保每个图标和元素都留在他们的记忆中。当他们返回应用程序时,他们不需要再次四处寻找子功能。
你还需要记住一个方面。由于您为图标和元素使用了多种亮色,因此您需要具有足够弱色的背景,例如白色。否则屏幕可能会使用户的眼睛疲劳。
5:将调色板的选择限制为黑色、白色和灰色
我们可以将此趋势视为最小颜色使用趋势的一个子集。这适用于屏幕显示有限内容的应用程序。它还应该有数量非常有限的 CTA 按钮。
此外,应用程序的用例应该使用户的注意力主要集中在内容上。
这种用例使许多其他趋势变得多余,因为不存在彩色 CTA 按钮或元素。由于用户将主要阅读内容,因此类似于老式日记的设计是有意义的。带有黑色文本和 CTA 按钮的白色背景对于此类应用程序可能很有用。
设计师在使用这种极简方案时需要小心,因为它们适用于有限的用例。
6:高对比度、互补的渐变
在某种程度上,这是高对比度色彩趋势的一种变体。不同之处在于使用了不同种类的渐变。通常,渐变具有相同的颜色。这里不同,渐变中使用了免费的高对比度颜色。
内容中图像高度集中的应用程序通常需要清楚地标记内容的各个部分。主要部分是用户输入内容的地方。一个很好的例子是社交媒体应用程序。
用户可以浏览另一个用户的页面,然后单击以获取更多详细信息。随后的页面显示与用户有关的图像。虽然主要部分可以使用高对比度补色渐变,但其他部分显示图像。由于梯度,用户保持锚定在配置文件上。
7:彩色插图
要求用户理解和使用工作流程的应用程序需要插图。许多设计师现在在这些插图中使用大胆的颜色和微妙的彩色阴影。如果您想使用这种方法,请记住使用弱颜色作为背景。
从某种意义上说,这种方法是众所周知的基于插图的设计方法的一种变体,即使在移动 UI 设计之外也有广泛的用途。