• 内页banner
  • ui1
  • 内页3
最新动态您当前所在位置: 首页 > 最新动态

郑州UI设计培训:奉天承运,来看看朕的配色(一)

更新时间:2018-10-11 10:00:00点击次数:205次字号:T|T

在上一篇中,我们了解了色彩的性质以及色彩的分类之后,我们再通过色彩之间的搭配组合,来展现丰富多彩的配色效果。


色彩单体在设计中的影响力很大,而多种色彩的搭配能够展现出更加丰富多彩的印象,将合适的色彩进行有效的搭配,设计作品的质量会有很大的提升。


郑州UI设计培训:奉天承运,来看看朕的配色(一)


在色相环中,我们把色彩划分为12种基本色相,选取其中某一种色相做为基准色相,这样就会产生包括同一色相、邻近色相、类似色相、中差色相、对比色相、互补色相在内的六种色相之间的关系,了解这些关系之后,配色实践就变得简单多了。


色彩之间的搭配大体上可以分为两种:


1、取得协调的配色


2、强调设计的配色


取的协调的配色是通过同一或者类似的色相搭配,形成稳定、和谐的印象;


而强调设计的配色则是通过不同色相之间的相互碰撞,强调色相差异,从而形成某种色彩的印象。


取得协调的配色


由某一种色相或者在色相环上相邻的类似色构成,统一画面的配色,可体现整体统一性,强烈展现色相的印象,这种配色展现自然与和谐的印象,但同时也容易形成单调乏味的印象。


▐ 同色系配色


同色系配色是由一种色相构成的统一性配色,主色和辅色都在同一色相上,可以体现整体画面的统一性。


同时这种配色也容易形成单调、乏味味道,所以在明度和纯度上适当有一些变化,加强面积上的对比,使画面更加均衡。


下面举几个同色系配色的案例


郑州UI设计培训:奉天承运,来看看朕的配色(一)


▐ 邻近色配色


在色相环上相邻的色彩,因为色相上存在微妙的差异,所以配色效果比同色系配色稍微丰富,柔和过渡的色相使得页面看起来更加和谐.


▐ 类似色配色


类似色色相上含有共通成分,配色也可以体现出和谐、协调的印象,这中配色是最能体现出色相差的配色类型。


类似色的色彩具有适度的变化和动感,同样可以用过色相差体现画面色彩的张弛效果。


下面举几个类似色配色的案例


郑州UI设计培训:奉天承运,来看看朕的配色(一)


强调设计的配色


在同色系色彩搭配构成的配色中,可以通过添加强调色的配色技巧,突出画面重点,强调色一般选择基本色的对比色或者白色、白色。如何确保强调色限定在小面积内展现是关键。


▐ 中差色配色


中差色色相上基本没有共通性,色彩包括了类似色色相到对比色色相,搭配出一种暧昧的印象,表现出舒适感和适度的刺激效果。


▐ 对比色配色


对比色配色也叫相反色配色,色彩对比效果十分强烈。


色彩之间互相衬托,形成明快、鲜明的印象,适合于表现活力四射,朝气蓬勃的画面。


▐ 互补色配色


互补色在色相环的相对位置,色相差较大,配色体现出十分强烈的视觉冲击效果

同时也容易形成廉价、劣质的印象。


下面举几个互补色配色的案例


郑州UI设计培训:奉天承运,来看看朕的配色(一)

丰泽郑州UI设计培训是一个拥有产、学、研、培功能的综合性教育机构,河南省首家UI设计实训基地。