2015年,网站设计十大趋势 |
发布时间:2015-01-05 文章来源: 浏览次数:3004 |
每年,网站设计都在快速提高,天天几乎都有新的设计泛起。我可以想象得到,2015年将泛起最好的网站,包括2014年已经猜测到的很多趋势。跟着这些趋势在2015年左右实现,现在该是时候让我们猜测2015年可能泛起的新趋势了。每个人都在反思2014年,并瞻望2015年,下面就让我们看看2015年可能泛起的网站设计趋势。 ▲动弹翻页更流行
今天泛起的大多数新网站倾向于更长的页面,并通过动弹方式翻页。跟着移动设备越来越受欢迎,以动弹方式浏览显示器上的内容变得越来越常见,正代替点击方式,特别是在设备的主页面上。对于用户来说,以动弹翻页的方式获得信息显然比不断地点击按钮更简朴。 主页并非动弹翻页越来越流行的独一地方。跟着超长动弹网站(即一页式网站)日益变得热点,动弹带来的好处也更多,除主页面外的其他很多地方也开始泛起这种模式,好比有关网页以及产品网页等,它们都已成为展示各种内容的简朴显示方式。好比,苹果iPhone 6的动弹翻页方式已经扩展到很多地方,可以展示该产品各种特点和机能。此外,iPhone 6网站也增加了一些流畅的动画,让动弹体验在视觉上变得更具吸引力。
▲讲故事+互动
对于网站来说,拥有令人感到惊异的内容老长短常枢纽,而利用这些内容讲故事更是一大上风。2015年的网站设计很可能聚焦于如作甚用户讲故事。好比,Space Needle(美国西雅图地标建筑太空针塔)的网站非常漂亮,可以通过使用讲故事的方式先容Space Needle的有关事实,并以动弹翻页的设计予以支持。Space Needle也证实2015年的另一种趋势——互动。网站设计正添加更多互动和动画元素,以独特和有吸引力的方式匡助先容内容。在网站设计中加入互动与动画,可认为你的网站带来令人惊奇的因素。好比,Impossible Bureau网站的互动性就很强,可以对你的动弹和悬停做出回应。
▲大标题背景图像缺失
过去几年中,网站设计中十分流行大标题背景图像,上面常常有文字说明,这也是大多数访客浏览网站时首先看到的东西。而在大标题背景图像如斯流行的情况下,你的网站如何能脱颖而出呢?采取相反措施。近来泛起的一些网站逆势而行,即没有大标题背景图像。我猜,他们这样做不仅仅是不愿意追随潮流,而且也在寻求进步网站的机能与速度。New Wave Company的网站就体现出这些特点。它使用大标题欢迎访客,大字体集中在网页中央,但标题后面没有大背景图片。这是一种高雅的做法,效果并不次于其他使用大背景图像的流行网站设计。
▲剔除非必要设计元素
有一种设计观念以为,当所有非必要元素都被剔除后,网站设计才算完成。2015年,我以为我们能够看到这种观念更好地体现出来,由于更多网站都在试图通过剔除非必要设计元素实现网站设计的简化。New Wave Company网站中剔除大背景图像的做法就是最好例证之一。另一个剔除非必要设计元素确保网站简洁的最佳例证是Rareview Digital Agency网站,它也没有使用大背景图像标题问候访客。设计师们实际上已经消除了很多当前网站上流行的设计元素,好比背景颜色、众多图片以及复杂布局等。相反,他们选择更清楚、简洁的网站设计,在注重设计、图片以及颜色确当前网站中,这些设计不禁令人面前一亮。
▲固定宽度的中央网站布局
过去几年中,大多数网站都使用了以宽度为中央的网站布局,它可以让图片或视觉延伸部门在整个浏览器视口中全部展现出来。在这种趋势热点前,大多数网站都是固定宽度的,内容处于网页中央,你可以看到网站两侧的终结部门。固定宽度趋势好像正以更现代的方式回归,只是网站及其内容部门不再处于视口的边侧,有些网站选择最大宽度,以确保它们的内容处于视口中央。Michele Mazzucco的网站就是如斯。
▲专业高质量自定义摄影
图库照片依然在设计中据有一席之地,但是对于大多数最新泛起的网站来说,图库照片开始采取高质量的专业摄影照片,它们通常是唯一无二的,专为网站自定义拍摄的。使用自定义摄影比仅选区图库照片在设计方面取得了更大提高,它让你的网站唯一无二,其他网站无法使用同样的照片。好比,Grain and Mortar网站的自定义照片使用了该网站的大标题,这展现出个性化效果,由于照片上的人和办公场景都是在Grain and Mortar真实存在的,究竟没有假办公空间的图库照片!
▲弹出/滑出应用式菜单
响应式网站设计已经流行了一段时间,可是直到近来,大多数网站设计重点都放在令网站在桌面设备上看起来更好,而在手机或平板设备上看得过去即可。不管何种设备,响应式网站设计正迈向更好体验。我们正看到这种设计元素向移动设备上转移,并在更广泛地使用。好比24ways与Rawnet都展示了这种观念,将类似应用和响应式菜单添加到整个网站中,而不仅仅有更小视口的设备上。在这种情况下,这两家网站选择靠左或靠右的垂直菜单,而不是位于顶部的水平菜单,使用起来更像弹出/滑出应用式菜单,这种技术答应网站应用与响应式设计泛起在更小的视口上。 ▲躲藏主菜单
这与上面讨论过的弹出/滑出应用式菜单很像,我期待更多网站可能向首次访问网站的访客躲藏主菜单。只有当访客预备移动和点击相应图标后,这些躲藏菜单才会显示出来。这种响应式设计技术正开始泛起在网站设计中,而非仅仅小的视口中。Brian Hoff Design的新网站就是最好的例子。他使用网站右上角的汉堡图标躲藏导航功能,直到访客点击它。过去2年,这种行为已经逐渐被接受,访客正习惯在网站应用或手机应用上如斯操纵。他将这种模式应用到网站上,不管视口多大,都可匡助确保网站简介,功能完全。
▲非常大的字体
2014年,字体在很多网站设计中施展重要作用,我未发现这种趋势在短期内改变的迹象。可是2015年,我看到网站中的标题和字体变得越来越大。夸张地说,就连天上的飞机可能都能看到地面上的字。当你访问Tiny Giant的网站时,你会看到很大的字体。这实际上是一种声明,让你很难错过。大字体将继承在2015年的网站设计中施展重要作用,成为确保进步访客视觉层次的方法。访客首先会看到最大的字体,由于那会首先吸引你的留意力。
▲机能与速度
很多设计趋势受需求驱动,以促使网站加载速度更快,消耗的宽带流量更少。这篇文章中讨论的大多数趋势都可能需要减小网站,为那些手机、平板设备或更慢网络用户寻找更快加载方式。网站设计师和开发者越来越强烈地意识到自己网站的权重,以及用户如何与他们互动。响应式网站设计已经匡助减轻这些担忧。网速过慢以及设备类型等因素迫使设计师和开发者紧密亲密关注它们的文件和网站大小,网站加载速度在不同网速前提下也不尽相同。无需惊奇,2015年需要加载速度更快、没有滞后感的无缝网站。 |