原副标题:介面结构设计的美感相匹配-苏州北京路配色自学
介面结构设计的美感相匹配
配色是一项非常关键的艺术素质,须要系统的自学和大量的观察实践来提高。一般而言,手机UI介面的结构设计要遵从以下四个配色原则:总体配色要协同,配色要有底配色,要特别注意美感均衡和双色的人与自然(内容工具书《移动应用UI结构设计》)
配色的形像
当人们看见相同的配色时,会有相同的心理反应。比如人看见红色,有意识的心跳加快,胸腔加快,然后就有一类兴奋、抑制、热情的觉得。这就是美感的作用和形像。
暖配色能呈现出温暖、温情的氛围,冷配色能呈现出宁静、炎热、典雅的氛围;双配色配搭能造成两极化的声效,给人光亮、光亮、喜气洋洋的觉得,但配搭失当会造成虚无、暗淡的失当效果。
配色原理
(1)总体美感协同性:介面结构设计首先要确定底色,底色会挤占网页间歇性,其它远距色要以底色为依据进行配搭。这样能保证总体主调的协同统一,二要,使作品更加专业耐用。
(2)关键性色:配色时,能选择一类配色作为整座介面的关键性色。此配色可应用于关注点图、按钮、图标或其它相对关键的原素,使其成为整座网页的关注点。底色和间歇性深蓝色不要用关键性色,要用强调介面关键原素的小面积分散色。
(3)特别注意美感的均衡:美感配搭的均衡主要是指美感的高低、酌定、厚薄的关系。一般而言,相似配色的配搭方案往往能达到较好的均衡和协同,而铋的科砂藓或双色,如红、绿等,则容易带来过度两极化的听觉抑制,让人觉得不难受。另一方面,为的是光度的均衡,高光的配色显得更亮,能增强美感和活动感;低色度的配色会更加强稳重高调的觉得。
(4)取舍双色:布季谢四种或四种以上的双色时,网页总体配色会比较均衡,因此须要取舍双色。
通常有四种方法来协同:
A.调整相反配色的区域,使一类配色为底色,另一类配色且以色。为的是减少远距色的色感,可能须要适当调整其纯度和色度;
B.在四种相反的配色之间添加配色,以引导配色在配色上的逐渐过渡。比如取舍红黄,能加橙色;
C.加大量中性色,黑、白、灰都叫中性色。他们没有任何积极或消极的情感美感。这是一类非常有效的混合其它配色的方法。
常见的配色方法
每种配色在印象空间中都有其独特的位置,因此能通过加减来近似估计印象。如果每种配色都是高光,那么它的叠加就会达到柔和光亮的效果;如果每种配色都很强,叠加的效果也很强。
黑色:作为整座介面的底色,表现出高端、精致、稳定的觉得。同时随着相同色度的变化凸显介面层次和主次效果。
红色:是影响效果最大的配色,也容易让人激动。配搭黑色能减少对人大脑的抑制,弥补黑色带来的虚弱、恐惧等负面情绪。
绿色:置于黑色背景下,即使是小色块也会很吸引人。绿色还能减弱黑色和红色对人脑的抑制,赋予生命活力和安全感。
白色:文字配色与黑色背景配色形成鲜明对比,整座网页变得光亮、光亮,突出了主要内容,便于人们浏览内容一目了然。
相同的配色配搭在一起,色相、彩度、色度都会改变美感效果。四种或四种以上的浅色在一起不会造成对比效果,很多深色也不会把人吸引到一起。然而,当浅色与深色混合时,浅色显得更浅,深色显得更深。色度和色相造成同样的对比效果。
相同的配色配搭在一起,色相、彩度、明度都会改变美感效果。四种或四种以上的浅色在一起不会造成对比效果,很多深色也不会把人吸引到一起。然而,当浅色与深色混合时,浅色显得更浅,深色显得更深。色度和色相造成同样的对比效果。
当然,在实际结构设计过程中,结构设计师也须要考虑乘除法。比如光度和对比度相同的配色,在色环上的角度相同,就能得到万千感受。