在线客服系统
十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

UI设计色彩搭配的技巧?

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

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


UI设计色彩搭配的技巧?


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

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

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

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

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

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

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

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

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

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

    1、对比色

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

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

    2、三元色

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

    3、互补色

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

    所以这种视觉冲击很强的互补色只能在小面积使用,同时注意使用位置,要放在手机APP界面信息提示出。设计师还可以使用冷暖色对比,这样的配色会使手机APP界面变得非常出彩,使得分类内容一目了然。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×