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. ADS1.2安装教程

    工具/原料 ADS1.2 ADS1.2安装教程 1 在安装包内找到”Setup“,点击安装. 点击”Next“.然后进入License Agreement ,点击”Yes“. 点击了Yes之后,我们选 ...

  2. Java 性能优化技巧集锦

    摘要: =================================== 可供程序利用的资源(内存.CPU时间.网络带宽等)是有限的,优化的目的就是让程序用尽可能少的资源完成预定的任务.优化通常 ...

  3. centos Apache、php、mysql默认安装路径

    apache: 如果采用RPM包安装,安装路径应在 /etc/httpd目录下 apache配置文件:/etc/httpd/conf/httpd.conf Apache模块路径:/usr/sbin/a ...

  4. oc必须知道的知识点

    id数据类型 1.通用的指针类型 2.没有*号 3.使用id类型时,不能给对象的属性或成员变量进行赋值 4.可以对其发送任何(存在的)消息   import与@class的区别 1.import会包含 ...

  5. cmake 编译 c++ dll 的一个例子(更新1)

    CMakeLists.txt project(xxx) add_library(xxx SHARED xxx.cpp) add_executable(yyy yyy.cpp) target_link_ ...

  6. RGB to HSI, HSI to RGB Conversion Calculator

    The RGB color model is an additive system in which each color is defined by the amount of red, green ...

  7. FBX

    http://docs.autodesk.com/FBX/2014/ENU/FBX-SDK-Documentation/index.html http://forums.autodesk.com/t5 ...

  8. CentOS6.x安装配置nginx

    nginx安装 nginx的官网:http://nginx.org/   相应下载页面:http://nginx.org/en/download.html   我这里使用nginx的yum在线安装 w ...

  9. jquery满屏滚动代码

    //获取显示器宽度 .高度 $screenW = document.body.clientWidth; $screenH = ; $BTimer = ; // 时间周期 $liSize = $(&qu ...

  10. Struts2源码浅析-ConfigurationProvider

    ConfigurationProvider接口 主要完成struts配置文件 加载 注册过程 ConfigurationProvider接口定义 public interface Configurat ...