网站单页设计为什么这么火?
发布日期:2021-11-23   已有 1053 人浏览
互联网最令人着迷的地方在于它会不断地进化。每年都会不断涌现新的工具和技能替换过时者,用新的解决方案来搞定各种问题。


单页规划在前几年就现已出现,而且愈演愈烈直到本年成为见义勇为的网页规划大趋势。它现已站在盛行最前线,今日我们来聊一聊为什么它会这么火。



什么是单页式网站规划?



界定一个网站是否是单页规划很简略,望文生义,单页规划便是一个网站仅需一个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、习惯移动设备


从某种程度上习惯移动设备和讲故事的中心十分接近,导航才是要点。



呼应式规划的优势比较你现已耳朵听出茧子了,而我想说的是,单页式网站的规划本便是呼应式规划概念的一部分。比如鼠标悬停下拉框这样的导航栏规划,在一般网站中很常见,可是要进行呼应式规划中,在移动端中正常运用并不方便,假如在移动端网页中将其抛弃又不太适宜。所以,要想在多屏幕多设备上坚持体验的共同,单页式规划的许多思路反而比传统的网站更有优势,那些简略直观的导航更容易迁移到移动端页面上,令体验共同,取悦用户。



是否应该将多页面的网站从头规划成单页网站?



倘若你现已拥有一个现成的网站,它是一个典型的多页面式的网站,你需求为之从头规划,有几个选项可供选择,一保存现有结构和框架,在网站的规划风格和细节上做文章,别的一种方案是抛弃现有的结构和内容,从头规划成单页式网站。这两种选择要怎么取舍,首要取决于网站自身的结构、内容和发展方向。假如网站的结构和内容并没有想象中那么重要的话,那么你是时分考虑是否跟随规划趋势,规划属于自己的单页网站了。


注:本文来自深一原创文章,如需转载,请注明出处!
63K