2018网页设计总结

本文翻译自澳大利亚设计师Rylan Ziesing及其设计团队Rhino Design对2018年网页设计的总结。

1.丰富的色彩与渐变色的运用

渐变色和丰富的色彩以其自身的美学魅力和强烈的视觉效果而为设计师所青睐并大量使用。随着此类设计风格需求的日益增长，广阔的色域和渐变色将在2018继续流行下去。

 2. 响应式设计

对于移动网络来说，2017年是具有里程碑意义的一年，它的使用量最终超过了桌面浏览量。这也意味着网页设计师将比以往更注重移动设备用户的需求。

（译者注：2017《移动互联网蓝皮书》发布，移动互联网用户达到10.93亿，而PC用户停滞不前。无论用户使用哪种设备，笔记本、智能手机还是Pad，产品页面都应当能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。）

3.动效无处不在

设计一个网站时我们需要考虑诸多因素，如网速、技术能力、用户类型等，从中可以看到，为什么动效和交互式界面会成为2018网页设计主流趋势中的重要部分，尤其当人们的审美要求越来越高、技术栈越来越先进。

（译者注：技术栈一般来说是指将N种技术互相组合在一起(N>1)，作为一个有机的整体来实现某种目的；也可以指掌握这些技术以及配合使用的经验，比方说LAMP LNMP MEAN都是常见的Web技术栈。这里的栈就是英文stack的意思，即一些东西堆在一起，而非数据结构的栈的意思。）

4. 为了视觉传达的插画

在数字产品的营销领域，图像的选择是我们遇到过的最有意思的挑战。整个设计团队都会针对这个问题进行讨论，通常最终会归结于以下两种选择：

1、产品UI界面展示和动图（GIF）

2、美化的或融入生活场景的图片

前者主要强调产品的体验、特性和功能，而后者更突出产品与用户的交互，即产品对人们生活产生的影响。

5. Material Design

Material Design是谷歌基于Android系统推出的全新设计语言，一开始可能主要面向移动设备界面；但后来无论是在移动设备还是PC平台，它的流行度和使用量都呈现爆发式增长。

其实Material Design是过去几年扁平化设计趋势的延续，但它并不是单纯的扁平化，而是增加了适当的点缀以增强可用性，这是扁平化设计所不及的。Material Design的根本是可用性，而不是拿掉一切以提升视觉吸引力。

6. 推送通知

Web推送通知是来自网站的消息，即使当前浏览器没有打开相关页面也会出现。

Web推送通知是一种全新的营销渠道，可用于在没有用户电子邮件或其他联系方式的情况下与网站访问者重新建立联系。

7. 渐进式Web应用程序

2015年，谷歌创造了渐进式Web应用程序(Progressive Web Apps, PWA)。

PWA是指可以在任意浏览器上执行的支持互联网的应用程序，它是由服务器端脚本(PHP和ASP)和客户端脚本(Javas cript和HTML)组成。应用最广泛的例子就是在线电子表格(Google Docs)、电子邮件(Gmail)、照片和视频编辑(Pixlr.com)等，这些程序允许用户同时访问相同版本的文档。

有无服务人员是PWA和常规Web应用程序的主要区别。服务人员是PWA背后强大的技术支撑，在服务人员的帮助下，可实现离线模式工作、接收推送消息、更新背景内容等。PWA旨在实现多个平台通用的应用程序。

简单易安装也是Web应用程序与原生应用程序相比的一大优点。此外，开发人员不需要将PWA适配到iOS或Android平台上，由于使用网络技术，PWA可跨平台工作。

8. 在线客户支持

以会话为导向的营销和销售平台，将企业与客户实时联系起来。这使得我们可以进一步开展创意营销，开拓全新的营销方式，以更好地达到预期目标。 

译者小结

本文作者是从国外Web设计角度出发，和国内的视角还是有一些区别，但其中的很多概念还是可以借鉴的。渐变色、响应式设计、动效都是最近几年的热门词，其中的渐进式Web应用程序是我第一次了解这个概念，相信未来国内的开发人员会在此方面有所建树。

原文标题：《Web design in 2018》

原文链接：

https://www.behance.net/gallery/60586377/Web-Design-Trends-2018