2016年最值得存眷的16个网页设计趋势


编辑/ SCIASCIA @吸睛力

设计趋势每年都在改变,出于各类原因,有的设计趋势在演进中逐渐消掉,有的则在大年夜家的闇练应用过程中渐入佳境,甚至慢慢褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相干的技巧和设计趋势都极端敏感。经由过程以前一年的不雅察,我们可以总结出下面16大年夜设计趋势。


1. 可用性设计

2016年,设计的大年夜偏向将持续向着用户倾斜。用户体验在全部设计中的权重将持续加大年夜。如不雅你的设计在可用性上不足的话,再炫酷也不会有人问津。

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

当然,这一切始于无穷滚动这一页面设计技巧,最典范的就是Pinterest、Facebook和Twitter。

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

2. 响应式设计

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

对,你必须得让你的设计可用,如许一来,你就必须让所有屏幕都可以正常显示。值得留意的是,作为今朝的一项铁律,如不雅你的网站用手机打开而无法正常浏览的话,通平平易近味着你须要修改和调剂了。


期近将到来的2016年,响应式是必须品,不存在某个尺寸或格局可以或许搞定所有问题,并且变得响应式的将不仅仅是网页本身,还有LOGO、Banner等所有相干元素。最值灯揭捉习的案例就是Netflix了,周全响应式的设计,让你彻底拜别拉伸和马赛克。

有些用户已经开端厌倦汉堡菜单和导航搁笔,然则这种情况仅仅只是开端,因为菜单正在进化为越来越智能。

跟着收集的膨胀和收集空间的饱和度的增长,设计和策划人员也开端在网页的个性化浏览高低工夫,添加更多具备“排他性”的特点。


4. 更智能的菜单

16. 视频和GIF图

10. 信息图

采取隐蔽式导航的网页正在慢慢增多,这也许很快会成为一种常态。这一设计出现的来由是,如许的设计可以让用户更少被非关键信息所干扰。

然则,即使我们看不到菜单的存在,然则经验告诉我们,菜单必定是存在的,是以我们无需为此担心——因为当我们须要它的时刻,菜单会在合适的处所出现。

专家还猜测,将来的菜单可能是多偏向滚动的,不过就今朝而言,这并没有明白的标准,将来会有各类可能性。

这也是网页设计比来开端风行的一种弄法,模块化滚动页面设计。网页被划分成很多自力的模块,每个模块内的滚动交互自力于其他的模块。

没人会爱好翻看文┞仿的时刻,发明导语又臭又长,是吧?那么在网页上,最好的出现方法是供给一份简短版本的导语,然后设计前来救场:供给一套模块化的构造筹划。

11. 炫酷的字体排版

模块化设计之下,每个部分都邑划分成为自力的区块,便于操作。然则这一的设计并不会显得单调,相反,它加倍难于猜测,它可能会将内容以更让人感兴趣、更合适于摸索的方法出现出来。

就像读杂志一样,用户的实现会年腋荷琐内容区块跳转到别的一个区块,大年夜一种类型跳转到别的一种类型。



6. 无穷滚动和模块化设计

视频背景和动态图背景也是今朝正在风行的趋势之一,2016年将会有更多的网站选择如许的设计。

模块化无穷滚动也是基于一个雷同的假设:向下滚动老是更轻易的操作,用户不消停下来点击翻页。这也难怪越来越多的用户陷溺于这种交互模式。


7. Material Design


8. 扁平化设计

实际上Material Design 的推出可以追溯到2013年,然则它的风行真正开端于2015年。如不雅你细心不雅察过各个范畴的设计风格的改变,你会发明 Material Design 开端大年夜范围地涌如今网页、APP甚至艺术作品傍边,我们可以预感到 2016年 Material Design 设计风格的爆发式风行。

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

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


·92%的人有不雅看视频之后分享的行动

扁平化设计的优势很明显,这些优势重要表如今用户体验上,他让网页加倍轻量自由,降低包袱,晋升加载时光。

扁平化设计和鬼魂按钮等时下风行的设计元素可以很好地合营起来,跟着时光的沉淀,类似Material Design的轻量级暗影的参加到扁平化设计中,平日我们称之为扁平化2.0。





9. 视觉化的故事出现

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

一图胜千言,比拟于长篇大年夜论的文字,视觉化的故事出现方法会加倍直不雅,也更相符时下的文化特点于用户的浏览习惯。我想下面的数据会给你更多的信念:

网页设计早就应当向APP设计进修了,它应当加倍高效,更低干扰,应当能供给定制化的用户体验。

·全球范围内有1亿人天天至少不雅看一个视频
·网站访客中64%的人会在不雅看视频后选择购买
·80% 的不雅众会在持续不雅看一个告白30河汉选择购买
·仁攀类处理视觉元素的速度交手字快6万倍



信息图是近年来每年都在增长的一种设计手段,信息图以加倍视觉化的方法出现出信息和数据,让用户更轻易接收。信息图的火热除了本身的优势之外,造成它风行的的原因很大年夜程度上源自于社交收集、搜刮引擎优化和内容营销的大年夜量需求。

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

如不雅不克不及专注地做好用户体验设计,期近将到来的2016年,你是无法持久地吸引用户的。无论是谷歌在算废喔赡变革,照样用户行动数据的变迁,都指向同一个偏向:你的网站必须加载得更快,也必须加倍易用。


3. APP设计入侵网页设计范畴

5. 模块和模块化文本

扑晡仓体排版本身就是一门说话。在几年前,平日只有专业的平面设计师能玩转它,不过跟着各类字体的广泛风行,使得很多并不精晓字体设计的设计师也可以搞定字体排版。


12. 现代复古

现代复古风绝对够酷。大年夜20世纪初到90年代之间所风行的各类元素在如今看来是异常复古的,像素艺术、巨大年夜的移动德律风,Tron等等这些元素时下的现代风浇忧⒔一路,构建出一种独特的复古氛围,有底蕴,有层次,异常Geek。

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


13. 丰富色彩



14. 栅格和几何外形



近几年扁平化的风潮之下,很多品牌也都开端选择简约现代而扁平的风格,视觉设计也大年夜都秉承少等于多的理念。

栅格化构造将会成为CSS说话规范中的一部分。栅格不仅主宰着网页设计,还影响着平面设计,这种最早源自于瑞士的现代主义活动的设计方法切实其实有其独到之处。别的一个值得一提的是几何外形的应用。

几何外形在网页设计和平面设计中都是异常有效的装潢元素,它同时下风行的各类设计元素和设计技能都可以无缝地搭配在一路,着也是它成为设计趋势的重要原因之一。


15. 干掉落图库

在网站中惹人图库其实是一件异常无聊而道理原创的一种方法。固然图库网站很多,然则你会发来岁夜家挑的图片老是那几个。这也是为什么很多图库类的网站都在力争推荐真正风行的、高本质的图片。

固然稀有以百万计的图片可供选择,不过越来越多的设计师开端选择本身拍图,甚至亲自手绘来搞定问题。

当然,GIF图在社交收集上平日作为动态神情而存在,那些内涵实足的内容拥有着强大年夜的传播力。

VIA:优设


发表回复