随着2016年的到来，许多新的设计趋势也逐渐揭开神秘的面纱。网页设计的世界总是在不断变化，新的工具、工作流程和有用的布局有助于开发。我们很难准确预测什么趋势将引领新的一年。最近的历史表明，趋势可以像野火一样开始。我总结了2015年可能会持续到2016年的一些独特趋势。1.用于UI设计的Sketch应用程序Sketch正在迅速取代Photoshop来完成从低保真线框到高保真模型和设计图标的所有UI设计任务。Sketch应用程序是专为网络和移动设计人员打造的Mac应用程序。它具有您期望从轻型、易于使用的软件包中获得的功能、灵活性和速度。使用此应用程序，您可以专注于创建最佳设计。它提供了一个流畅的工作环境，为任何界面提供了巧妙的矢量元素，并具有许多您期望从Photoshop获得的功能，例如文本效果和图层样式。如果Sketch能够继续提供最好的UI设计体验，那么它在2016年及以后都会继续辉煌。2.基于浏览器的IDE桌面IDE已经存在了几十年，从Notepad++到Xcode和VisualStudio。IDE通过提供建议和语法高亮等功能使我们更容易编写代码。在IDE中编写代码非常简单易读。但传统的IDE是作为桌面应用程序分发的。基于浏览器的云IDE在过去几年发生了巨大变化。我们不再需要网络浏览器以外的任何软件，因为浏览器允许设备对来自任何可以访问互联网的计算机的代码进行操作。云IDE的功能更像Web应用程序，您可以将代码保存到您的帐户以进行共享或个人存储。CodePen是目前最先进的IDE，支持HTML/CSS/JS，并且有像Jade/Haml和LESS/SCSS一样的自定义预处理。CodePen专注于Web前端。它可以显示您的最新创作并从其他网络资源中获得反馈。为恼人的错误创建一个测试用例。您还可以在CodePen上找到项目的设计模式和灵感。3.卡片式布局（cardlayout）网站的卡片式布局在几年前由Pinterest推广，从此成为内容重度网页的一种趋势。像jQueryMasonry这样的免费插件可以用来模仿这种布局风格，动画卡片可以适应不同的高度和宽度。卡片布局最适用于包含大量信息但又希望能够浏览的页面。GoogleNow使用卡片布局来宣传其应用程序。您可以将卡片布局视为许多动态网格。网格中只显示最简洁和最重要的内容。这些内容项组合起来形成一个基本列表。在线杂志就是很好的例子，例如UGSMAG和TheNextWeb，它们使用卡片布局来展示他们最新的帖子和内容。4.自定义解说员视频各种类型和规模的组织都倾向于使用自定义解说员视频。使用CrazyEgg等动画制作这些视频。即便如此，不同的视频还是依赖于真实的镜头，例如InstagramDirect。解释视频的目的是解释产品或服务的工作原理。访问者可能浏览了一系列功能，但仍然不知道如何操作该产品。另一方面，视频可视化可以在短短几分钟内一个一个地解释功能，并涵盖所有重要的功能。底线是人们更喜欢看视频而不是阅读文章。他们很容易从视频中理解你想表达的意思。如果您想尝试制作自定义解说视频，请访问这里的Udemy课程。这是一门专注于着陆页设计视频教程的深度学习课程。Udemy课程不仅会解释如何使用动画视频软件，还会向您展示如何使用视频来吸引和隐藏访问者。5.实时产品预览由于网络速度的提高和浏览器功能的扩展，登录页面设计发生了翻天覆地的变化。我注意到的一个大趋势是在主页或自定义登录页面上添加实时产品预览。以Slack的产品页面为例。视频演示和矢量图形覆盖了它的界面。这些产品预览旨在让潜在用户一目了然地了解产品的工作原理。不仅是消息，所有文件、图像、PDF、文档和电子表格都可以放入Slack并与任何你想要的人共享。您可以添加注释，为它们加注星标以供日后参考，并且完全可以搜索。6.自动化任务运行器前端开发的世界发生了翻天覆地的变化，出现了一系列新的网站创新最佳实践。任务运行器/构建系统，例如Gulp和Grunt，越来越广泛地用于替代以前需要大量手动工作的任务。自动化是快速周转和高质量代码的命脉。众所周知，机器不会出错，因此自动化程度越高，问题就越少。这些工具基本上运行JS代码，使部分工作流程自动化——无论是自定义JS代码还是由其他人编写的脚本。7.用于设计的协作工具即时消息和群聊已经存在了十多年。人们喜欢这个功能，他们可以继续使用它。但是，这些资源传统上依赖纯文本附加文件来实现某些功能。但我们谈论的是未来，一个新兴趋势是在聊天应用程序中共享实时设计文档。值得注意的是一个示例，其中创新和评论可以分层放置在文档之上。它通过快速迭代提供更好的界面。从草图到完全编码的网页，Notable让团队在设计过程的每一步都能更快地获得反馈。Slack是当下最流行的聊天应用程序，支持许多类似的功能。8.响应式前端框架Bootstrap等前端框架已经存在了相当长的一段时间，并将继续显示其价值。响应式设计，受制于它成为框架的方式，可以是前端代码，而不仅仅是后端（Django、Laravel等）。进入2016年，我认为我们将阅读更多有关响应式前端框架及其在Web项目中的价值的内容。并且在接下来的一年里，可能会发布很多带有前端框架的应用，比现在的更强大。许多设备都在热切期待Foundation6的发布和Bootstrap4的V1公开版本。9.更加关注UX设计UX设计是通过提高可用性、可访问性以及用户与用户之间交互的乐趣来提高用户满意度的过程。产品。随着更多设计师和开发人员的关注，UX设计领域将继续快速发展。UI设计是UX设计的一部分，但不是最终目标。UI是手段而不是目的，最终目标是提供出色的用户体验。用于这些目的的当前资源是UXStackExchange和免费的UX电子书。如果您还没有涉足用户体验，现在是学习和理解UX原则如何应用于所有数字界面窗口的绝佳时机。10.支持触摸网站功能的智能手机浏览器，支持所有网站的触摸功能保持反向相似。我们还可以看到更多的插件和自定义元素被添加到站点中，重点关注特定对象的触摸事件。我们希望网站支持触摸。而这类网站也会因为其独特的特点而增加流量。Photoswipe和Dragend.js等内置插件可处理触摸屏上的滑动和点击手势。Web开发人员不仅必须能够构建响应式网站，还必须能够构建支持触控的网站。这些插件提供触摸功能，但网站需要有额外的手势功能。如果您进行更多搜索，您会发现一些非常令人印象深刻的、特定于Web的内置功能，这些功能完全依赖于触摸事件。这些是2016年即将到来并不断发展的网页设计趋势，旨在让网站建设变得更容易、更简单。翻译链接：http://www.codeceo.com/article/2016-10-web-design-trends.html英文原文：10TrendsThatWillShapeWebDesignCome2016
