020-29815005
预约专线时间:09:00-23:59

【UI培训分享】:原来国外的UI设计大神是这么玩渐变的

新闻来源:本站 日期:2022-04-01
近几年随着渐变风的兴起,各种App产品上随处可见,千篇一律让人腻味。如果你也厌倦了现在的渐变、扁平化风格,那么不妨试试最近的这种新渐变,它色彩明亮,大胆,彩虹般华丽让人印象深刻,今天就优漫动游和大家分享下,这种彩虹色彩混合在设计中的一些运用和技巧!
  近几年随着渐变风的兴起,各种App产品上随处可见,千篇一律让人腻味。如果你也厌倦了现在的渐变、扁平化风格,那么不妨试试最近的这种新渐变,它色彩明亮,大胆,彩虹般华丽让人印象深刻,今天就优漫动游和大家分享下,这种彩虹色彩混合在设计中的一些运用和技巧!

  什么是彩虹混合风格?

  顾名思义,这个风格就是在色彩上融合了大自然中彩虹的物理变化,色彩就像彩虹一样颜色丰富、美丽,同时色彩之间有着很柔和的融合感,形成视觉冲击力很强的形式风格!


【UI培训分享】:原来国外的UI设计大神是这么玩渐变的
  ▲国外经典的服装设计师Bianca Luini也在自己服装作品中,大量运用这种自然里面最神奇的色彩作为服装设计灵感。

  那么彩虹色,究竟有哪些特点呢???

  色彩



  现在早已经不再是过去的彩虹1.0设计时代,彩虹混合也绝对不是普通的拉一个七种颜色的渐变,现在我们统称的彩虹渐变,它的颜色界限过渡会更加柔和,绝不是那种不讲究美感的粗暴渐变!


  图形

  彩虹渐变的形式类似海水、水银。多为不规则流动感的形态,色彩融合比较丰富,也有彩虹色和超现实人物元素一起运用!


【UI培训分享】:原来国外的UI设计大神是这么玩渐变的


  ▲几何图形:几何图形运用,运用在商品上,背景上,氛围元素装饰上

  质感


  彩虹色质感可以扁平、可以3D,可以像水彩颜料一样丰富,也可以像丝绸一样顺滑,可以像海浪一样波澜起伏,也可以像光影一样华丽,总之他的质感运用场景,都可以根据你想要表达的情绪去营造。


  ▲可以像海水,水银海浪一样起伏波澜

  ▲可以像光影几何图形般耀眼

  ▲也可以像水银一样流动

  在UI设计中的运用

  提到这个风格就不得不说起众所周知的Instagram图标,ins的设计主管是这么描述的:如果镜头是个桥梁,那么镜头拍摄出来的那些美丽的照片,五彩缤纷,美丽多彩,要用颜色来定义这个桥梁的话,就是彩虹!




  ▲在一些封面、banner图,以及引导页面的设计中运用,能很好的和其他产品拉开设计差异性


 


  ▲在很多电商大促中,如天猫之前的双11以及618都大量采用这种彩虹渐变作为色彩主风格

  在图标设计中的运用

  ▲instagram在logo上对彩虹渐变的极致运用,使得整体品牌极具辨识度,让人印象深刻

  ▲instagram的品牌手册也是运用了与logo一致的渐变色彩。

  ▲Ramotion工作室为火狐设计的一组图标也是运用了彩虹渐变处理技法,看起来非常有质感

  在网页设计中的运用

  ▲伦敦Grammar的宣传页面也是采用的一个彩虹色水滴可以慢慢移动的形式作为主视觉,应用到项目中去。

  ▲Southwest在官网设计中,采用的是另外一种设计手法,彩虹背景和元素成为画面一个容器,很好的把文字放置进去,彩虹线条背景很好的在页面中形容前后关系的唿应  

  以上就是优漫教育小编为大家介绍的“【UI培训分享】:原来国外的UI设计大神是这么玩渐变的”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !