腾讯音乐|?UI界面的色彩搭配！

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

文章图片

UI界面中需要色彩有机的组合，满足功能要求的同时达到良好的视觉体验。在UI创建中，最耗时的关键阶段之一即是色彩选择。

和谐统一是UI设计力求的。为了让用户感到满意和舒适，设计师尝试将平衡引入用户界面设计。色彩的和谐统一指UI设计中色彩的安排以最吸引人、最有效的方式被用户感知。和谐统一的色彩有助于UI界面获得良好的第一印象。

三色搭配指不超过三种色相的色彩搭配原则。三色搭配需要处理好色彩之间的主从关系，即设置主色、辅色、点缀色。色彩关系所占的比例面积可以设计为60%、30%、10% 。

主色可以决定整个UI界面的风格，主色一般在应用的LOG0、视觉面积较大的导航栏上使用。主色影响视觉传达效果。辅色的功能在于帮助主色建立更加完整的视觉形象。如果一种颜色已经完美地与图形结合，那么辅色就是没有必要的。辅色一般应用在各种控件、图标、插图上。点缀色一般体现在细节上，多数是分散的，面积比例小。点缀色一般在一些需要提示的小图标，或者需要突出的图形中使用。

色彩对比是任何视觉构成的关键部分。对立色调的原则是浅色背景使用深色文字，深色背景使用浅色文字。它为每个UI元素带来了个性化，并使所有的UI元素都引人注目。

红色象征着好和坏的感觉，包括爱、自信、激情和愤怒。
橙色充满活力和温暖，带来兴奋的感觉。
黄色是幸福的颜色，阳光、快乐和温暖。
绿色带来平静和更新的感觉。

蓝色通常代表一些企业形象。
紫色是一种神秘和魔力的颜色。
黑色与悲剧和死亡联系在一起，象征着一个谜。
白色意味着纯洁和纯真，以及完整和清晰。

①邻近色配色。邻近色配色指使用位于色相环上相邻的颜色进行配色。邻近色配色能够有效地达成和谐统一的界面效果。

②同类色配色。同类色配色指色相一致，基于一种颜色的不同色调，在明度、饱和度上对颜色进行调整。主色、辅色都在同一色相上，给用户一种一致化的感受。

③点缀色配色。点缀色配色主色用相对沉稳的颜色，点缀色采用一个高亮的颜色，起带动页面气氛，强调重点的作用。