UI设计中实用的UI设计颜色应用指南
作者：优漫动游设计部
2022-12-01 17:21
查看: 494
意大利帕尔马的数字设计师Stefano Peschiera见面。Stefano坚信色彩在创造良好的网页设计方面有很长的路要走-他甚至创建了一个名为Hue的免费Sketch插件，它提供了一系列精心挑选的调色板，可帮助您创建漂亮的网站和应用程序！Hue系统基于Stefano自己为网络选择有效配色方案的流程。
颜色对于良好的网页设计至关重要，应该仔细考虑。毫无疑问，品牌识别和颜色齐头并进，您所做出的选择可能会影响潜在客户对您业务的看法。在我的整个职业生涯中，我已经了解到正确的配色方案将大大有助于创建一个吸引观众并且受到观众欢迎的网站。
我在我的用户界面设计中找到了一个简单的工作流程来掌握颜色，我想与你分享。希望它能帮助您简化选择有效且平衡的调色板的过程。让我们开始吧！
调色板轮廓：60-30-10的比例
最有效的网站和应用程序配色方案将遵循60-30-10的比例。这意味着主要颜色应用于网站设计的60％，次要颜色应用于另外30％，最后10％用作与两种主要颜色形成对比的强调颜色。
选择三种颜色时，请记住强调色（10％）应该是最有活力的，因为它会强调关键网站项目，如号召性用语元素。主要颜色（60％）应该是中性的，对眼睛来说很容易，次要颜色（30％）应与主要颜色形成鲜明对比，以创造视觉趣味。以这些比例分配颜色将有助于在视觉上组织并为您的设计增加平衡。
颜色不足
大自然母亲是您可以从中获取灵感的最佳设计师。为了找到我的调色板，我通常会浏览Unsplash并从符合60-30-10规则的照片中提取三种主要颜色。我确保采用最鲜艳的颜色，并将其用作我设计中的强调色。这将使号召性用语元素更有效，整体设计更加数字化和现代化。
调色板应用：首先关注灰度
一旦我准备好调色板，我接下来要做的就是对我的设计进行线框化。我首先尝试关注间距和布局元素，因为这种约束非常有效，并且在应用您的配色方案后会节省大量时间。尽管在这个阶段线框中没有颜色，但这并不意味着它看起来很无聊！我喜欢使用不同的灰色调来帮助使第一个线框更具视觉吸引力。之后，我会应用调色板并迭代我的布局，然后插入功能性和吸引力的视觉元素。
额外提示：远离纯灰度和黑色
我学到的最重要的颜色技巧之一是避免使用灰色而不饱和。在现实生活中，纯灰色的颜色几乎不存在-纯黑色也是如此。请记住始终为您的颜色添加一点饱和度。这将潜意识地使用户对颜色看起来更自然和熟悉。
最后的想法
颜色是一个难以掌握的概念，特别是在数字空间中。我上面提到的提示应该有助于简化在网页设计中找到和应用正确颜色的过程，并有助于设计的整体效果。请记住，学习如何创建令人惊叹的配色方案的最佳方法是练习-所以今天就开始学习并探索不同的颜色组合！
以上就是小编今天为大家分享的关于UI设计中实用的UI设计颜色应用指南，希望本篇文章能够对想要零基础学习UI设计的你有所帮助，学习是一个漫长的过程，如果你想更快的学习UI设计，可以来优漫UI设计培训班进行学习，让你更快的掌握UI设计技术，7天免费试学体验。
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
