百恒网络
UI设计色彩搭配的技巧?
  • 百恒服务
  • APP开发
  • 网页案例
  • 网页知识
  • 关于我们
  • 联系我们
  • UI设计色彩搭配的技巧?

    2019-12-26 16:03:27 2549
        色彩是UI设计中的重中之重,这关乎是否能够正确表现出产品气质和定位。主色决定了手机APP界面的整体设计风格,这个主色代表了产品的文化方向,同时也向用户传达了产品的情感。在设计线框图之前,研发团队的每个人就应明确产品的定位,提炼出最贴切产品的主色。许多手机APP界面的主色都是选择了此款APP应用图标的主色,在不同界面中主色的面积会发生大小变化,可能会有同色系渐变界面,也可能出现同色的系功能图标,但主色的视觉效果依然是占主导地位的。

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


    UI设计色彩搭配的技巧?


        下面是一些颜色的基本的特征和含义:

        红色,象征爱情,自信,激情和愤怒,它是充满活力和温暖的色彩,给人带来兴奋的感觉。

        黄色,能传递出幸福,阳光,喜悦和温暖的情绪。

        绿色,则常常能给人自然、清新、富有生命力的感觉。

        蓝色,是目前最受欢迎的颜色之一,企业常常会使用蓝色来传递自信和让人信赖的感觉。

        紫色,和皇室、财富关联密切,这也是代表神秘和茉莉的色彩。

        黑色,虽然和死亡、悲剧有关,但是也能营造沉稳大气的高级感。

        白色,代表纯洁无暇,传达出高雅,纯粹和清晰的感觉。

        除此之外,设计师还需要明白一个事情,就是人和人的视觉感受通常是不同的,对于色彩的认知还受到文化背景的影响。性别的因素对于色彩偏好的影响也不小。因此,了解目标用户的特征是很有必要的。

        努力让色彩协调起来,基本的配色技巧:

        1、对比色

        色轮上彼此处于相对位置的色彩能够构成鲜明的对比,这些对比色能够构成高对比度的配色方案。拆分互补色。

        拆分互补色的配色原理和互补色相似,但是不同的地方在于,这样的配色当中会采用更多的颜色,当你选择蓝色之后,与之搭配的不是对位上的橙色,而是橙色两侧的黄色和红色。

        2、三元色

        它是在色轮上挑选互为120度角的三个颜色类进行配色。建议使用其中的一种色彩为主导,另外两种色彩用来提亮。双互补色。采用两对互补色来作为主要的配色方案。

        3、互补色

        在设计手机APP时设计师可以使用互补色,在手机APP界面设计中互补色的对比效果是最为强烈的,给用户带来强烈的冲击,情感丰富,给人留下深刻印象。但这种颜色的过度使用过多也容易给用户带来视觉上的疲劳,导致用户不知何处才是重点信息。

        所以这种视觉冲击很强的互补色只能在小面积使用,同时注意使用位置,要放在手机APP界面信息提示出。设计师还可以使用冷暖色对比,这样的配色会使手机APP界面变得非常出彩,使得分类内容一目了然。
    展开分享
    服务
    案例
    首页
    动态
    联系
    咨询