相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

网页设计的渐变潮回来了

小雷发布于:2016-9-6 13:13 |原作者: DATS翻译组|
小雷
上海市 静安区 摄影师
发私信 + 关注
简介: 在扁平设计新纪元开始之时,一项设计师们曾经回避的技术正在卷土重来。几乎在一夜之间,渐变色突然出现在各个网站设计中。从背景到图片标注甚至用户界面元素的细微文理,双色效果正在大规模卷土重来。当然也有点不同 ...
在扁平设计新纪元开始之时,一项设计师们曾经回避的技术正在卷土重来。几乎在一夜之间,渐变色突然出现在各个网站设计中。从背景到图片标注甚至用户界面元素的细微文理,双色效果正在大规模卷土重来。当然也有点不同,以下就是再次运用渐变色之前你需要知道的

在扁平设计新纪元开始之时,一项设计师们曾经回避的技术正在卷土重来。几乎在一夜之间,渐变色突然出现在各个网站设计中。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

从背景图像到图片标注甚至到用户界面元素的细微文理,双色效果正在大规模卷土重来。当然也有点不同,以下就是在你再次运用渐变色之前你需要知道的事(以及很多可以激发你创造力的例子)。

领路的弄潮儿

今年早些时候,Spotify引领了双色调设计潮流,双色蒙板几乎成为其品牌的视觉符号。如果你认真看,Spotify使用双色调有一个明显的渐变梯度,它平衡了明亮的流行色,有时又通过使用单色相向明暗渐变。

其他很多大品牌也回归渐变风格来传递他们的信息。在线杂志的提供商——Texture,就在它的设计中就使用了全屏的渐变。

但这些并不是渐变风格重返设计舞台的全部案例。他们如雨后春笋般出现在从零售到系列产品等的一切设计作品中。

渐变的使用中并没有什么明确的规则。他们可能包括多色渐变,中心渐变,对角线渐变,或者垂直渐变等。在一个展示或一个简单的专题中,渐变可能是其主要的视觉元素。

特别棒的是,设计师们变着花样来使用渐变,而且他们真的看起来很酷。


渐变的扁平化配色

 

当渐变被应用在扁平化设计时代,他的回归结合了大量的扁平化元素,尤其是色彩。在一些最典型、最大胆的设计案例中,色彩渐变更是直接从平面设计配色表当中"借用"的。

这些色彩的选用使得渐变有了现代感,看上去也与其他网站的设计趋势很契合。你还可以玩混搭,用这种色彩风格搭配平面艺术风格的渐变,或是在材料设计的用户界面上添加一种渐变,甚至可以尝试在一个小项目的背景中添加一个柔和的色彩组合景。

123下一页
17

好评
11

差评

刚表态过的朋友 (28 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

小雷
上海市 静安区 摄影师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计