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)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:43
下一篇 2022年6月25日 23:43

相关推荐

  • 乾货!提升页面表单设计可用性  

      实时验证 在用户完成一个输入框任务时就应该实时地进行验证,在第一时间进行反馈,让修改变得更有效率。比如内嵌的验证方式,非常有利於减少硬反弹,提升用户体验。 自动匹配键盘 根据用户的点击提供适当的…

    2022年6月25日
    0107
  • 页面制作使用面包屑需谨记的三件事

    不能替代主要导航系统 面包屑导航在页面制作当中最常被使用,但它只能充当辅助导航系统,而不能替代主要导航系统!因为很多时候它只是用於提升用户访问其他层级,快速地进行定位和链接。 不能将添加到当前页链接 面…

    2022年6月25日
    0111
  • 网页设计趋势:2019年16个网页设计圈流行趋势,你试过未?

    2019年经已过了一半有多,我们在网页设计圈中不仅看到旧有网站风格的,而且也见证了不少新的设计趋势诞生。如今的网页设计趋势,早已不再是仅仅局限於单一的技法,而是结合多种复合、暗含意图的综合设计方法。那麽…

    2022年6月25日 建站资讯
    0141
  • UI设计案例分析:Colony 的登陆页设计是如何目标受众需求的

    对很多品牌和网站而言,登陆页在数位营销上有着至关重要的作用,尤其是在提高转换率方面。不过,设计出符合目标受众口味的登陆页,往往需要花费大量精力,这实在是消耗巨大、效率极低。本文将为各位品牌网站带来了…

    2022年6月23日 建站资讯
    0166
  • 框架建立前的清单如何罗列清楚?

    所谓的线框图内容清单,简单来说就集合了所有网站建设相关的内容、要求以及素材。一般建议制成电子表格,根据页面来进行划分,将需要当初呈现的内容进行明确的标记。这一步有助於进行以内容为中心的网站建设,能够…

    2022年6月10日
    0149
  • 六月网页设计趋势大PK 哪些流行趋势是你的爱

    很多设计师觉得,跟随设计趋势就等於失去个性,事实上跟随设计趋势是一种非常有趣的事情。跟随设计趋势可以让你的网页一直保持新鲜感,在激烈的网页设计竞争中脱颖而出。有利必有弊,同样跟随设计也会存在一定的风…

    2022年6月25日 建站资讯
    0162
  • 网页设计中的边缘设计。

    当我们设计我们的产品时,我们经常为快乐的路径场景设计,理想的用户流没有任何障碍。但是在现实生活中,有些情况是不需要计划的。这种情况被称为"边缘案例"。边缘案例可能非常少见,但它们对用户体验有…

    2023年2月14日 SEO操作
    05
  • 有哪些网页功能可能破坏用户体验?

    随着互联网的发展,网站设计成功与否可以直接决定交易的成败。如果网站设计没有吸引力,网站的用户体验很差,消费者将很快把目光转移到其他地方购买,因此在网页设计中需要既能给潜在客户留下深刻印象,又能提供令…

    2019年6月30日
    0314

联系我们

QQ:951076433

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