设计趋势预测2016年网页设计10大流行趋势

设计趋势预测:2016年网页设计10大流行趋势作者:一网学最后更新时间：2016-01-1114:44:48小编：新的技术和新的设计趋势预测将会在2016年逐一涌现，总的来说还是汇延续之前的设计趋势，来自Medium的设计师和老牌设计博客Designmodo对于2016的设计趋势都有自己的看法。Designmodo对2016年预测的设计趋势有10种，其中许多确实和Medium“所见略同”。让你看的更明白。垂直滚动随着移动端流量一而再再而三的爆发，网页设计开始越来越明显地向着移动端倾斜，更加直接的垂直滚动式的页面成为了大势所趋。几年前，垂直滚动式的页面一度流行过，当时许多人对于这种“过于简单”的页面设计手法并不看好，可是移动端扁平化风潮之后，移动端正是上位，垂直滚动页面设计卷土重来，杀出了一片天地。移动端上，页面滚动对于用户而言是一种直觉式的交互，这样一来，垂直滚动式的页面就显得更加自然直接了。更多的卡片式界面卡片式界面设计是MaterialDesign启发下逐步流行开的设计手法，它最早出现于APP设计，随后在网页设计中开始流行，甚至影响到许多平面设计作品。卡片式界面是一种有趣又有用的创举，因为卡片的存在可以更好地组织信息，还能让用户更清晰地交互。卡片式设计暗合了模块化设计的思想，从结构到视觉上均是如此，这也使得它轻松地成为了跨设备交互的一种载体，堆叠、移动、传输均可以有逻辑、清晰地完成。视频背景/视频页头视频背景的设计趋势一直在升温。让网页浏览拥有观看电影一样的用户体验，这是设计师一直期待的事情，但是由于数字设备的性能短板，在很长的一段时间里面，设计师没法实现自己的构想。但是现在不一样了，手机和电脑的处理能力已经相当不错了，短视频背景也可以在手机电脑上流畅地播放。另外，智能电视的普及，使得视频的运用有了更大的空间，和更多的可能性。小动效和视频背景一样，动效也是目前的热门趋势。视频背景吃对带宽的要求更高，而小动效则是名副其实的吃性能，还好对于目前的数码设备而言并不会有太大的压力。小动效可以在网页的各个角落出现，将用户的注意力有意识地吸引到特定的地方，让用户流连，产生足够的惊喜，带来愉悦的体验。当然，动效设计中最重要的因素，是动效设计的目的：为什么要设计这么一个动效，它真正的目的到底何在？专注于交互同小动效关联最紧密的应该是交互。让应用和界面同用户真正产生关联的是交互，它是沟通的桥梁。真正优秀的交互是润物细无声的，它可以不明显，可以很微妙，但是一定要自然，并且为用户产生效用。从最简单的提醒，到复杂而漂亮的弹出框，从显而易见的操控界面，到微妙的回弹微交互，交互设计界定了人和机器之间的逻辑关系，将界面、动效、内容、操作串联到一起。现在设计师们更加注重统一的交互设计，也着迷于如何将微交互和动效充分地结合到一起，相信在新的一年里，这也是大家所关注的重点。插画和涂鸦插画和涂鸦往往能让网页显得妙趣横生，将奇思妙想注入其中。插画的类型很多，风格多样，大到整页的背景，小到页角的图标，都可以是插画。插画和涂鸦最美妙之处在于，它会赋予网页以性格，让它更加个性化。也正是这种个性化，往往能同用户产生共鸣，而这也是它走向流行的重要基础。大胆明亮的色彩复古一直都在流行。而复古色的流行，很明显是近几年回潮的几种流行元素之一。MaterialDesign和扁平化的流行，给予了80年代风的大胆、明亮的色彩以全新的舞台。在过去的2015年当中，单色的网站设计中，这些明亮的色彩已经得到了验证，用户并没有抵触。而在2016年里面，这些色彩可能会重现80年代的氛围。更多的汉堡图标和标识图标从来都是重头戏，炫技用图标，做网页设计、UI设计、平面设计也都需要各式各样的图标来做支撑。越来越多的UIKit开始加入图标，而图标合集也开始将各大图标设计项目整合进来，打包下载，甚至制作成独立的图标工具。得益于SVG的格式优势，许多超大图标也可以以更小的体积运用到网页和UI中。现实和想象之间的边界逐步模糊网站一定要设计成现实的，或者全是动画的么？在网页设计这个事情上，现实和想象之间的边界会越来越模糊，现实的素材和想象的元素会在一个界面中糅合，以一种更富有张力的方式呈现出来。其实这种现实和虚拟的内容整合式的呈现，会赋予网页更加个性化的浏览体验，对于设计师而言，这种手法的设计空间更大。幻灯片式网页设计网站的轮播图并不是什么新鲜的东西，但是如果将它扩展到整个屏幕，就会形成类似幻灯片一样的页面。每个占据整个屏幕的幻灯片可以承载不同的内容，不一样的设计，可以制作成滚动式的页面，也可以加入延时动效。用户可以左右滑动切换幻灯片，这是一种接近物理现实的交互体验。和许多设计趋势一样，这样的网页设计更加简约、直觉。原文地址：designmodo译文作者：陈子木推荐阅读：从“头”做起！解析20个出色的网站页头设计优秀的界面设计需要注意的40个准则【网页设计教程】岛国福利:12个免费可商用的日本图库网站【一网学原创文章投稿邮箱：[e-mail]】点击：3关键字：设计趋势网页设计流行趋势