2013年扁平化设计横空出世,单色块被广泛应用于界面设计、网页设计中,WIN 8、IOS7都摈弃了渐变、拟物化,直至2016年,渐变色以新的姿态重回我们的视线,仿佛一夜之间,渐变就成了提高设计逼格的利器,每个设计师的PS中都有大量渐变存货,不拉个渐变做背景都不知道怎么搞定老板。今天小编就聊聊渐变的广泛应用。
说起渐变,就不得不提Instagram在五年内的首次换标,此次改变被风评为2016年最差换标,大批吐槽人士纷纷表示拒绝更新换标。Instagram的新标志是拟物化向扁平化的全面更新,不同于其他的单色块设计,Instagram大胆使用彩虹色,无论褒贬,不得不承认的是其确实能让人眼前一亮的感觉。
就如上文所说,渐变背景仿佛已经成了网页设计中的一稿过的利器。在2017年的网页设计8大趋势中,首当其冲的便是渐变色的利用,一起来看看其他的设计趋势。
1. 渐变色的使用
最流行的是照片上的双色渐变叠加,对于大图背景这是一种很好的展示形式,也需要设计师在进行操作时考虑渐变色与背景图片的融合,当然垂直渐变是一个很好的选择。
2. 带声音的视频在网站中的使用
人们习惯了在手机端观看视频,从短片到影片,这是一种模拟电影体验的新形式,同时网页中需要带有声音的开关键。
3. 虚拟现实
不可否认,VR很火。让网页VR化也是一种设计趋势,虚拟现实在网页中的运用包括360度视频的网站设计和其他具有三维效果的高度交互式体验。
・视差滚动效果的回归
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色,这一效果也会在2017年继续回归。
5.极简主页的设计
也许你会说甲方爸爸不喜欢大量留白,你可以试试从字体的选择、形式布局、背景图样、色彩搭配中的细节入手,如果你没有办法说服甲方爸爸,就当我没说。
6.新的导航模式的应用
导航不必粘贴到设计的顶部,从隐藏或弹出样式到页面侧面或底部的导航,移动菜单才是时尚。 当考虑改变导航样式时,考虑用户模式。导航容易找到么?它的工作方式是什么?用户会直观地理解?如果是这样,就改变它。如果没有,重新思考这个想法。
7.自然色调的使用
潘通发布的2017年流行色为草木绿(Greenery),网页设计中也把调色从大胆、亮丽、霓虹色转移到自然中的低调、中性的色调中。
8.手写体的应用
手写体也可以加大、加粗,完成甲方爸爸的需求,而且也具有新颖性和创意性。从复古类型风格到复古风格到完全自定义字体,设计师需要考虑如何添加风格与类型以创造视觉兴趣。记住,手写字体仍然需要可读性,因此,不管你是将图片与图片配对还是作为独立的图片,确保用户可以一目了然地了解你要表达的内容。
看到2017年网页设计的8大设计趋势,是不是认为也许渐变是最容易实现和最具有视觉展示效果的方式呢?由于图片通常被处理为背景,为了保证信息的可读性,一般可通过以下几个步骤进行操作:
・去饱和度,把图片的饱和度调到合适的数值,这一步骤是为了避免后期覆盖的颜色跟照片原本的颜色混合产生意想不到的效果。・选择覆盖的颜色。选择适合的色彩渐变,垂直渐变、球形渐变、放射状都是常用的方式。・调整透明度。台湾设计师Samuel总结了两个小窍门,你或许可以试试,第一种是超级懒人法:选取渐层色块,直接调整透明度到约70% -80%。第二种分部调整法:针对渐层色两侧(甚至切割多部分)分别调整透明度,简单来说,为了达到凸显一侧较清晰一侧淡出画面的效果,会让一侧的透明度较高(90%),一侧的透明度较低(50% -70%)。・调整图片透明度和对比数值,降低图片的透明度与调高图片的对比数值;这两个步骤都是为了让图片与画面的结合度更高,避免图片边缘过硬或是不自然的状况发生。・运用于作品中。
这种渐变背景方式的展示,能够让用户体验更加细腻的感受,这也是2017年渐变回归大众的重要原因,我们开始更加关注人的元素,同时渐变也能打造一种精致的质感,米兰设计师Riccardo Vicentelli用简单的平面海报分享了他美丽的渐变,如果你还不知道怎么开始拉垂直线,这是不错的开始。
上面我们提到了渐变在界面设计、网页设计甚至平面设计中的应用,这些优秀的作品让我们觉得仿佛渐变可以被应用于任何设计中,服装界、影视界也不甘示弱,必须走在时尚的前端,然而血淋淋的事实告诉我们渐变不能应用于貂皮中!请慎重选择色彩搭配。
守护丽人剧照
纯色和渐变在高手眼里不仅是颜色的组合,它们可以引导视觉焦点、渲染氛围、传递情绪等等,是网页设计新的一个流行趋势。想运用好它们,最要紧是在色彩搭配与透明度上下功夫,戳阅读原文教你轻松玩转设计中的纯色和渐变效果