译文丨2018网页设计总结

产品经理就业班,12周特训,测、练、实战,22位导师全程带班,200+名企内推,保障就业!了解详情

本文是从八个方面来对2018的网页设计的总结,一起来看看~

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

一、丰富的色彩与渐变色的运用

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

二、响应式设计

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

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

三、动效无处不在

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

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

四、为了视觉传达的插画

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

  1. 产品UI界面展示和动图(GIF);
  2. 美化的或融入生活场景的图片。

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

五、Material Design

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

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

六、推送通知

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

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

七、渐进式Web应用程序

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

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

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

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

八、在线客户支持

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

译者小结

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

原文标题:《Web design in 2018》

原文链接:https://www.behance.net/gallery/60586377/Web-Design-Trends-2018

本文由 @UImax 翻译发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA创作!
5人打赏
评论
欢迎留言讨论~!
  1. 多色、渐变-响应式-动效-插画

    回复