在UI设计和用户体验的过程中,色彩设计可以说是一个重要甚至核心环节之一,对用户体验起着至关重要的作用。那么在全新的2017年里,互联网中的色彩将会呈现什么样的发展趋势呢?中培伟业《高品质用户体验和UI设计开发最佳实践》专家刘老师在这里进行了预测。刘老师指出,2017年,视觉设计当中的色彩发展主要将呈现以下几个方面的发展趋势:
1. 多色轮润感渐变(COLOR NEPHRITE GRADIENT)
1)概念简述
渐变的运用,在视觉设计中增加了更多细节化元素,并使画面充满变化。从2016年开始,渐变逐渐突破同色系,向多色系发展,打破保守的两色渐变规则。同时,跨越色轮的多种同级饱和度颜色结合有机圆润的形状,呈现出润泽透光的质感,体现出温婉的气质,柔和丰富而不艳俗。
2)运用案例
越来越多的界面中开始引入多色轮的渐变,丰富柔和的颜色叫醒用户的视觉神经,通透温润的质感体现更友好的亲和力,使界面更加有温度,更贴近用户。
2. 半透明叠加(OVERLAPPING TRANSLUCENCE)
1)概念简述
光,在视觉设计中显得越来越重要。光的运用能够使画面更加通透,彩色半透明元素的叠加使用,可以营造透光的彩色玻璃质感。在近期的视觉设计中,设计师们开始用这种方式对图形表现光感,体现图形关系的同时,又减少了厚重感,使画面更显明亮生动。
2)运用案例
半透明叠加的表现方式开始有了些许萌芽,较多运用在表现科技感的界面中,在logo的设计中,通过调节色彩明度和饱和度来体现不同产品的属性。
3. 切面排列透视(MULTI-SECTIONAL PERSPECTIVE)
1)概念简述
近年来视觉设计师开始不满足于平面的展现方式,向立体空间发起挑战。从热门的科幻作品中不难发现,“时空扭曲”、“重叠”等关键词一直被人们青睐。在设计中使用相同的元素重叠排列,延长、淡化、到最终消弭,在平面视觉上营造立体空间感,打造更强的层次感和表现力。
2)运用案例
切面排列所营造出的立体透视效果,由于强大的视觉张力,常被运用在独立页面或者海报当中。在界面中使用,可以增强画面的纵深感,如卡片叠加的空间感等。
4. 错层阴影(DISLOCATED SHADOW)
1)概念简述
空间感在视觉设计中显得越来越重要,通过文字的前后排列,紧缩元素间距形成层叠效果,增加更重的阴影效果,突显元素的前后空间关系,营造虚实有序的纵深感。
2)运用案例
错层阴影的效果,通常被使用在标题、头图等需要强大视觉表现力的文字中。丰富文字细节,体现虚实错层关系,突出主题和画面张力。
5. 自然律动图形(NATURAL RHYTHM GRAPHIC)
1)概念简述
设计源于自然,自然中的有机曲线赋予画面柔和、发散的特点。近来越来越多的几何元素被运用在视觉表现中。多种图形的聚集、扩散,更容易引导视觉焦点。在形式上是“流动,跳跃”的视觉效果,在内涵上则表现出一种“韵律”。多种元素组合做成背景装饰,并结合明亮的色彩,使整个设计变得活泼动感起来。
2)运用案例
自然律动的几何元素被大量运用在海报、KV、运营页面中,丰富的元素与主题结合,更突显主题。在界面中常被用于背景氛围烘托,使整个画面轻松活泼。
6. 欧普重构(OP ART REFACTORING)
1)概念简述
欧普艺术起源于1960年代法国,这是一种精心计算的视觉艺术,使用明亮对比的色彩,造成刺眼的颤动效果。将欧普艺术的元素弱化,混搭多种元素,打破传统的图形限制,利用视觉变化造成幻境效果,营造活泼跳跃的画面氛围。
2)运用案例
在近期的大型活动的营销类网页和banner中,欧普重构混搭的元素随处可见。由静态图形营造视觉上的动态效果和迷幻的空间感,利用炫目的空间错觉牢牢吸引住用户的视线。