5个未来主流的互联网设计趋势,未来因此改变
2018年,互联网设计行业经历了显著的变化,从设计方法开始就出现了重大的转变。

在2018年1月,InVision Studio进入Beta测试;紧接着3月25日,GDPR发布了;而在7月,谷歌宣布正式把打开速度作为移动端排名的重要指标,为打开速度慢的网站敲响警钟;而2018年最重大的事件之一,恐怕就是10月份Adobe XD包含语音输入的更新……
这一切都在改变着互联网设计行业,那么互联网设计的未来会如何呢?我们来简单做些分析。
01 无缝式的设计工具
在2018初,InVision面向更广泛的用户人群发布了桌面设计工具InVision Studio。软件包括屏幕设计、附加组件、响应式尺寸、可互动原型、时间轴动画和功能性原型设计等功能。可以说,InVision的出现意味着互联网设计工具有了新的标杆。
尽管目前还没有哪款工具可以满足我们的全部需求,但很多任务包括原型设计的递交在内,都已经实现了无缝式的可交替的模式。这关系到成本和维护问题,无缝式设计是对工作流极大地优化,意味着更加低廉的成本和更高效的内容维护。
其他的网络设计工具也逐渐采取了这个模式,大多数都已经具备了提交原型设计的功能。Framer是一款基于JavaScript的原型设计工具,此前名称为Framer Studio,现在更名为Framer X。而Sketch也加入了原型设计的功能,不过比起其他工具来说递交能力比较差。
总的来说,如今网络设计的工作模式更加顺畅,节约大量时间,如果你还没有接触过新的原型设计工具,建议你尽早尝试以赶上2019年的潮流。
02 移动优先的设计模式
如今,移动友好已经是大家默认的,百度谷歌这类主流搜索引擎甚至已经开始给不支持移动端的网站降权。谷歌的移动优先模式是从2018年5月开始的,所以如今也许有些小网站还没有做到移动响应。

截止至2018年4月,根据统计在Alexa前100万位的网站中,有24%没有做到移动友好。你可能觉得这个比例很大,但你可以思考下,你最近一次用网页的淘宝端是什么时候?
不论如何,从2018年开始,如果网站不能做到移动友好,在电脑端的权重也会被降级。因此在策划任何网站的时候,都必须将移动友好考虑在内,不论是设计还是优化都应该优先考虑移动端。
尽管百度也有移动友好测试,但谷歌的测试给出的结果更急详尽,只需要提交URL就可以。对于是否能做到移动友好,有以下的基本标准:
- 不能使用Flash
- 内容显示正确
- 没有不正常的横向滑动
- 可适配任何屏幕
- 点击友好(点击区域不小于44像素宽高)
- 点击区域之间有适当的空隙
- 文字放缩合理
03 隐私保护
GDPR,即欧盟的数据保护条例。GDPR包括了许多保护用户隐私的要求,但精细实施起来是非常费时费力的,以至于欧洲大多数企业的网站都还没达到GDPR标准。很多外国企业因为GDPR选择封堵欧洲前来的流量以避免法律问题,不知道GDPR会不会以悲剧收场……
虽然作为国内开发者,我们对GDPR没有必要做到完全了解,但互联网的隐私越来越被重视,保护用户隐私将逐步成为趋势。因此,我们来学习一下GDPR,并尽可能在网站上应用一些保护用户隐私的措施吧。
GDPR的具体要求包括:
- 不可擅自获取用户数据
- 收集任何数据前必须经过用户同意
- 公开透明地向用户告知数据的用途
- 用户可随时要求查看自己提供的数据
- 用户可随时要求删除自己提供的数据
- 在使用完毕用户数据后及时删除
- 隐私政策必须是公开的,且用语必须简单易懂面向大众
- 公司必须有DPO(数据保护人员)
- 出现数据泄露后,必须及时更新封堵漏洞并广而告之
- 违反以上规定的企业,处以至多2000万欧元的发款或企业年收入的4%,具体判罚标准和执行力度由欧洲议会决定
GDPR目前是试行法律,还有改进空间。但它已经对欧洲所有企业以及与欧洲合作的企业产生了影响。尽管法律的内容是值得商榷甚至有些迂腐,但法律所推崇的隐私保护确确实实对用户体验是非常重要的。
04 提高网站速度
对于主流搜索引擎来说,除了刚才所说的移动友好外,打开速度也是很关键的。百度和谷歌对网站的打开速度都给予了很高的评判权重,打开速度快的网站能享受到更高的质量评级。

而从2018年7月起,谷歌宣布打开速度和移动友好相互关联,尽管我们不知道具体的计算公式,但打开速度纳入搜索权重已经是板上钉钉的事实。
换句话说,谷歌这一举措影响最大的是那些打开速度比较慢的网站。而在事实上,对用户来说几乎没什么比打开速度更加重要,这也是不争事实。
对于用户来说,打开速度在体验上占有很高的权重,如果你没有注意过网站的打开速度,那么是时候重新思考以下自己网站的使用体验了……提高打开速度有多种方法,具体实现的难易度也不同,此处仅给出几点作为参考:
- 缩小并压缩图片
- 采用Lazy Load技术延迟加载屏幕外的图片
- 代码用压缩格式
- 多使用静态的、缓存的资源
- 组合部分资源,控制加载顺序
- 处理影响渲染效率的要素
- 确保字体加载完成前文字是可见的
05 语音友好
如今有个流行的新概念,叫做语音界面,即VUI。如今各种语音产品融入了生活种,包括Apple的Siri、Amazon的Alexa、Microsoft的Cotana、小米的小爱同学、阿里的天猫精灵……而这些都有者叫做VUI的截面,在显示器上和语音形成配合。

如今语音助手的销量正在稳步上升,仅2018年第三季度,使用Siri的用户就增加了1970万人……而相对的,尽管UI设计师是一个比较庞大的人群,VUI设计师却非常少。
这里是说,目前的供求完全不均衡,VUI可以说是一片蓝海。大多数APP目前还没有实现语音控制,而100%实现语音控制的几乎不存在,更别提系统级的可以控制所有APP的语音系统了。 而在2018年Adobe XD的更新中,Adobe居然加入了语音功能,现在可以在原型设计时加入语音交互了!这对于VUI的发展是至关重要的,Adobe敏锐的嗅觉洞悉了未来的市场,预计今后VUI会越来越多,语音的适用范围也会越来越 广。
5 breakout web design trends begging to go mainstream