您现在的位置:首页 > 设计> 网页会把你当成孩子一样给你讲故事

网页会把你当成孩子一样给你讲故事

有情节的事物总能让人们更容易的记住,在网页设计中也是如此。故事性网页设计并不是只有通过视差滚动效果来体现情节这一种方式,比如单纯的用图片传达一系列有关联的信息、以网站吉祥物角度讲述网站的发展历程和简介、用一些个性化的方式传递原本比较枯燥乏味的内容、以及比较常见的时间轴设计等,这些都属于故事性设计的范畴,现在是不是觉得故事性网站其实无处不在呢?

2014年08月

设计

有情节的事物总能让人们更容易的记住,在网页设计中也是如此。故事性网页设计并不是只有通过视差滚动效果来体现情节这一种方式,比如单纯的用图片传达一系列有关联的信息、以网站吉祥物角度讲述网站的发展历程和简介、用一些个性化的方式传递原本比较枯燥乏味的内容、以及比较常见的时间轴设计等,这些都属于故事性设计的范畴,现在是不是觉得故事性网站其实无处不在呢?

以下是AnyForWeb为大家搜集的比较典型的故事情节性网页设计,并且都附上了链接,但可能缓冲较慢,请大家耐心等待。

1.Netizen

Netizen是一个提供互联网和计算机服务的机构。Netizen网站的功能很简单,只是对企业的服务范围做了个概括性的介绍,并且为有意向的客户提供一些基本的联络方式。正是因为在实际用途上比较简单,所以要在网站的设计上花一些心思,这样才能吸引到用户的注意力。如案例中所示,门打开后的景象随着顶部导航的切换而产生效果。

2. OpZoek Naar Een Hoorn

Op Zoek Naar Een Hoorn的网站完全由一个有情节的连环画贯穿而成,直到网站底部才显现出真正的目的。这种做法的好处在于,让用户能专心的看完整个过程,并且融入故事情节,对企业实现最终目的也会有一定的帮助。

3. I am astronaut

I am astronaut是一个介绍性的网站,主要目的在于为大家普及一些关于宇航员的大事记。这个网站不仅用效果实现了故事性,也同时采用了时间轴的逻辑顺序,让用户您呢过清楚直观的了解所表达内容。

4. game insight

Game insight是一个游戏软件公司。网站中,由视差滚动效果组成的小情节的确很吸引人。根据网站主人公的表情变化,展示了不同的需求和宣传角度。

5. Rit-team

Rit-team也是一个看起来比较流畅的网站,画面中的小汽车随着鼠标的滚动渐渐的向前行驶,将用户带入网站中的每一个部分。这样的效果不仅创意十足,更是让用户带着满满的好奇心浏览整个网站。

6. Shibui

Shibui是一个果汁宣传网站,设计师根据每种水果的不同颜色,为网页各自制定了不同的主色调,再加以动感活力的变换效果,让整个网站看起来充满了生命力。

7. Artem&JuliaWedding

Artem&Julia Wedding是一个个人定制的婚礼网站,网站利用视差滚动效果将两位主人公的恋爱全过程完整的描述出来。由于网站的个人纪念性质的网站,因此,在设计风格和情节设计上都体现了比较多的个人色彩。

8. meet the pros

meet the prosDouble Tree旗下的品牌推广网站。这是一个超长的网页设计,从一开始的日程安排列表到之后的相关人物介绍,每一个片段都诉说了不同的故事情节,满足不同用户的不同需求。

9. EveryLast Drop

Every Last Drop是一个英国很著名的宣传节约用水的公益网站。网站从头至尾描述了一位普通上班族忙碌平常的一天生活,情节很贴近大多数人的生活状态,因此让宣传的本质内容更有感染力。

10.Facebook

不仅仅只有网站中融入故事性情节,社交媒体中个人主页的时间轴顺序也是一种有力的表达方式。以Facebook为例,个人主页中的排序方式就是以时间作为标准,让浏览者更清楚的了解该用户的生活经历。

设计师们绞尽脑汁,寻找一切能够加强理解,并且提升用户体验的方法,故事性网页设计也许能成为吸引用户的下一个趋势。


本文版权归伽然公司旗下AnyForWeb所有,转载请注明出处。


AnyForWeb定期通过伽然旗下对外知识与技能分享机构--伽然书院,发布Web相关趋势评论文章,涉及视觉、界面、交互等领域,了解更多动态请关注伽然书院公众号!




订阅

欢迎订阅Anyforweb UED
欢迎订阅Anyforweb UED

栏目推荐

栏目推荐
2017年全球网站设计趋势全预测

AnyForWeb为大家带来全新2017年全球网…

栏目推荐
从客户角度看web设计

本文讲述了一个设计师在做设计时的众多…

栏目推荐
网页会把你当成孩子一样给你讲故事

有情节的事物总能让人们更容易的记住,…

栏目推荐
不用担心网页逻辑太过凌乱,网格布局卷土…

网格布局的网页设计并不算什么颠覆式创…

栏目推荐
扔掉黄金比例,网页布局还能这样做!

曾经有人说过,“布局虽然只是内容的表…

栏目推荐
AnyForWeb分享:图文搭配,网页…

从过去到现在,设计师们总是对方位性的…

栏目推荐
用户体验设计PK战!脸书vs人人

脸书和人人对各自的用户群体都有着很大…

AnyFroWebUED  

版权所有 © 2009-2016  沪ICP备14026814号-10

 

 

返回

很抱歉!

您现在还没有开通阅读权限,如有疑问,请联系我们。

联系电话:021-52047186

返回