UI设计中六大配色技巧 传递网页的真正情绪

网页设计中,最麻烦的就是色彩搭配,虽然色彩选择看起来不太复杂,但是找到真正能够和整个设计项目贴合、能够覆盖整个设计中所有元素需求的配色,却需要在设计中不断的调整和验证才能找到合适的。因此,一套强大而有效的配色方案,可能需要花费不少时间来回的打磨。

UI设计中六大配色技巧

技巧一:掌握60-30-10原则

UI设计中六大配色技巧 传递网页的真正情绪

这原则最早源於室内设计的领域,其中占据60%的是主色,而30%是次主色,占据10%的色彩应当为提亮色。

这一配色比例在视觉感知上,提供了令人感到舒适的色彩层次,同时还能让这个UI色彩以一种可控的比例呈现出来,而不是将整个设计变得好糟糕。

技巧二:对比是很好的方法

UI设计中六大配色技巧 传递网页的真正情绪

色彩的对比几乎是任何视觉构图的关键部分,对比度创造了UI元素的差异,同时也赋予他们的性格。

UI设计当中来自同一色系的色彩,往往不能呈现出明显的对比度,可适度较低的文本会令界面信息的传达和交互产生障碍。但文本内容和背景的对比度过大容易产生「晕影」的视觉效果,这会影响长时间的阅读体验。因此设计师需要采用温和的对比度控制,并且只在特定的元素上使用高对比度。

技巧三:参考色彩心理学

 

UI设计中六大配色技巧 传递网页的真正情绪

色彩心理学,主要研究色彩对於人类情绪和行为上的影响。我们大脑对於色彩的反应其实是相当敏感和多样,但在日常生活中却很难直观迅速地感受到。但当人的眼睛感知到某种色彩时,大脑的分泌系统会发出信号,释放并刺激产生对应情绪的激素。

每种色彩对於我们的感知和思维都有独特的影响力,了解这些可能的反应,能帮助设计师正确地传递信息,引导用户按照设计师的预期来执行。

技巧四:文化差异的影响

不同的文化优质不同的传统和信仰特徵,甚至同一种颜色在不同的国家也有着截然不同的解读方式。

只有在专业的色彩知识架构下,深入了解受众当地的文化特徵,才能更好地降低被误解的风险,创造出优秀的设计。

技巧五:让色彩协调起来

UI设计中六大配色技巧 传递网页的真正情绪

通过色彩来营造富有吸引力的协调设计,能够让用户清晰明了地感知到UI中的内容,同时留下良好的第一印象。

比较基本的配色方案:

单色配色:同一色系,以不同明暗、饱和度的色彩组合到一起;

类似色:在色轮上彼此靠近的颜色;

对比色:色轮上彼此处於相对位置的色彩;

拆分互补色:配色原理和互补色相似,但会采用更多的颜色;

三原色:色轮上挑选互为120°的三个颜色类进行配色,建议使用其中的一种色彩作为主导,另外两种色彩用来提亮。

双互补色:采用两队互补色来作为主要的配色方案。

技巧六:从自然获取配色

UI设计中六大配色技巧 传递网页的真正情绪

大自然是世界上最好的艺术家和设计师,我们在自然环境中看到的色彩组合大多都非常的协调,甚至可以说接近完美。

就目前来看,网页设计受欢迎的程度,与配色方案的选取有关,舒适的配色方案不仅能让用户感到舒服,还能通过网页设计传递情绪,真正创造出深入人心的产品。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/43949.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
InspirrInspirr订阅用户
上一篇 2022年6月25日 23:43
下一篇 2022年6月25日 23:43

相关推荐

  • 网页设计师的新设计资源。

    12月你好!今天就来给网页设计师们推荐一系列新的工具和资源吧,同时里面还有很多节日主题的元素设计,希望这些工具资源能帮忙网页设计师们,让其运用到你的项目当中。如果真的可以,那就太好了!HumaaansHumaaans…

    2023年2月16日 SEO操作
    04
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-6)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的六篇,原文最早发布于 marcandre…

    2023年3月1日 SEO操作
    03
  • 怎样才能有效提升界面的易用性?

    清晰 界面设计要保证易用性,一定要尽可能的保持界面的清晰和简洁,信息内容和元素堆积过多的话容易让用户感觉视觉疲劳。根据实际的设计需求去逐步显示出界面内容,同时还要确保能够适配多到多设备端。 一致 如界面…

    2022年6月25日
    0142
  • 下层页面设计的要点有哪些?重点在於统一风格

    在平时的工作中,很多设计师都会接触到「下层页面设计」这一合作方式,尤其是对於页面较多的网站。很多设计由於对主设计师的思路并不是很熟悉,导致接下来的页面陷入不断修正的麻烦中。为了避免设计中的麻烦,就一…

    2022年6月25日 建站资讯
    0130
  • 怎提升界面按钮的可见即可得效果

    合格的界面按钮设计,用户看到它就知道它能够被点击,并且大致知道是点击还是触摸的形式。在界面设计流程当中,按钮这一元素一般都会以各种各样的尺寸出现。但是,要具备良好的可见即可得的效果,这并不是容易的事…

    2022年6月25日
    0131
  • 优秀的网站制作公司会为客户提供哪些服务

    问题: 本公司是一间刚成立不久的服装销售公司,由於要开始发展网上销售的方式,因此考虑找一间专业的网站制作公司帮忙制作网页,所以想问问,优秀的网站制作公司会为客户提供哪些服务呢? Inspirr Creation为您解答…

    2022年6月25日
    0128
  • B 端图表如何设计?这篇5000字的总结超全面。

    无论是数据展示设计还是工作汇报中,都离不开图表的运用。相较于繁琐的数据内容,用户可以更好更快了解大小、位置、颜色、形状等视觉信息。可视化过后的数据可以加深人们对数据的理解和记忆。 本章主要讲一些关于制…

    2023年3月2日 SEO操作
    00
  • 这些基於情境的清单设计模式

      旋转木马模式 将一组列表项目使用水准弧线或者水准排列的呈现方式,能够允许使用者向左或者向右检视内容,通常当前或者处於中间的专案会显示得比较大。这种清单设计模式可以省下不少的介面设计空间,能够让…

    2022年6月25日
    0159

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息