跳转到主要内容

2016年最热门的网页设计趋势

就像其他设计领域一样,网页设计的趋势也随着时间的推移而变化。然而,与其他许多领域不同的是,网页设计有一个无情的驱动力在改变:技术。因为这个平台的基础是不断变化的,网页设计的一些趋势是改进的结果,尽可能多地反映了不断变化的品味。

在网页设计方面,2015年是有趣的一年。网页设计师的视觉景观基本上和2014年一样,只是对过去几年流行的极简主义手法进行了改进。然而,在网页美学处理的背后,网页一直在悄然发展。

支撑大部分产品的技术平台一直在发展。这部分已经在改进web浏览器本身的形式,和进一步迁移从桌面浏览移动设备消费的原则方法,但也已基本成熟了一些最受欢迎的库和框架中发现大多数web的目的地。

以Modernizr为例,它们已经完成了一个进化到下一个阶段的过程,在浏览器不断改进和发展的过程中,它们有效地后退一步,重新创造自己,以保持对网页设计师和开发者的有用和相关。

了解如何为苹果所有的新屏幕尺寸设计应用程序

所有这一切都意味着,现在的网络比以往任何时候都更能成为设计师们的游乐场,他们可以突破可能性的界限,尝试新颖的用户界面,并以创造性的、令人兴奋的方式利用所有可能性的力量。

以下是我们认为的2016年网页设计的主要趋势。你同意吗?我们是否错过了任何即将到来的时尚或技术?请在下面的评论中告诉我们你的想法!

01.CSS3将最终影响布局

2016年网页设计趋势

Flexbox的解决方案展示了Flexbox的一些使用场景

浏览器对CSS3的支持在过去的几年里一直在增长,我们终于达到了一个阶段,一些新奇的新CSS3布局模块可以在野外安全地使用。当然,仍然有一个填充和退路的地方,但像CSS3 Flexbox(灵活的框布局)可以由所有流行浏览器的最新版本来处理。

可以肯定的说,喜欢Flexbox不会彻底改变布局在任何戏剧性的意义上的美学——Flexbox布局模式,提供了一个简单的解决方案是使用现在在网络上很长一段时间,但它会使更快的渲染页面更容易维护,和更少的黑客,所以我们很可能会在布局中看到更多的创造性。

在趋势布局可能不会有很大的改变(尽管见趋势05!),但是支持它们的代码会变得更简单和更可靠

02.材料设计将占主导地位

2016年网页设计趋势

材料设计市场如雨后春笋般涌现,跨越了移动/桌面的障碍

在过去的12个月里,在采用谷歌的材料设计作为UI呈现和开发的基础方面出现了一些变革。这一趋势反映了智能手机成为超越台式机或笔记本电脑的首要上网设备的趋势。虽然它不再是“新”的,但随着材料设计的广泛采用和大量扩展和套件的出现,它已经成熟了。

在趋势:期待看到材料出现在用户界面设计中,就像过去Bootstrap所发生的那样。

03.Cinemagraphs将会成熟

2016年网页设计趋势

Cinemagraphs吸引了用户的注意力,由于flixel.com等专门的工具,它变得越来越流行

Cinemagraphs并不是什么新鲜事;以目前的形式,它们已经面世好几年了,但在2015年的几次活动中,它们被带到设计师的头脑和消费者的胃口的最前沿。发生的主要事情是苹果最新款iPhone上的“实时照片”功能。这些哈利波特式的图像捕捉了照片中的一个小运动,所以当你看到静态的照片时,就会觉得像活了一样。Cinemagraphs提供了类似的视觉效果,因此,随着社交媒体开始充斥自制的现场照片,广告商和内容制作者开始认识到这些图片所具有的吸引力。

第二个促使人们重新产生兴趣的变化是,支撑这种效应的技术得到了改进。随着HTML5 Canvas的普及,特效可以实时渲染,而无需加载传统GIF动画时的巨大开销或颜色限制。事实上,现在有很多商业工具都是专门用于制作cinemagraph的,比如handyflixel.com

在趋势期望看到很多有运动的照片,同时继续提供静态图像的好处。

04.少一些照片,多一些插图

2016年网页设计趋势

插图允许观众创造自己对场景或想法的解释,并比完美的模型照片更容易连接,就像从Mint设计的这个例子中看到的

我们即将结束一个时期,一个很好的比例的网站功能的照片标题横跨视口。这似乎与我们预测的第三个趋势相反,但这两件事实际上反映了同样的进程,即从一个光鲜亮丽但却难以接近的乌托邦,到以一种更个性化、更有联系的方式吸引用户的图像。

我们期待这是以摄影的插图形式的形式,因为用例证往往更容易把自己放在场景中,而不是照片特色可怕的衣服,完美的模型。我可以听到你抗议,这正是你的生活就像是什么样的,而是对于大多数人来说,这是一个与自己的经历不一致的虚假,他们对差异很明智!

在趋势:照片将被更贴近的插图取代,这些插图将以更个性化的方式与观众联系起来。同时,网站设计可能会恢复到固定宽度的布局。

05.颜色和排版将变得更大胆

2016年网页设计趋势

字体变得大而大胆(图片由Tom Gabor提供)

使用颜色作为品牌推广的手段是一种重要的营销手段,正如有效使用排版来加强价值和传达重要信息一样。每个设计师都知道这一点,但选择往往受到技术上的限制(在字体和排版布局的情况下),以及公司的“安全”。我们希望这种情况能够改变!

在过去的几年里,随着网络字体的普及,在线印刷领域发生了翻天覆地的变化,因此,我们已经看到了字体在线呈现方式的巨大变化。色彩总体上保持低调,设计师和品牌的结合变得更加大胆,字体的改进和对优秀字体的欣赏使我们得出结论,2016年将会有很多的颜色和大量的字体!

在趋势:寻找创造性的字体处理出现在整个网络,而不仅仅是偶尔的标题,和大,粗体和轻率的颜色!

单词:山姆Hampton-Smith

Sam Hampton-Smith是一名自由作家和前端设计师/开发者,居住在苏格兰。

喜欢这个吗?读到这些!