浅析UI设计中的颜色运用

浅析UI设计中的颜色运用

颜色是UI设计中不可避免要考虑的问题,也是所有设计甚至是生活中的穿衣,室内搭配等等都需要考虑颜色的搭配 。颜色并不能提升你设计的质量,但它可以强化你的设计质量 。颜色与其它东西一样 , 适量才会运用得当 。如果在你的配色计划中坚持使用马克斯三原色的话 , 你会得到更好的配色结果 。如果你想获得调色板之外更高一级的颜色,那么你可以使用色调和饱和度,它们可以给你提供不同的风格 。下面讲一下UI设计中的颜色运用 。


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

60%是你的主色调 , 30%的二次色,10%是你的强调色
墙漆、 家具、饰品
颜色的意义
科学家们几个世纪以来对颜色的物理效应进行研究 。除了美学以外,颜色还是情绪和联想的创造者 。颜色所表达的意义取决于不同的环境和文化 。这就是为什么你会看黑白时尚商店,因为它们也希望被优雅而高尚地展现出来 。
Asos用纯黑白和浓度较低的绿色搭配,它这么设计是有原因的 。

红色:激情、爱、危险
蓝色:宁静、负责、安全
黑色:神秘、优雅、邪恶
白色:纯洁、沉默、清洁
绿色:崭新、新鲜、自然
如果你想知道更多,请参照如下颜色文化:
灰度第一
我们喜欢在做设计时,第一件事情就是玩颜色和色调,当你感觉到你经花了3个小时在调整原色和配色时,你发现这种行为其实是背叛你的 。它实在是有吸引力但是你需要避免这种态度 。
也不要让你自己的注意力集中在间距和元素布局上 , 从而节省大量时间,这样约束自己产生的效率是非常高的 。另一方面 , 也没必要一直看到让自己烦燥的地步 。如果你想让它好看一此 , 可以多尝试几种风格 。

这是我发布在追波上的一个作品,运用了单色并且视觉焦点集中在了元素上 。
远离纯灰度和黑色
我曾学到一个重要的配色技巧是,避免使用不饱合的灰色 。在现实生活当中,不存在纯灰,纯黑也一样 。
这张图上最黑的颜色,不是#000,而是#0A0A10
记住要在颜色上增加饱合度 。这样,潜意识里会看起来更自然让用户更舒服 。
相信大自然
最好的配色来自大自然 。他们看起来总是很舒适 。观察环境来获取配色灵感的最大优势是大自然的调色板是一直变化的 。
我们只要看看周围就可以获得配色灵感了 。
保持对比
有一些颜色搭配在一起很和谐 , 可是和别的颜色搭在一起就会起冲突 。观察色轮可以明显地发现颜色之间是怎样相互影响的 。你应该掌握这种方法 , 但这也不是必须的 。
获得灵感
从很多灵感来源 , 像视频、平面设计、室内设计、时尚设计等 。不要仅仅局限说当前的调色板,你可以随时保存下那些看起来不错的颜色 。
我喜欢常常从韩国的流行文化短片偷取颜色,它们看起来很绚丽 。
【浅析UI设计中的颜色运用】

经验总结扩展阅读