2016即将过去,2017就要来临。

前阵子看到很多对2016前端领域的总结,也是有人欢喜有人忧啊。

转发了这一篇2017web的发展趋势。那么到底会是怎么样的一个发展趋势的,只好拭目以待了。

2017,希望我也能够学的更多,变得更加全面。

原文:6 Web Dev Trends You’re Going to See More of in 2017

译文:在 2017 年将会更加流行的 6 个 Web 开发趋势

每到年底,人们总喜欢展望下一年,Web 开发领域也不例外。在 Web 开发领域,技术革新的速度堪比光速,未来总是超乎我们的想象,我们只能尽自己所能做一些合理的预测。

以下是我们需要关注的一些趋势:

1.更加移动优先

响应式设计显然是目前 web 开发领域的主要趋势之一,并且这一趋势还将持续一段时间。虽然现在的响应式设计大部分还是以 PC 版优先,然而,如果有一天我们把 PC 版放到比移动版次要的位置上,也没什么好奇怪的。

许多 web 开发者已经开始转向以移动优先方案来做他们的响应式设计和开发。这象征一个重大转变,值得我们跟进。

2.更多使用快速原型开发工具

我们在 2016 年开始尝试使用快速原型开发工具,而 2017 年将是这种技术真正爆发的一年。

“UXpin、Webflow、Invision 以及其它许多快速原型开发工具,让设计师不用写一行代码,就能为网站和服务快速创建低保真和高保真原型,便于设计师衡量它们的可用性和美观性。” web 设计师Jamie Leeson says 如是说,“许多工具也允许你在浏览器中设计原型并从工具里真正启动网站自身。”

快速原型工具的一个优点是它们能让开发者/设计师与最终用户同时获益。双方能够提前对产品页面和交互达成一致,避免了最终交付的产品和用户预期的不符。

3.简化的 Web 设计

在 2016 年,我们看到简化的 Web 设计得到广泛认可。事实上极简设计成为大部分行业的主要趋势。在 2017 年,预期极简设计会继续流行,即使有变化也是一些微小的改变。

虽然页面上留白将继续被认为是有价值的,但是也不用奇怪有些网站开始回归到使用基于文本内容的文字填充。你可以找到更多类似于这样的网页,它们合理地结合了留白和文本,创造出一个视觉上简单,而信息内容很丰富的网页,也带给用户很好的体验。

4.更加重视人工智能

你已经听说了人工智能(AI),但是你对 web 设计和开发中的人工智能熟悉吗?在 2017 年,我们期待 web 与 AI 的碰撞,带来更强大的网页,为网站主和用户同时带来价值。

提供网络主机服务的 Wix,是这一领域的领头羊。他们现在提供了一个过程来询问用户一些问题,然后使用一个基于 AI 的平台根据用户的回答提供给用户最符合他们需求的 web 设计。这非常酷,值得一看。

5.更多单页站点

现在不流行那种有各种 tab 页和许多子页面的网站了。在 2017 年,你可以期待看到更多的单页站点。由于用户更喜欢用滚屏方式浏览网页,各公司将会引起重视并停止浪费时间在设计和开发用户不喜欢的层层相套的子页面上。这一趋势将简化互联网并带来更迷人和身临其境的网页浏览体验,每个人都会感觉到愉悦。

6.虚拟现实

如果要讨论 2017 年技术趋势,怎能不提到虚拟现实(VR)?2017 年将是 VR 成为主流的一年,这意味着 web 开发者将通过 VR 来吸引用户。

我们已经看到一些公司比如 Mozilla 和 Google 投资开发 VR 与 Web 之间的 API。越来越多的 VR 应用程序将在接下来的几个月里相继问世,所以如果看到越来越多的虚拟现实元素出现在 Web 上,也别觉得奇怪。

总结

当你开始做 2017 年的项目时,将这些 web 趋势铭记于心。总体的事实是在接下来几个月里,很多东西都会迎来发展和变化。多往前看一步,你可以确保你总是立足于潮流之巅。

在 2017 年将会更加流行的 6 个 Web 开发趋势的更多相关文章

  1. Android 必须知道2018年流行的框架库及开发语言,看这一篇就够了!

    导语 2017 已经悄悄的走了,2018 也已经匆匆的来了,我们在总结过去的同时,也要展望一下未来,来规划一下今年要学哪些新技术.这几年优秀Android的开源库不断推出,新技术层出不穷,需要我们不断 ...

  2. 【web开发 | 移动APP开发】 Web 移动开发指南(2017.01.05更新)

    版本记录 - 版本1.0 创建文章(2016.12.30) - 版本1.1 更正了hybird相关知识:增加了参考文章(2017.01.05): + Web APP更正为响应式移动站点与页面,简称响应 ...

  3. 回顾2017系列篇(二):移动端APP设计趋势

    移动端APP在2017年经历了诸多的变化, 人工智能.聊天式的界面.响应式设计.虚拟现实(VR)和增强现实(AR)让设计师不断面临新的挑战.研究表明,用户每天耗费在手机和平板上的平均时长为158分钟, ...

  4. Android平台一些流行的使用3D技术开发的锁屏

    题外话:从2007年android系统的发布开始,到2008年的第一款手机问世,再到现在击败塞班,wm,黑霉,然后遍地开花,2013年,智能机出货超过了功能机,android功不可没.一路走来,虽然a ...

  5. 2017 CVTE春招内推专场 C/C++软件开发岗笔试编程题

    先来一波吐槽:选择题全是不定项选择,考的内容在我看来,"反正我接受唔到咯". 比如: 1.Windows操作系统某个通信机制(具体题目忘了,反正答案我选了个熟悉的名词"消 ...

  6. 多管齐下显神威-2017逐浪CMS开启全新建站与WEB技术革命

    培训班里说百遍,不如商业场景来检验. PS.AI.JS工具齐上阵,一统逐浪CMS全网中间件. 从逐浪软件创业团队成立.到逐浪CMS产品,以企业形式运营,历经十二载风雨,作为华文世界排名第一的dotNE ...

  7. 阿里巴巴2017实习生招聘模拟题(部分)---C++后台开发方向

    1.一个机器人玩抛硬币的游戏,一直不停的抛一枚不均匀的硬币,硬币有A,B两面,A面的概率为3/4,B面的概率为1/4.问第一次出现连续的两个A年的时候,机器人抛硬币的次数的期望是多少? 9/4 11/ ...

  8. 2017最新整理移动Web开发遇到的坑

    随着前端的热度不断升温,行业对前端的要求越来越高:精准无误的实现UI设计,已成为前端职业更加精细化的一种表现:随着移动互联网的发展.WebApp似乎一种不可逾越的鸿沟:越来越多的企业开始趋势于轻量级的 ...

  9. [WEB地图] 2017高德地图API WEB开发(key申请,地图搭建)简约教程

      前端时间因为公司需要研究 了一下百度的教程 然后写个简约的笔记记录一下自己学习的收获,只为了满足自己暂时的写作热情   高德地图WEB开发(key申请.api)简约教程 1.首先我们需要去“高德地 ...

随机推荐

  1. PCA 主成分分析(Principal components analysis )

    问题 1. 比如拿到一个汽车的样本,里面既有以“千米/每小时”度量的最大速度特征,也有“英里/小时”的最大速度特征,显然这两个特征有一个多余. 2. 拿到一个数学系的本科生期末考试成绩单,里面有三列, ...

  2. 【原】webpack学习笔记

    之前在react的项目中有用过webpack,不过没有认真的去研究,这段时间又重新好好的学习一下webpack,发觉 webpack是一个很强大的东西.而且很好用,方便,接下来主要是做一下学习的笔记 ...

  3. 纯css3实现旋转的太极图

    效果图: 代码如下: <!DOCTYPE html> <html> <head lang="zh"> <meta charset=&quo ...

  4. 初识Hadoop二,文件操作

    1.使用hadoop命令查看hdfs下文件 [root@localhost hadoop-2.7.3]# hadoop fs -ls hdfs://192.168.36.134:9000/ 开始在se ...

  5. JS实现元素拖动

    实现1 参考文献:http://www.cnblogs.com/cloudgamer/archive/2008/11/17/Drag.html 1.1 拖放效果 <!DOCTYPE html P ...

  6. NGINX 配置404错误页面转向

    什么是404页面 如果碰巧网站出了问题,或者用户试图访问一个并不存在的页面时,此时服务器会返回代码为404的错误信息,此时对应页面就是404页面.404页面的默认内容和具体的服务器有关.如果后台用的是 ...

  7. rem是如何实现自适应布局的?

    http://caibaojian.com/web-app-rem.html 使用rem 然后根据媒体查询实现自适应.跟使用JS来自适应适配也是同个道理,不过是js更精确一点.使用媒体查询: html ...

  8. 【codeblocks配置】C对Mysql数据的查询

    codeblocks 编写C文件连接mysql数据库 codeblocks 设置.1.设置lib库文件: Settings->Compiler settings->Linker setti ...

  9. Why is applicationhost.config still being added to source control even thought it's in gitignore

      Why is applicationhost.config still being added to source control even thought it's in gitignore g ...

  10. 随笔 JS 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里

    JS /* * 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里 * @id 要插入到DOM元素的ID * * 输入值为图片URL 字符串 * */ function addImages(i ...