文档介绍：设计趋势赏析-单页网站设计
DESIGN TREND
主讲人:王冰
什么是单页网站
单页网站建立在单个窗口中,单页网站的概念更多基于滚动,而非点击(尽管点击也没有被禁止),来浏览和通读网站与它的内容
一个单页网站可以简单到像一页纸,恰好吻合浏览器窗口,不需要滚动。也可以滚动(当然也别把网页设计得太长,影响用户体验)
简单来说,单页网站就是一个网站仅需一个URL,进入之后只需要纵向或者横向滚动就可以浏览信息而无需点击
单页网站实例
1、Terra-digitalis(http://terra-/)
这是一个非标准的单页设计,网页中使用热气球元素来引导用户进行浏览。
为什么选择单页网站
所有内容在一个页面内
1
趋势
2
故事
3
轻松导航
4
适应移动设备
5
原因一“所有内容在同一个页面”
一个单页网站的页面空间是有限的,所以其中的内容需要足够有条理,将最希望用户看到的内容呈现在他们面前
在有限的页面空间中呈现内容是需要讲究技巧的,字体、图像、排版、列表、信息图等元素的合理使用,都值得仔细推敲
当你打算将一个传统网站重新设计成为一个单页网站的时候,需要进行精简整合,把乱七八糟一塌糊涂的信息收拾得井井有条。这个过程就像是从郊区2层小楼搬到市区两居室一样,不断去芜存菁
用户喜欢简约整洁的页面
案例
Agencysurvivalkits(/)
这个单页网站使用了视差滚动式的设计,网页向下滚动的过程中使用了很多典型的视差滚动网页的图片设计技巧。
案例
fortdental(/)
这个牙医网站使用了绿色的色调,手绘的效果也拿捏的不错,垂直滚动的过程中伴随着动画效果。和许多同类网站一样,滚动到底部就是分享按钮了。
原因二“趋势”
不论如何单页设计是大势所趋。潮流和趋势来来去去是没错,但是谁原因蹲在阴影里坐视潮流和趋势从眼前溜走呢?
不仅仅是一个时尚的单页网站,简单愉悦的用户体验也是你的用户的诉求,只需要滚动就可以完整浏览的单页不会令人失望的。
案例
Lip Lover Website Design(/)
时尚的视觉效果,鲜活的色彩
原因三“故事”
与用户进行沟通,最有效的方法之一就是讲故事
讲故事最常见的误解:它必须以一段文字、一组图片或者一个视频的形式而存在,与设计无关
单页式的网页设计本身就是一个承载一系列内容的绝佳载体,流动性的页面与连贯性的内容在逻辑上完全相合