详细解析10个2018年网页设计趋势(2)

5、动态图形

虽然即将过去的2017年当中，锐利的多边形和多样的几何形状在网页中出现频率很高，但是我们可以观察到，结合动态效果的柔和的图形倒是越来越流行了。

边缘平滑的设计元素是多边形元素的自然进化。多边形大多以扁平、二维的形态出现，而随着动态效果越来越多地出现在网页设计当中，带有三维效果的动态图形自然而然就成为网页设计师的心头好。

和多边形相似，流畅的动态图形有着明显的装饰性，对于网页风格和体验的提升很明细那，而区别在于动态图形时髦值更高，没有尖锐的棱角，也更加具有亲和力与动感。

6、微妙的动画

小巧微妙的动态效果不仅能够取悦用户，有的时候甚至会给他们带来惊喜。动效如今已经是网页和UI设计中必备的组成部分，它们同样可以为用户提供信息，积极地引导用户交互。

微妙的动效本身并不是为了隐藏加载的过程和数据处理的过程，而是为了强调运动本身。

无论是悬停触发的动态图片，还是看起来很复杂的插画动效，它们都是促进用户交互的重要手段。为了充分运用微妙的动效，设计师在使用的时候要遵循一些最基本的规则：坚持使用一种动效技巧，尽可能保持逼真，模仿现实世界的物理定律，不要强行为动效配音，尽量确保动效可靠，不要过慢，让用户能够预期到它的完成。

7、SVG图片

可缩放的矢量图形正越来越多地运用在网页设计当中。SVG格式是一种轻量级的矢量图片格式，这种格式的图片大小通常不会太大，而且无论是大屏幕还是小屏幕上都能像素完美地呈现出来。

无论是3D图片、动态图片还是标志LOGO，SVG都能够很好地展现，它是图片格式的未来。

8、兼容桌面端和移动端分屏展示

分屏式设计同样是越来越受欢迎的设计技巧。分屏式设计能够让设计师更好地兼顾到桌面端和移动端的体验，因为内容的展示更加自由，可以拆分合并堆叠展示，让内容的呈现更加一致，体验也更加可控。

虽然许多早期的分屏展示是针对不同平台进行定制的，但是如今的分屏设计已经可以相对完美地同响应式设计结合起来。

9、更多滚动动效

视差滚动已经非常流行了，以至于有些设计师开始有意识地规避这种「流行」。但是这并不意味着你需要绕靠滚动动效。

通过滚动动效来驱动用户参与交互是颇为不错的方法。适当的混合一些视差特效，常常能够获得奇效。比如上面的Doggo for Hire 这个页面就巧妙地使用视差滚动特效。

10、非极简风下的留白

许多优秀的设计都借助留白来达到效果的。但是许多时候会因为设计需求而妥协，无法使用简约的设计风格。但是留白依然很好用，通过增加更多的色彩和设计元素，保持留白比例，增加整个设计的饱满感。这种情况下，留白并不少，被留白所包围的元素同样会显得突出而不会拥挤。

Design Calendar 这个网站在这方面就做的比较突出。网站采用了彩色的背景，虽然页面中内容元素不少，但是留白营造出了足够的呼吸感。

结语

随着新需求的诞生，每年都会有新的趋势和新的设计技巧涌现，想要让自己的设计不过时，设计师需要密切的关注趋势的改变。在即将到来的2018年，你可能要有意识地改变你的设计了。