再战明年！2016年火热的16个网页设计趋势

设计趋势每年都在改变，出于各种原因，有的设计趋势在演进中逐渐消失，有的则在大家的熟练运用过程中渐入佳境，甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构，我们对于所有相关的技术和设计趋势都极度敏感。通过过去一年的观察，我们可以总结出下面16大设计趋势。

2016年，设计的大方向将继续向着用户倾斜。用户体验在整个设计中的权重将继续加大。如果你的设计在可用性上不足的话，再炫酷也不会有人问津。

如果不能专注地做好用户体验设计，在即将到来的2016年，你是无法持久地吸引用户的。无论是谷歌在算法上的变更，还是用户行为数据的变迁，都指向同一个方向：你的网站必须加载得更快，也必须更加易用。

对于电商网站而言，加载速度的影响会更为明显，因为加载速度每延迟一秒，就意味着27%的销量流失掉了。其他的网站也类似，只不过产生的影响不尽相同。

时至今日，响应式网页设计不再是一个可选项，而是必选项了。移动端无疑已经是真正意义上的“第一屏”了。不同类型不同尺寸的屏幕让设计师们面临的界面是真正意义上的“碎片化”的屏幕选项，所以响应式不得不为之。

对，你必须得让你的设计可用，这样一来，你就必须让所有屏幕都可以正常显示。值得注意的是，作为目前的一项铁律，如果你的网站用手机打开而无法正常浏览的话，通常意味着你需要修改和调整了。

在即将到来的2016年，响应式是必须品，不存在某个尺寸或格式能够搞定所有问题，并且变得响应式的将不仅仅是网页本身，还有LOGO、Banner等所有相关元素。最值得学习的案例就是Netflix了，全面响应式的设计，让你彻底告别拉伸和马赛克。

网页设计早就应该向APP设计学习了，它应该更加高效，更低干扰，应该能提供定制化的用户体验。

随着网络的膨胀和网络空间的饱和度的增加，设计和策划人员也开始在网页的个性化浏览上下功夫，添加更多具备“排他性”的特性。

你要学会移除非必须的信息，让用户可以尽可能快地同你的网页内容进行交互。

有些用户已经开始厌倦汉堡菜单和导航图标，但是这种情况仅仅只是开始，因为菜单正在进化为越来越智能。

采用隐藏式导航的网页正在逐步增多，这也许很快会成为一种常态。这一设计出现的理由是，这样的设计可以让用户更少被非关键信息所干扰。

但是，即使我们看不到菜单的存在，但是告诉我们，菜单一定是存在的，因此我们无需为此担心——因为当我们需要它的时候，菜单会在合适的地方出现。

专家还预测，未来的菜单可能是多方向滚动的，不过就目前而言，这并没有明确的标准，未来会有各种可能性。

没人会喜欢翻看文章的时候，发现导语又臭又长，是吧？那么在网页上，最好的呈现方式是提供一份简短版本的导语，然后设计前来救场：提供一套模块化的布局方案。

模块化设计之下，每个部分都会划分成为独立的区块，便于操作。但是这一的设计并不会显得单调，相反，它更加难于预测，它可能会将内容以更让人感兴趣、更适宜于探索的方式呈现出来。

就像读杂志一样，用户的实现会从一个内容区块跳转到另外一个区块，从一种类型跳转到另外一种类型。

这也是网页设计最近开始流行的一种玩法，模块化滚动页面设计。网页被划分成许多独立的模块，每个模块内的滚动交互独立于其他的模块。

听起来太过复杂？这倒不然，实际上你可能会在某些网站中看到过类似的状况，侧边栏的滚动速度和页面正文的滚动速度不同。当然，在模块化滚动的页面中，这种状况会更加明显，特性也更加显著。脑补一下，两栏式页面，两列内容单独滚动，就像下面这个案例：

当然，这一切始于无限滚动这一页面设计技术，最典型的就是Pinterest、Facebook和Twitter。

模块化无限滚动也是基于一个相同的假设：向下滚动总是更容易的操作，用户不用停下来点击翻页。这也难怪越来越多的用户沉迷于这种交互模式。

实际上Material Design 的推出可以追溯到2013年，但是它的流行真正开始于2015年。如果你仔细观察过各个领域的设计风格的改变，你会发现 Material Design 开始大规模地出现在网页、APP甚至艺术作品当中，我们可以预见到 2016年 Material Design 设计风格的爆发式流行。

严格意义上来说，Material Design 算是扁平化设计中的一个分支，它有着典型的“纸”的隐喻。广泛意义上的扁平化设计依然非常流行，甚至可以说是非常受欢迎。

近几年扁平化的风潮之下，许多品牌也都开始选择简约现代而扁平的风格，视觉设计也大都秉承少即是多的理念。

扁平化设计的优势很明显，这些优势主要体现在用户体验上，他让网页更加轻量自由，降低负担，提升加载时间。

扁平化设计和幽灵按钮等时下流行的设计元素可以很好地配合起来，随着时间的沉淀，类似Material Design的轻量级阴影的加入到扁平化设计中，通常我们称之为扁平化2.0。

一图胜千言，相比于长篇大论的文字，视觉化的故事呈现方式会更加直观，也更符合时下的文化特征于用户的阅读习惯。我想下面的数据会给你更多的信心：

·全球范围内有1亿人每天至少观看一个视频

·网站访客中64%的人会在观看视频后选择购买

·80% 的观众会在持续观看一个广告30天后选择购买

·92%的人有观看视频之后分享的行为

·人类处理视觉元素的速度比文字快6万倍

信息图是近年来每年都在增长的一种设计手法，信息图以更加视觉化的方式呈现出信息和数据，让用户更容易接受。信息图的火热除了本身的优势之外，造成它流行的的原因很大程度上源自于社交网络、SEO和内容营销的大量需求。

2016年，信息图肯定会进一步发展，信息图的模板会更加多样绚丽，也许你会看到更多有趣的扁平风插画和艺术化的表达，也许信息图会和大数据进行更紧密的结合。

不论是帅气的网站还是令人印象深刻的信息图，炫酷的字体排版似乎已经成为标配了。漂亮的字体排版已经成为品牌化表达的重要手段，是呈现性格的实用手段。

其实字体排版本身就是一门语言。在几年前，通常只有专业的平面设计师能玩转它，不过随着各类字体的广泛流行，使得许多并不精通字体设计的设计师也可以搞定字体排版。

现代复古风绝对够酷。从20世纪初到90年代之间所流行的各种元素在现在看来是非常复古的，像素艺术、巨大的移动电话，Tron等等这些元素时下的现代风结合到一起，构建出一种独特的复古氛围，有底蕴，有层次，非常Geek。

丰富的用色并不是越多越好，这里说的是接近80年代风格的彩虹式用色，多个类似蜡笔的低饱和度色彩协调地搭配到一起，营造出一种愉悦而活泼的氛围，这种配色方式你可以在2016年春的潘通时尚流行色报告中得到印证。

栅格化布局将会成为CSS语言规范中的一部分。栅格不仅主宰着网页设计，还影响着平面设计，这种最早源自于瑞士的现代主义运动的设计方式的确有其独到之处。另外一个值得一提的是几何形状的运用。

几何形状在网页设计和平面设计中都是非常有效的装饰元素，它同时下流行的各种设计元素和设计技巧都可以无缝地搭配在一起，着也是它成为设计趋势的重要原因之一。

在网站中引入图库其实是一件非常无聊而原理的一种方式。虽然图库网站很多，但是你会发现大家挑的图片总是那几个。这也是为什么许多图库类的网站都在力图推荐真正流行的、高素质的图片。

虽然有数以百万计的图片可供选择，不过越来越多的设计师开始选择自己拍图，甚至亲自手绘来搞定问题。

视频背景和动态图背景也是目前正在流行的趋势之一，2016年将会有更多的网站选择这样的设计。

当然，GIF图在社交网络上通常作为动态表情而存在，那些内涵十足的内容拥有着强大的传播力。

medium

译文地址：优设

优设译文：@陈子木

美洲杯不是两年一届吗?为什么下一届是明年(2016年)?
答：美洲杯现在是四年一届，不是两年一届。2015年刚好四年举办了之后，2016年刚好是美洲杯成立的一百周年，因此为了庆祝百年美洲杯隔一年又举办了。1916年7月2日至7月17日于阿根廷举行首届赛事，同时为了庆祝阿根廷独立一百周年，该届赛事安排在独立日内进行。美洲杯赛事举行的时间常常出现变化，现在每4年举行...

2016年nba总决赛 什么时候举行的?
答：6月14日，勇士主场再战骑士，上半场比分持续焦灼，半场过后，双方61:61打平。不过在下半场，博古特盖帽后落地左膝受伤，痛苦倒在篮下，再加上格林禁赛，勇士队失去了内线优势，骑士打出了一波流接管比赛，詹姆斯此役获得41分16个篮板7次助攻，凯里·欧文高效命中，砍下41分6次助攻，此役，骑士队挽救了一...

2016年的高考又有几个省份将使用全国卷,该数学试卷最后一题为选做题...
答：是否更公平?根据教育部办公厅近日发布的通知，安徽等7省市从明年起普通高校招生统一考试将使用全国卷，这是各地高考使用全国统一卷的最新动态。实际上，在2014年《国务院关于深化考试招生制度改革的实施意见》公布后，恢复“全国一张卷”成为改革大趋势。2014年全国有16省市实行分省命题，统一命题的有15个;...

2016年苏州当兵的要求 明年满18 想当个兵 想了解下有什么要求 O(∩_∩...
答：大专为23岁，本科为24岁。 对入伍青年仪容的要求——有染发、纹眉、纹身、打鼻孔等青年将不能入伍。军队是特殊机构,有严格的要求,尤其是在军容风纪上,要保持军人的严肃性。国防部征兵办公室对体检标准进行了调整，主要有四个方面：一是身高标准的调整，男青年的身高标准由162厘米以上，调整为160厘米以上...

2016年NBA总决赛第六场那一个队胜利看了的,说下谁胜了。
答：总决赛：勇士3-3骑士 背水一战的骑士回到主场再战勇士，状态火热的骑士首节便打出31-11的单节得分并早早取得大比分领先，下半场勇士依靠着水花兄弟的三分曾将比分追至个位数，奈何詹姆斯末节砍下17分4次助攻挡住了勇士的反扑狂潮。最终，主场作战的骑士115-101击败勇士扳平总比分。

2o16年小型盆花市场前景怎样
答：据前瞻产业研究院《2016-2021年中国花卉行业市场需求预测与投资战略规划分析报告》显示， 近年，中国城市化大力发展，使得苗木市场一片火热。大力发展所带来的负面影响便是盲目跟风、过度开发引起的一系列生态、经济问题，而要解决问题，国家又不得不出台政策。大型苗木的交易与国家政策息息相关，从城市绿化、...

2o16年中国女排和泰国女排回放
答：5月10日首场比赛朱婷缺阵，惠若琪打满三场结果中国女排2-3惜败泰国。北京时间5月11日消息，2016年中泰女排第二场热身赛今天上午结束，郎平挂帅、朱婷等全主力出战的中国女排3-0完胜加提蓬执教的泰国女排，三局比分为25-14、25-20和25-20。双方约定再战第四局，郎平锻炼丁霞、龚翔宇、张晓雅、王梦洁，...

2016年3月16日亚冠广州恒大比分
答：北京时间2016年3月16日晚19:30，2016赛季亚冠联赛H组展开小组赛第三轮较量。两轮过后仅积1分的卫冕冠军广州恒大坐镇天河体育中心迎战浦和红钻。上半时，高拉特在10分钟内连下两城；但随后，曾诚出现低级失误，被武藤雄树捡漏扳回一分；下半时恒大屡失良机，终场前被兴梠慎三扳平比分。最终，广州恒大...

从0-2到2-2!德甲又1疯狂进球大战 16年神奇纪录就此诞生
答：开场仅仅4分钟，主场作战的科隆就进入状态，前锋乌特利用个人能力杀入禁区，造成美因茨后卫犯规送出点球，他亲自操刀将球打入死角，科隆1-0取得领先。最近8轮比赛，28岁的乌特送出5球4助攻，一共制造9个进球，创造了球队16年来的新纪录。事实上，美因茨也有破门良机，第10分钟博埃蒂乌斯接到队友的倒三角...

15-16年nba西决第6场库里投了几个三分
答：15-16年nba西决第6场库里投了6个三分。2016年5月29日，NBA西部决赛第六场比赛，勇士在客场以108-101击败雷霆，将西部决赛系列赛总比分追为3-3平。本场比赛汤普森投中11个三分球砍下41分，创造新的历史季后赛单场三分球命中数纪录。库里拿了29分、10个篮板和9次助攻，他命中6记三分，其季后赛...