分享

UI设计中实用的UI设计颜色应用指南

 看书不会迟到 2022-06-02 发布于广东
  意大利帕尔马的数字设计师Stefano Peschiera见面。Stefano坚信色彩在创造良好的网页设计方面有很长的路要走-他甚至创建了一个名为Hue的免费Sketch插件,它提供了一系列精心挑选的调色板,可帮助您创建漂亮的网站和应用程序!Hue系统基于Stefano自己为网络选择有效配色方案的流程。


  颜色对于良好的网页设计至关重要,应该仔细考虑。毫无疑问,品牌识别和颜色齐头并进,您所做出的选择可能会影响潜在客户对您业务的看法。在我的整个职业生涯中,我已经了解到正确的配色方案将大大有助于创建一个吸引观众并且受到观众欢迎的网站。


  我在我的用户界面设计中找到了一个简单的工作流程来掌握颜色,我想与你分享。希望它能帮助您简化选择有效且平衡的调色板的过程。让我们开始吧!

  调色板轮廓:60-30-10的比例

  最有效的网站和应用程序配色方案将遵循60-30-10的比例。这意味着主要颜色应用于网站设计的60%,次要颜色应用于另外30%,最后10%用作与两种主要颜色形成对比的强调颜色。

  选择三种颜色时,请记住强调色(10%)应该是最有活力的,因为它会强调关键网站项目,如号召性用语元素。主要颜色(60%)应该是中性的,对眼睛来说很容易,次要颜色(30%)应与主要颜色形成鲜明对比,以创造视觉趣味。以这些比例分配颜色将有助于在视觉上组织并为您的设计增加平衡。

  颜色不足

  大自然母亲是您可以从中获取灵感的最佳设计师。为了找到我的调色板,我通常会浏览Unsplash并从符合60-30-10规则的照片中提取三种主要颜色。我确保采用最鲜艳的颜色,并将其用作我设计中的强调色。这将使号召性用语元素更有效,整体设计更加数字化和现代化。

  调色板应用:首先关注灰度

  一旦我准备好调色板,我接下来要做的就是对我的设计进行线框化。我首先尝试关注间距和布局元素,因为这种约束非常有效,并且在应用您的配色方案后会节省大量时间。尽管在这个阶段线框中没有颜色,但这并不意味着它看起来很无聊!我喜欢使用不同的灰色调来帮助使第一个线框更具视觉吸引力。之后,我会应用调色板并迭代我的布局,然后插入功能性和吸引力的视觉元素。

  额外提示:远离纯灰度和黑色

  我学到的最重要的颜色技巧之一是避免使用灰色而不饱和。在现实生活中,纯灰色的颜色几乎不存在-纯黑色也是如此。请记住始终为您的颜色添加一点饱和度。这将潜意识地使用户对颜色看起来更自然和熟悉。

  最后的想法

  颜色是一个难以掌握的概念,特别是在数字空间中。我上面提到的提示应该有助于简化在网页设计中找到和应用正确颜色的过程,并有助于设计的整体效果。请记住,学习如何创建令人惊叹的配色方案的最佳方法是练习-所以今天就开始学习并探索不同的颜色组合!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多