图片样式

网站单页设计流行的原因分析

互联网最令人入迷的中央在于它会不时地进化。每年都会不时涌现新的工具和技术交换过时者,用新的处理计划来搞定各种问题。

单页设计在前几年就曾经呈现,并且愈演愈烈直到今年成为当仁不让的网站设计大趋向。它曾经站在盛行最前线,今天我们来聊一聊为什么它会这么火。

什么是单页式网站设计?

界定一个网站能否是单页设计很简单,望文生义,单页设计就是一个网站仅需一个URL,进入之后只需求纵向或者横向滚动就能够阅读信息而无需点击。看看下面这个例子:

Terra-digitalis

这是一个非规范的单页设计,网站中运用热气球元从来引导用户停止阅读。

选择单页设计的缘由很多,但是其中有五个主要的优势值得设计师为之侧目。

1、一切内容都在一个页面之内

一个单页网站的页面空间是有限的,所以其中的内容需求足够有条理,将最希望用户看到的内容呈如今他们面前。单页式设计关于页面长度并无限制,即便需求呈现的内容很多,也不要急吼吼地将图文堆砌在一同,合理运用留白能够带来十分不错的视觉效果。

在有限的页面空间中呈现内容是需求考究技巧的,字体、图像、排版、列表、信息图等元素的合理运用,都值得认真琢磨。

当你打算将一个传统网站重新设计成为一个单页网站的时分,情形就变得十分有意义了,由于这意味着你多年以来为这个传统网站所添加的内容,在这个时分都需求停止精简整合了,把乌七八糟一塌懵懂的信息拾掇得有条不紊。这个过程就像是从郊区2层小楼搬到市区两居室一样,不时去芜存菁。

重新组织整理网站的另外一个理由,是用户喜欢简约整洁的页面。通常,用户为了找到他们需求的产品、效劳或者信息,需求翻阅海量的页面,阅读各种各样的文章和列表。问题在于,用户没法认真阅读每一个字,不停的审视文章寻觅关键词,最终找到的可能就是一句话、一个链接或者一张图片。这就是为什么单页网站盛行的缘由:用户不用在页面、Tab和长篇大论的文章之间来回切换了,鼠标滚轮一撸到底,就能够明晰地阅读中心内容和重点信息,找到想要的信息。

即便你真的有大量的信息,大把的图片,以及无数“不得不”置于网站上的内容,你也有必要用心尝试一下设计成单页网站。为什么不呢?很多时分你至少要尝试一下那些让你感到惧怕恐惧或者“看起来不可行”的计划,胜利了能够收获经历,失败了也提升了技巧,不是么?看看下面两个案

例:

Agencysurvivalkits

这个单页网站运用了视差滚动式的设计,网站向下滚动的过程中运用了很多典型的视差滚动网站的图片设计技巧。

Burkecomfortdental

这个牙医网站运用了绿色的色彩,手绘的效果也拿捏的不错,垂直滚动的过程中随同着动画效果。和许多同类网站一样,滚动到底部就是分享按钮了。

2、趋向

不管如何单页设计是大势所趋。潮流和趋向来来去去是没错,但是谁缘由蹲在阴影里坐视潮流和趋向从眼前溜走呢?喜欢就是放肆,爱就是抑制。在你深爱上某种潮流之前,先放肆地试试吧。在单页设计最盛行的今年,不要错过。

有些事情并不难,不是么?你所得到的不只仅是一个时髦的单页网站,简单愉悦的用户体验也是你的用户的诉求,只需求滚动就能够完好阅读的单页不会令人绝望的。

Lip Lover Website Design

看看这个网站设计的案例吧,当时髦和鲜活的颜色与视差滚动相遇在单页网站的时分,觉得就是这么美好。

3、故事

与用户停止沟通,最有效的办法之一就是讲故事。比起千奇百怪的页面优化,一个明晰明了恰如其分的故事来的更靠谱。假如你也喜欢用网站讲述故事,这篇《网站设计新思绪!用故事来吸收用户》千万不要错过,戳下图跳转~

关于讲故事最常见的误解就是它必需以一段文字、一组图片或者一个视频的方式而存在,与设计无关。但事实并非如此。单页式的网站设计自身就是一个承载一系列内容的绝佳载体,活动性的页面与连接性的内容在逻辑上完整相合。接下来,我们看看单页式网站设计所触及到的一些网站元素:

 

  • 图片:图片是最重要的元素之一,它能强化网站视觉的吸收力,推进故事的开展,调剂视觉让用户远离沉闷。

  • 视频:视频是主动输出信息的载体,能够以更明晰更主动的方式传送信息给用户。视频能够承载的信息量十分可观,同时占领版面也不会太大,越来越多的网站开端选择运用视频来直面用户。

  • 音频:音频的确没有视频呈现的比例高,但是它无疑也是一个极具潜质的载体。用来作为背景音乐的时分,它能够渲染气氛,作为单独音频文件播放的时分,也能够讲述故事。

  • 排版:排版很重要,它决议了信息要如何在网站上展示。很多网站并不注重排版,至少不太注重网站规划、文字、颜色之间的排版关系。

  • 滚动:可能你之前不曾认真留意过页面滚动,但是它确实是影响讲故事的关键要素。多页式网站在信息呈现上相对四分五裂,而在单页设计之下,流利的滚动将信息源源不时地传送给用户,勾起他们的猎奇心不断阅读下去。这就像阅读一本引人入胜的故事书,“接下来会怎样?”简单的向下滚动,答案就在下面,就这么简单!

The Art of Texture Movie Website

这个网站充沛运用了视频、图片和滚动效果来呈现故事。

4、轻松导航

导航是网站阅读的基石。不管是商业项目网站还是作品集展现页面,导航栏都是最重要的组成局部。复杂的导航栏不只需求消耗大量的时间来停止设计,也会让用户敬而远之。这也是为什么单页设计会逐步盛行以至占领主流。

单页网站让信息呈现愈加扁平,最大化地降低了获取信息的难度。鼠标滚动,信息就全部展示在用户面前,还有什么方式比这个愈加简单?

假如你是一个极富创意的设计师,或答应以轻松驾驭横向式的单页网站设计,以至其他的非规范式滚动阅读方式——比方页面滚动方向一会儿向左一会儿向下——总而言之,单页网站设计的创意空间无限大。

PC Baruk Website

这个网站设计得心旷神怡,用户能够直接滚动,也能够运用点击来控制阅读的节拍。内容被安顿在一个页面上,但是分组呈现的方式,降低了持续阅读带来的疲惫。

5、顺应挪动设备

从某种水平上顺应挪动设备和讲故事的中心十分接近,导航才是重点。

响应式设计的优势相比你曾经耳朵听出茧子了,而我想说的是,单页式网站的设计本就是响应式设计概念的一局部。诸如鼠标悬停下拉框这样的导航栏设计,在普通网站中很常见,但是要停止响应式设计中,在挪动端中正常运用并不便当,假如在挪动端网站中将其舍弃又不太适宜。所以,要想在多屏幕多设备上坚持体验的分歧,单页式设计的很多思绪反而比传统的网站更有优势,那些简单直观的导航更容易迁移到挪动端页面上,令体验分歧,取悦用户。

能否应该将多页面的网站重新设计成单页网站?

倘若你曾经具有一个现成的网站,它是一个典型的多页面式的网站,你需求为之重新设计,有几个选项可供选择,一保存现有构造和框架,在网站的设计作风和细节上做文章,另外一种计划是放弃现有的构造和内容,重新设计成单页式网站。这两种选择要如何取舍,主要取决于网站自身的构造、内容和开展方向。假如网站的构造和内容并没有想象中那么重要的话,那么你是时分思索能否跟随设计趋向,设计属于本人的单页网站了。