2016传智web前端_2016年Web设计的期望

daique1908

关注

翻译最新推荐文章于 2026-03-18 00:09:37 发布 378 阅读 AI 写同款· GEO 优化 ›

2016传智web前端

2015年值得纪念！从第一批Apple Watch到火星探测器的降落，再到期待已久的下一期《星球大战》的发行（以及随之而来的不可避免的扰流浪潮），这是一个漫长的十二个月。但是，在进入新年之际，值得我们付出时间和精力来展望网页设计行业。

在去年关于2015年Web设计的期望的文章中，我概述了一系列预测，我很自豪地说其中的许多预测已经实现（原型设计和Sketch的日益普及， “作为交互的集合” ，以及大量如我所见，今年将给我们带来更少的变化和更多的增长。让我们来看看2016年会发生什么。

物联网的更多“实时”设计和增长

2015年，我们看到诸如Periscope和Meerkat之类的“实时体验”工具的持续增长。我们还目睹了Slack的迅猛流行。诸如Producthunt和Reddit之类的平台继续主持AMA和现场讨论。所有这些都表明2016年一件非常重要的事情：实时应用程序和体验正在接管数字产品的各个方面，这将在每个阶段对设计产生重大影响，包括Web设计。

物联网将成为实时媒体发展的一部分。我们已经看到几乎所有业务领域都在连接新产品。

编排这些设备正在创建的数据是一个广阔的空间，拼写着“机会”。物联网增长的一个很好的例子可以在Amazon Echo中找到。

随着产品订购的临近，Echo和类似的设备将以一种新的方式来理解我们各种服务，物理空间和交互之间无处不在的连通性。

您不会看到什么：物联网DIY的采用

看，我们同意； 5美元的Raspberry Pi Zero真是太棒了。实际上，这些由开源驱动的袖珍计算机将比“免费”生产线便宜一些，2016年将比以往更便宜。

而且，虽然这将提高这些小计算奇迹的采用率，但您不会看到所有邻居在他们的房屋中挂满一堆由Arduino驱动的小工具。

造成这种情况的原因很多，但也许最重要的是，用Pi或Arduino或CHiP做任何特别有趣的事情所需的学习曲线对于普通的非开发人员而言仍然是艰巨的。更不用说，没有一些额外的包装工作，它们看起来并不是特别漂亮。物联网将首先通过未受过培训的用户体验来采用，这些体验很少受开销或学习曲线的影响，例如Nest或Philips Hue。一如既往，DIY将仍然是一小部分人。

大量美国政治设计讨论

2016年美国大选将负责来自官方候选人和设计界的许多政治驱动的设计材料和评论。上届选举对美国总统大选进行了许多设计决定的审查，我们只能期望这种兴趣会增加。巴拉克·奥巴马（Barack Obama）的竞选活动以数字预测情报和强大的网络团队而闻名，下一届总统候选人很可能会依靠分析驱动的设计来赢得比赛。

我们可以期望从竞赛的两边就其他人的设计决策，有很多重新设计的徽标，宣传材料和关于设计饲料的评论。希拉里·克林顿（Hilary Clinton）的徽标和杰布·布什（Jeb Bush）的徽标已经受到了不同的评论，随着选举日的临近，这种观点肯定会继续存在。

现实情况是，虽然您可能会从过道的两侧看到一些趋势跟随的轻微更新，但对候选人而言，最安全的押注是保持听众的情绪。对于共和党候选人来说尤其如此，如果我们看到很多创新或大胆的设计决策，那么它们很可能来自更进步，更自由的候选人。

您不会看到什么：与候选人的官方设计指南完全不同

事实是，这些主要候选种族的设计决策主要是根据数据而不是艺术完整性来做出的，这是驱动设计的理由。对于候选人而言，以相关的方式保持最新形式的数字媒体的参与非常重要，但我们不太可能看到霓虹色调色板落入我们已经习惯的红色白色和蓝色之外。

这与这些候选人的期望背道而驰，可能会使尚未准备好迎接变革的观众疏远。想要看到这种行为的非政治版本吗？参见Facebook.com。

JavaScript的持续重要性

在许多方面，今年是JavaScript复兴的一年。我们看到许多非常重要的项目都采用了ES6 。我们看到了React Native的发布。我们还看到GitHub上JavaScript主存储库数量在增长。诸如微软新开放源代码的Visual Studio之类的大型项目对JavaScript具有强大的支持，并且预算巨大且开发资源众多的大型公司都对这种语言的未来寄予厚望。

有趣的阅读： JavaScript开发人员调查结果

您不会看到的内容：从PHP或Rails大量离开

尽管JavaScript可能在2016年会有更大的发展，但我们不会看到开发人员已经知道和喜爱的工具大为偏离。诸如Ruby，Python和PHP之类的语言仍然拥有强大的用户基础，并且正在积极开发中。相反，我们将看到采用这些语言的新实践，并且开发人员的数量将会增加。有人会切换到仅JavaScript的开发环境吗？可以肯定。会是大规模的外流吗？最肯定不是。

电影将变得时尚

如果您不知道电影摄影是什么，那么您并不孤单，因为它们并不是根本上新型的媒体。实际上，电影胶片只是非常静止的图像，除了一小部分（通常只有一个元素）动画成环。如果您看过任何《哈利波特》电影，请想想他们的全家福和报纸。

电影胶片不会出名是因为我们突然喜欢这种动画，而是因为iPhone和其他流行工具使这些动画更易于创建。从根本上说，电影摄影可以用多个图像，单个GIF或视频元素来完成。它创造了一种思考图像的新方式。静态图像和视频不是我们表示摄像机捕获内容的唯一两种方法，而是现在有了“中间”（电影）。

进一步阅读：

您不会看到的内容：视频大大减少

电影摄影机可能会变得很流行，但是它们肯定不会取代视频。正如我们已经提到的，电影摄影机是一种根本不同的媒体表示形式。视频仍然可以在同一空间中提供更多内容。我们可能会将电影摄影机作为文本的背景，在这种情况下，视频会产生易读性问题，但受控的最小动画效果很好。

相关：如果您有兴趣直接从iPhone创建视频，请查看Envato Video的最新iOS应用发行版。

对虚拟现实的越来越大的炒作

虚拟现实的增长将从游戏开始，发展成视频，最终将成为考虑任何数字体验的重要媒介。当我们想到虚拟现实时，我们经常会打折使用完全沉浸式体验。

但是，从实际现实到虚拟现实的滑动比例在此过程中通过了许多重要且非常有力的里程碑，包括增强现实。虽然Google Glass不一定是个秀场停止者，但我们应该期望VR为我们提供新的体验方式，例如：

在线课堂学习环境
电影，乐队甚至更传统的公司环境的幕后讲解
与我们的社区更紧密的点对点连接
产品发布活动，例如Apple Keynotes

尽管今年不一定会看到VR的广泛采用，但我们会看到越来越多的炒作（以及许多Kickstarter项目）为未来的设计迭代（包括对Google Cardboard或Oculus Rift等产品的考虑）创造了动力。

您不会看到什么：VR API的浏览器标准化

浏览器将在几年内不对VR API进行标准化，因为采用率显着低于广泛采用所必需的水平，并且浏览器级VR明年将不再有用。另一方面，游戏引擎可能会在今年年底之前确立良好的VR最佳实践。

相关： Mozilla推出A-Frame：具有VR功能的网站，从一行代码开始

动画作为核心技能

动画已经成为前端开发人员技能组合的重要组成部分，但今年将带来比以往更多的动画。对于当今在大多数产品中看到的流畅设计而言，动画是必不可少的。人们不再根据页面来思考，而是根据熟悉的界面和模式来思考。因此，当用户从界面本身接收上下文提示时，模式的强度会增加。传达上下文提示的一种非常有效的方法是通过运动。动画。

上面的演示摘自Donovan Hutchinson的“ 将吸引力添加到Web上的动画”中。

您不会看到什么：CSS的新动画功能

尽管CSS非常强大，但动画API在来年不会有太大变化。相反，将有可能开发围绕CSS动画的工具以允许对动画方面（如缓动）进行更精细的控制。越来越多的人将开始依赖纯CSS动画（而不是依靠JavaScript库），并且由于API本身的局限性，开发社区可能会构建更好的工具来处理复杂的动画。

重叠元素，饱和渐变和大阴影

这是一个非常简单的趋势：元素重叠。我们已经看到像Spotify这样的大型美学设计领导者采用了这种趋势，而且似乎还在坚持。 2015年的“鬼按钮”趋势将扩展到不可单击的元素，并且轮廓会打破约束框的空元素将在整个设计中显示。

文本将以类似的方式使用-我们仍然可能会在图像上看到粗体的粗体文本，但是图像本身和文本本身将发生转变，以采用着色和更高的饱和度。

伴随重叠，我们将看到大范围的渐变形式的饱和色。这些渐变也将伴随着非常大的阴影，而不是重新引入拟态，而是仅出于美学深度。

SVG的流行将继续增长

SVG作为一种格式正在继续流行。借助比以往更多的工具和用例，我们将看到SVG在2016年将成为越来越被采用的技术。这将有效地将比矢量更多的面向矢量的设计，动画和视网膜就绪的图形元素带入Web设计。另一个副作用可能是网站变亮，因为SVG的大小比其等效的PNG小得多，但这不太可能，因为图像，视频和字体（沉重的页面的罪魁祸首）很快就不会出现。

远射

成功的基于SwiftJavaScript Transpiler或Web App框架

Swift是开源的！苹果为iOS开发而发布的用于替代Objective C的语言已正式开源。这可能会刺激许多开放源代码工具，但该语言仍将主要用于iOS开发。尽管几乎肯定会在某个时候有一个JavaScript到Swift（或更可能是Swift到JavaScript）的编译器，但我敢打赌，它至少要到2017年才能在正式版本中发布。不过，今年将推出这些工具的alpha和beta版本！