第15节界面配色原則.1适应主题.2保持简洁均衡配色41课.pptxVIP

15.1适应主题

15.2保持简洁

15.3均衡配色

;界面设计所服务的产品是为了满足用户各种实在的需求。

如：

购物类产品是满足用户购买需求的；

社交类产品是为了满足用户与他人沟通交流的；

新闻类产品是满足用户获取资讯需求的；

拍照类产品是为了满足用户拍摄照片记录生活的。

因此，视觉界面的设计不但要满足用户审美的需求，要有一定的意图和要求，有明确的主题。;不同色相的颜色在情感上会产生不同的感受，产品的界面设计也要充分利用色彩的情感共鸣进行设计，以达到赏心悦目、信息传达的目的，同时提升用户体验。;我们在设计之前可以对同类产品界面设计进行一些研究和分析。

例如：

购物类的产品界面在设计的时候一般会使用暖色调的红色、橙色等，如淘宝、京东、唯品会、当当网的配色都是红色调为主。;蓝色代表着广阔的天空、冷静、诚实、希望与科技、视觉上很舒服的色彩。

蓝色给人自由和平静的感觉。

在科技资讯、职场等类别的产品界面设计中使用较多，

如：36Kr、钉钉等工具类产品。;绿色代表着健康、安全、生命力、青春，给人一种充满希望的温和色彩。

因此绿色强调安全感。如拉勾图标、种子习惯、医鹿等产品。;界面设计可以分为形式和内容两个方面。

形式是指界面的版式、色彩、风格等表达内容的方式，内容是指界面主题、信息、控件等构成设计的一切内在要素的总和，是设计存在的基础。

内容决定了设计形式，形式的表达又会反作用于内容。颜色作为最重要的设计形式之一，在设计的时候一定要服务于界面的内容和目的，设计中运用太多的颜色会给用户带来认知的负担。;一般来讲，除无彩色外，界面设计中尽量将有彩色控制在三种以内。

大部分界面设计的背景采用无彩色，在控件、文字、图标等位置使用有彩色，其中界面的主色代表界面总体的色彩风格，常用于界面的启动图标、导航栏、高亮等核心的位置，其他颜色和主色搭配起到平衡的作用，使画面更加丰富。;色彩具有互补色对比、冷暖对比、明度对比、纯度对比、有彩色无彩色对比、复杂色和单色对比以及色彩面积大小的对比，在界面设计中需要对这些??比进行平衡才能达到界面的和谐统一。;如互补色的配色中为了避免对比过于刺激，给用户带来不稳定和烦躁的感觉，可以减低其中一方的明度或者纯度从而使对比的力量减弱，也可以通过调整两种颜色所占的面积比例使界面变的平衡稳定。

在界面设计中，黑、白、灰等无彩色的存在不仅可以有效的衬托有彩色的丰富，还可以平衡有彩色的力量，让画面有稳定的重心，让界面达到完美的设计效果。