大通做网站:2017年十大网页设计趋势

大通做网站

随着另一年的结束,我们可以惊叹于设计空间的巨大增长。不可否认,今年是一个积极的一年,看到了足够的增长,以赶上过去十年的总和!

这是很难削减到一些选定的趋势,但我总是发现一些跳出我的。

这份名单仅仅是我在2017年所见过的最好的趋势,我预计大部分趋势都会大通做网站延续到2018年。如果你在寻找最新的设计趋势,看看你的想法吧!

1.有框架的建筑

引导框架主页

Web框架的激增是在现代框架数量不断增长的时候出现的。这似乎是永无止境的,而且很明显,框架将继续存在。

开发人员可以通过使用这些框架来节省大量时间,而不是从头开始。唯一的问题是,在过去,框架似乎总是如此有限。

但这些天来,你有几十个令人惊叹的框架可供选择,远远超出了Bootstrap。这使它很容易建立自定义网站从零与独特的设计-而不必重新发明车轮。

2.与邮政有关的链接

Snap.svg库

我在一些较大的新闻网站上注意到了这种趋势,我希望能在博客中更多地看到这种趋势。

我们都知道文章后面出现的“相关帖子”小部件。其中许多是通过Taboola这样的本地广告网络运行的,而另一些则由合法的内部链接组成。但是你也可以在你的内容中添加这些相关的帖子。

WordPress使这个超级简单的免费插件,自动拉到你的内容链接。

这可能会增加页面浏览量,并使人们在您的站点上停留更长的时间。如果你希望在2018年增加你的页面浏览量,这是一个不错的策略。

3.滚动粘性导航

放大器移动页

粘性导航的趋势已经存在多年了。但是在过去的一年里,我注意到了一个稍微不同的流行趋势:滚动粘性导航。

这些只有在用户滚动回页时才会出现。当用户从某个点向下滚动时,导航就会自动隐藏在视野之外。这增加了可读性,同时仍然可以使用一个滚动(或滑动)访问导航。

在AndroidAuthority中,您可以看到这种技术的一个很好的例子。

4. Microinteractions

本地后广告块

我研究的微观互动越多,我就会注意到网络上的这些功能。Heck,请访问上面的AndroidAuthority示例,然后单击其搜索图标。它是与球座微相互作用的一个例子。

我觉得这些小动画还会继续存在。使用如此多的JS/CSS动画库创建它大通做网站们变得更加容易,而现代浏览器可以支持更多的交互性(包括移动浏览器)。

你不需要强迫这些微交互进入你的项目,但如果你想测试一些UX想法,它们是值得考虑的。

5.本地邮政赞助

文章副标题

我承认,这种趋势是由一部份设计和一部份行销组合而成。但是,如果你能自然地将广告融入你的内容中,它们将比我们从传统广告网络获得的自动播放垃圾要少得多。

看看搜索引擎杂志上几乎所有的帖子。你会注意到他们使用贴有自定义图标、背景和信息的帖子广告块,声明它们是广告。自然的混合和非常好的设计。

我不知道他们能为这个广告收取多少钱,但我认为这对拥有利基受众的小型出版商来说是个不错的选择。

6.条款副标题

与职位有关的项目

你的页面标题也许是让人们留下来的最重要的因素。但是增加一个副标题怎么样?

这可以帮助更详细地解释内容。另外,它给了你另一个机会来推销这篇文章,让人们继续滚动下去。

我在许多Computerworld的帖子和其他主要的新闻网站上看到了这一点。如果您使用全屏标题布局,这绝对值得测试。

7.单页目录

安卓管理局目录

我们都很熟悉维基百科的目录。这是一个用于浏览复杂条目的表,以查找您正在寻找的…或者帮你浪费30分钟去研究不相关的事实。

尽管如此,我认为在未来的一年里,更多的网站正在采用目录功能。这在大型指南中已经很流行了,在这些指南中,可链接的标题肯定有助于丰富内容。

您可以尝试使用诸如自定义评论之类的指南来吸引那些只想获得快速信息的读者(AndroidAuthority确实实现了许多这样的趋势!)

目录可能需要一段时间才能成为网页设计的主流。但随着谷歌青睐长格式内容,我认为它们将继续存在。

8.谷歌AMP

Android管理局粘性导航

谷歌在2015年底公布了他们的加速移动页面。它已经存在了几年,但这是一个缓慢的工作,以达到主流设计师。

我不能说这将成为所有移动站点的规范。但我确实认为它已经增长了很多,它将继续与更大的出版商增长到2018年。

大多数AMP页面在Google中的列表更高,页面加载速度更快。这也可能导致更高的反弹率,但这通常对新闻网站或快节奏的病毒博客来说是好的。

9.动画页面标识

动画页面标识

我没有在太多的网站上看到这种效果,但我有一种感觉,它正在增长势头。矢量图形、HTML 5画布元素和JS动画的流行意味着任何人都可以将其徽标动画化。

有多种方法来接近动画标识。您可以在每个页面上使用自定义徽标动画跟踪Bittbox之类的内容。或者你可以接近像搜索引擎土地的标志,它似乎更大,在页面顶部,然后滑到粘性的导航时,滚动下来。

网络动画作为一个整体趋势是巨大的。这已经是2017年的很大一部分了,我认为在未来的几年里,它将更多地潜入网站的徽标中。

10.SVG图形

例微相互作用

作为对我之前观点的跟进,我也看到了在现代网站中大量使用sv大通做网站g的现象。

即使是大型企业和初创企业的生产网站也在使用SVG。所有浏览器都本机支持它们,所以您在这里真的大通做网站不会出错。更不用说像SVG.js这样的图形库,您甚至可以比JPEG或PNG更容易地操作这些图形。

没有人能真正预测未来,但这是一些增长最快的设计趋势,我认为将在未来一年。他们在2017年留下了很大的印记-所以在浏览网页的时候要留意这些趋势。




二维码