欢迎光临散文网 会员登陆 & 注册

UI 设计选择颜色的方法(上)

2023-06-01 09:27 作者:清大文森学堂  | 我要投稿

学习创建平衡和谐配色方案的简单公式

颜色是 UI 设计的一个重要方面。它可以唤起情绪,设定心情,引导用户的注意力。然而,UI 设计选择正确的颜色可能具有挑战性,特别是如果您不是训练有素的设计师。在本文中,我们将向您介绍 60–30–10 规则,这是一个简单的公式,可以帮助您自信轻松地为您的 UI 设计选择颜色。

什么是 60–30–10 规则?

60-30-10 规则是一种流行的色彩理论,室内设计师、时装设计师和平面设计师使用它来创建平衡和谐的配色方案。该规则规定配色方案应由以下比例的三种颜色组成:

· 60%的主色

· 30%的二次色

· 强调色的10%

主色是设计的主色调,应该是最突出、最显眼的颜色。辅助色是辅助主色并提供视觉趣味的互补色。强调色是一种流行色,为设计增添了一点兴奋感和对比感。

如何将 60–30–10 规则应用于 UI 设计

现在您已经了解了 60–30–10 规则的基础知识,让我们看看如何将它应用到您的 UI 设计中。

第 1 步:选择你的主色调

主色是配色方案的基础。它设定了你设计的基调和情绪,应该是最流行的颜色。要选择主色调,请考虑以下因素:

品牌的颜色:如果正在为某个品牌设计 UI,希望使用该品牌的颜色作为您的主色。这将确保一致性并加强品牌知名度。

你的观众:考虑你的目标观众和你想要唤起的情绪。例如,如果正在设计一款健康应用程序,可能希望使用平静和舒缓的颜色,例如蓝色和绿色。

你的设计目标:想想你的 UI 设计的目的和你想要传达的信息。例如,如果正在设计一款旅行应用程序,可能希望使用橙色和黄色等充满活力和大胆的颜色。

选择主色后,请确保它出现在设计中最显眼的区域,例如背景、标题或主按钮。

下期讲解如何选择次要颜色等敬请期待吧!

 


UI 设计选择颜色的方法(上)的评论 (共 条)

分享到微博请遵守国家法律