乙丙丁的新鲜事和新闻

郑州APP开发:UI界面如何搭配色彩为APP做“嫁衣”

标签:郑州APP开发APP界面UI色彩搭配

2020-12-21

    一款好的APP,让人过目不忘的不是它的LOGO设计,不是它的功能性,可能是它界面的色彩搭配。如果说功能、LOGO是它的名字和肉体,那UI界面就是他的“嫁衣”了吧。如何使它的嫁衣更有色彩搭配感是它区别于其他APP的第一亮点,决定其是否被下载、被使用、被长期保留。基于这点,UI设计中应该怎么注意色彩的应用,如何避免雷区,今天跟郑州APP开发小编一起来增涨见识吧。

    1.颜色禁区:在界面设计中,一般主色和辅助色都集中在右上角,次要的和不可点的颜色都集中在中中上方,而文字信息和背景色则集中在左侧,右下角禁区是我们要重点避开的对象。

    2.色调一致:色调一致的界面,能带给用户始终如一的视觉体验。

    3.60-30-10原则:60%、30%、10%的原则,是达到色彩平衡的最佳比例,构建了一种丰富的色彩层次,让界面看上去和谐、平衡和不杂乱。在60%的空间使用主色,可以运用到导航栏、按钮、图标等关键的元素中,使之成为整个App的视觉焦点和色彩关系;30%的空间使用辅助色,可以平衡过多的主色而造成的视觉疲劳;最后剩下10%的空间为点缀色,可以用在一些不太重要的元素又需要区分的时候。

    4.色不过三。经常很多大神在网上说配色不要超过三种色,其实就是「色不过三」原则,即在一个页面中不要使用超过3种颜色搭配。

    但在实际UI设计中,迫于产品的需要可能会使用更多数量的色彩,但切记不可超过7种色相(注意不是7种色值),每个色相还可以运用其饱和度、明度的变化分解出丰富的色彩搭配。

    5.远离纯黑色和纯灰色。这种颜色搭配不好会显的灰蒙蒙的感觉,容易给出脏脏的感觉。

    6.遵循色彩心理学。了解色彩的心理学知识,就是为了我们在进行App设计时提供依据;这些色彩都是源于人类对大自然最原始的感受,蓝色的天空、绿色的草地、黄色的沙漠等等,自然的色彩,对于我们来说是司空见惯的,但其中却蕴含着丰富的美感,并达到了和谐统一。

    7.良好的可读性

    良好的可读性在界面设计中能为用户提供主次分明、层次清晰的阅读体验,而一个可读性差的界面则会成为用户浏览的障碍。

    8.从大自然中获得灵感

    配色中尽量使用大众熟悉的色彩,如自然界中人们常见的色彩等;从大自然中获取的配色灵感可以使你的设计更加切合用户的审美,非常自然;而艺术是对自然的直接反映,是非常宝贵的资源,值得好好利用。

    9.将UX颜色与品牌相匹配

    品牌价值在创建调色板中发挥关键作用,但是它们不是唯一重要的因素,行业规范也是关键;使用与品牌主要竞争产品几乎相同的配色方案不失一种好方法。

    在进行品牌设计的时候,选择配色的第一步,始终是了解各种颜色或者色相的气质和情感属性;然后,在具体设计的时候,再进一步根据品牌的气质和需求,再在色相的基础上调整明暗和饱和度。

    10.从强调色入手

    想要让配色方案更加突出,在设计中添加强调色可能是最容易入手的地方;

    11.冷暖色对比搭配

    冷暖对比色是自然平衡的规律,可以在设计中大量使用,这样的配色会使作品非常的出彩,同时不显单调,让用户感觉舒服平和;而且这种搭配方法基本没有啥缺点,使用在设计中,技巧性比较多,对设计的细腻感受要求比较高,需要多练习。

    12.黑白色搭配不过时

    黑色是所有中性色中最强的,而白色是最常用的背景顏色。

    黑色是一个很好的选择,有种高端和永恒的感觉,而白色可以带给用户自由,宽敞和透气的感觉;

    12.强交互色彩

    交互色彩在执行过程中必须清晰且在界面中保持一致。

    号召性用语必须相对于背景具有足够的对比度,并且相对于其他组件必须具有足够的视觉权重,以便用户可以轻松识别它们

    13.保证良好的可读性

    可读性是任何设计中的重要因素。你的颜色应该清晰易读,尤其是在处理文字时;因此对比度对视觉效果对影响就非常关键,对比度过小,就会使得界面出现灰蒙蒙对效果。

    14.UI中的阴影

    没有完全纯黑的阴影,阴影的颜色是会受到物体本身固有色的影响,一定要避免使用纯黑色,使用不太深的灰色,效果会更好;对于有颜色的元素,好的做法是为阴影设定与元素相同的颜色,并使其更暗一些。如果是有颜色的元素,并且它处在黑暗的背景下,一般情况下,是不建议使用阴影的;但是如果你一定要用,把阴影透明度调到小于10%及以下,并且颜色跟随主色调来。

    APP的界面设计好比我们人的衣服,需要搭配,搭配好了,再低调的颜色也可以搭配出高级感,搭配不好,洋气也可以是土掉渣的,所以APP最终呈现的效果是需要用心考究和研究的。郑州APP开发的UI设计人员经过多年的专业学习和实践,对色彩的搭配有了很强的敏感度,希望我们的设计增强您的产品魅力值。

     声明:本文使用部分文字和图片均来源于网络,如有侵权请及时联系删除!!!