020-29815005
预约专线时间:09:00-23:59

UI设计的色彩使用技巧和方法

新闻来源:本站 日期:2021-07-15
设计者有时候会花很多时间选择合适的颜色调色。通过本文,我们会给你一些有用的小窍门,帮助设计师在UI设计中选择合适的颜色,并且让这个过程更加简单有效。
    色彩的意义。

    科学家们已经研究了特定颜色对生理影响的几个世纪。在审美之外,色彩是情感与联想的创造者。颜色的意义因文化和环境的不同而有差异。所以你才会在时装店里看到黑与白。她们想要优雅和升华。

    下面列出了各个洲颜色的不同文化含义:

    红——热情、爱。

    蓝——有责任感,有信心。

    黑-优雅,高级。

    洁白——纯洁、纯洁、干净。

    桔子——活力、热情、快乐。

    Iconic是纯黑色和蓝色CTA。它有原因。

    60-30-10规则。

    一条简单的规则叫做“60-30-10”,它能帮助你创造一个合适的平衡。这种方法来自于室内设计——通常用于房屋装饰。按照这一规则,你将有60%的主色调,30%次要颜色和10%的强色调。这一公式之所以有效,是因为它创造了一种平衡感,把目光从一个焦点转向另一个,这很舒服。其用途也十分简单。

    墙漆、家具、配件。

    总是灰色的。

    在这个设计中,我们喜欢探索不同的色彩和色调,但是当你意识到你花了10多个小时来调整主色调或者强调色彩的时候,这种行为就会让你走上歧途。

    另外,你应该强迫自己关注间距和布局元素。这样可以节省你很多时间。这类约束非常有效。反之,也不必显得太枯燥。要想看上去漂亮,就试试不同的色调吧。

    对立是王道。

    某些颜色可以很好的搭配,而其他的则会互相冲突。在色轮上,它们之间的相互作用是有规律的,观察效果最好。您应该了解这个方法,但是不必手工操作。


UI设计


    得到灵感。

    贝哈斯总是寻找灵感最好的地方。他还提供通过颜色搜索的工具,所以在你进行视觉研究的时候,别人是怎么用特定的颜色的。

    工具。

    本文总结了一些选择UI设计的最好的颜色工具。他们一定能帮你节省很多时间:

    Kuler。

    Kuler来自Adobe公司,并且已经和我们合作了很久。可用于桌面版本的浏览器。假如你使用的是桌面版,你可以马上把这个配色方案导入到Photoshop中,然后开始为你的产品使用。

    Coolors.co。

    你只需设置你选择的颜色,然后按空格键来生成配置板。Coolors也允许你上传一张图片,然后用它来做一个调色板。这是个很神奇的东西,你不仅能得到一种结果,而且你可以用一个选项来修改这个参数以产生更好的结果。

    Designspiration.net。

    假设你大概对自己的色调有了一个大致的了解,但是你想看看这个组合的例子。设计器是一种可用于此项工作的优秀工具。您最多可以选择5种颜色,然后搜索符合您查询的图片。这不仅仅是为了找出具有特定调色板的图片,也是为了在UI设计中实现它们。

    Paletton

    这和Kuler相似,但区别在于你不仅仅局限于5种色调。Paletton是个很有用的工具,当你有了主调,想要演奏更多音色的时候,Paletton是一个很有用的工具。

    总结。

    颜色是UI设计的基石。在UI设计过程中,我们上面提到的技巧可以帮助您选择适合您的颜色,使您的UI设计更加容易。花费一点时间为您的网站或手机应用程序创建一个最合适的面板,并协调地应用于整个UI设计。