美文网首页
【2017.3.7】UI设计中的颜色运用

【2017.3.7】UI设计中的颜色运用

作者: Ludiwgbet | 来源:发表于2017-03-07 15:30 被阅读128次

颜色与其它东西一样,适量才会运用得当。如果在你的配色计划中坚持使用马克斯三原色的话,你会得到更好的配色结果。为一个项目配色时,在众多颜色中寻找平衡需要做很多工作,越想达到平衡越复杂.

<b><big>颜色并不能提升你设计的质量---但它可以强化你的设计质量</big></b>

如果你想获得调色板之外更高一级的颜色,那么你可以使用色调和饱和度,它们可以给你提供不同的风格。

<h1>60-30-10法则</h1>
这个配色秘诀是一个省时的技巧,可以帮助你把颜色更好地组织起来。60%+30%+10%的比例可以让你的配色达到平衡。这个公式的秘诀在于它能营造出平衡的感觉,让眼睛很舒服地从一个视觉焦点移动到另一个视觉焦点,并且这个公式用起来很简单。

<b><big>60%是你的主色调,30%的二次色,10%是你的强调色</big></b>

墙漆、 家具、饰品

<h1>颜色的意义</h1>

科学家们几个世纪以来对颜色的物理效应进行研究。除了美学以外,颜色还是情绪和联想的创造者。颜色所表达的意义取决于不同的环境和文化。这就是为什么你会看黑白时尚商店,因为它们也希望被优雅而高尚地展现出来。

红色:激情、爱、危险
蓝色:宁静、负责、安全
黑色:神秘、优雅、邪恶
白色:纯洁、沉默、清洁
绿色:崭新、新鲜、自然

颜色文化

<h1>灰度第一</h1>

我们喜欢在做设计时,第一件事情就是玩颜色和色调,当你感觉到你经花了3个小时在调整原色和配色时,你发现这种行为其实是背叛你的。它实在是有吸引力但是你需要避免这种态度。

也不要让你自己的注意力集中在间距和元素布局上,从而节省大量时间,这样约束自己产生的效率是非常高的。另一方面,也没必要一直看到让自己烦燥的地步。如果你想让它好看一此,可以多尝试几种风格。

<h1>远离纯灰度和黑色</h1>

我曾学到一个重要的配色技巧是,避免使用不饱合的灰色。在现实生活当中,不存在纯灰,纯黑也一样。

这张图上最黑的颜色,不是#000,而是#0A0A10

记住要在颜色上增加饱合度。这样,潜意识里会看起来更自然让用户更舒服。


](https://img.haomeiwen.com/i943788/32f613629667711a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<h1>相信大自然</h1>

最好的配色来自大自然。他们看起来总是很舒适。观察环境来获取配色灵感的最大优势是大自然的调色板是一直变化的。

我们只要看看周围就可以获得配色灵感了。

<h1>保持对比</h1>
有一些颜色搭配在一起很和谐,可是和别的颜色搭在一起就会起冲突。观察色轮可以明显地发现颜色之间是怎样相互影响的。你应该掌握这种方法,但这也不是必须的。


<h1>获得灵感</h1>
众所周知追波是UI设计找参考最好的网站。追波提供一种根据颜色查找的工具,当你想根据视觉搜索,看一下其它设计师是怎样运用流行色的时候,可以来这里查看:dribbble.com/colors.

从很多灵感来源,像视频、平面设计、室内设计、时尚设计等。不要仅仅局限说当前的调色板,你可以随时保存下那些看起来不错的颜色。

相关文章

  • 【2017.3.7】UI设计中的颜色运用

    颜色与其它东西一样,适量才会运用得当。如果在你的配色计划中坚持使用马克斯三原色的话,你会得到更好的配色结果。为一个...

  • 设计中的颜色运用

    这是一个图形设计铺天盖地的缤纷时代。现如今,每个人的案头都摆放着彩色打印机,专业彩版印刷有史以来从未如此盛行过,人...

  • UI设计中的蓝色运用

    蓝色是UI设计中最重要的颜色,也是使用范围最广、最常用的色彩。在你的手机当中,许多APP都采用了蓝色的LOGO,而...

  • UI设计中插画的运用

    在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息...

  • Android实训一:倒计时

    要点概述: 一,基本UI设计二,掌握点击事件的编写(运用接口)三,计时器的运用 UI设计: 其中

  • 大福利! UI设计师的配色方法

    我们从小都能熟练地区分颜色,但为什么当我们需要运用色彩进行UI设计的时侯,却往往发现很难恰到好处地运用色彩,作出那...

  • 【设计谈】色彩

    我们从小都能熟练地区分颜色,但为什么当我们需要运用色彩进行UI设计的时侯,却往往发现很难恰到好处地运用色彩,作出那...

  • 颜色透明度与16进制透明度的对应值

    UI设计中,我们遇到很多透明度颜色的设计,而Android基本都是采用16进制的方式进行设计颜色,所以贴出下面的透...

  • 为你的眼睛做UI设计- 多彩的情绪:Web UI设计的视觉内涵

    多彩的情绪:Web UI设计的视觉内涵 颜色的使用是一门艺术。 在人类历史上,画家和艺术大师都会因其颜色运用得恰到...

  • UI设计中的颜色: (实用) 框架

    就UI设计而言,我非常自学,我总是想知道为什么这么多的文章和书籍谈论色彩理论和调色板。根据我的经验,使用“拆分互补...

网友评论

      本文标题:【2017.3.7】UI设计中的颜色运用

      本文链接:https://www.haomeiwen.com/subject/nxumgttx.html