企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

创造富有故事性的网页,你需要熟悉这7个维度

发布时间:2017-03-22 10:34:17

TAGS:网站设计

熟悉这7个维度.jpggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

一个好的故事,往往始于笔端,但是终呈现,还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章,为你分享一下创造故事的7个维度。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

1、图片gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

首先,想要讲好故事,要通过设计在视觉上吸引用户。这一切要从干净清晰的视觉设计开始。壮美的图片,有趣的插画,惊艳的视频,都会抓住用户的注意力,并给予用户第一印象。
gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

在视觉上足够突出的图片,搭配以文案,一切开始拥有了画面感,而故事因此而诞生。从照片到色彩,从文字到细节,故事所传达出来的信息和气质,和整个视觉设计应该是保持一致的,而好的故事,能够带着用户一路走过来。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

2、角色gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

当我们在设计网站的时候,常常会探讨用户本身和故事的角色。在网站的开发过程中,用户所代表的身份,和呈现在用户面前的角色,有着怎样的关系,这是内容和设计上需要探讨的关键问题。
gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

这个角色可以是一个贯穿整个设计是实体角色,也可以是被包含在视觉和文字内容中的一种“气质”,或者“腔调”。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

Freddie 公司旗下产品MailChimp 中所创建的视觉形象就是一只有趣的猴子,而这只猴子不仅仅是他们的LOGO,而且这个形象贯穿了整个设计,这个角色为整个产品作出了不小的贡献:gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

首先,这个形象和公司、产品的名称相互呼应,也解释了为什么叫MailChimp。虽然MailChimp 这个生造的词汇会让用户感到迷惑,可是看到猴子的形象,他们能够很快Get到这个命名的含义。
gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

这个形象还揭示出了这个公司的特色,有趣的设计和独特的气质。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

猴子Freddie 本身就代表着故事,它是怎么来的?名字怎么起的?这个形象本身就自带故事属性。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

3、互动gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

引导用户与内容进行互动,这是设计能带来的重要价值之一。通过动效和行为召唤(CTA)让用户自然地注意到关键的内容和重要的控件,引导用户与之交互,这是为了促使用户与内容紧交互,参与到这个故事中来。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

想要用户参与到故事中来的另外一种方式则是视差滚动。它从视觉上鼓励用户持续地向下滚动,在保证体验愉悦的同时,用动态而有趣的视觉设计,强化互动。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

一个好故事并不需要做的太复杂。Humaan 就很直接的借助团队照片和悬浮动效来讲述故事,帮助访客了解这个团队的成员。这种设计简单而有效。(注意悬浮状态下每个成员姿势和表情的变化,非常有意思)gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

4、游戏gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

故事本身的构建可能是麻烦的地方,相反,讲述故事反而是简单的事情。如果你不知道要如何呈现故事,那么不妨将它设计成一个简单的游戏,为用户提供一个有趣的听故事的渠道。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

而借助游戏讲述故事的技巧在于,保持简单和提供奖励。不论是虚拟的成就徽章,还是优惠券,你要让用户从中获利,才能促进他们继续听取你的故事。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

你所提供的游戏并不一定要像Pokemon Go 那样有趣而好玩,Dropbox 通过完成任务获得额外的云盘空间,一样是非常有效的手段。Dropbox 所设定的任务多种多样,有邀请好友,也有帐号链接邮箱,但是无论是哪种,都具有一定的游戏性,达成了一定有奖励。许多忠诚的Dropbox 用户都是这么一步一步过来的。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

当然,对于不想玩这些游戏的用户而言,直接付费一样可以达成效果。你要让用户觉得,不论怎么玩,他们都是赢家。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

5、微交互gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

如今的网页和APP设计中,有着大量的动效和微交互。许多社交媒体都乐于使用微交互,因为它们简单,并且能够带来优秀的体验。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

微交互所带来的有趣体验为用户创造出一个有趣的瞬间。每次保存设置,发送消息,登录帐号,都会伴随着好玩而微妙的微交互,以Instagram 中点赞的按钮为例,用户在尝试过之后,对于这种交互会有的沉迷的感觉,乐此不疲。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

有意义的微交互非常重要。就像上面所说的点赞,它是具有功能性的,它给整个产品的体验带来了明显的提升。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

6、叙述gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

故事的构成大多不复杂,开头,过程,结局,这三者是绝大部分的故事的三个基本环节。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

如果你需要讲述故事,这种公式化的结构其实是容易为用户所接受的:
gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

开头:LOGO和标题。让用户知道这是什么网站,以及他们为什么会在这里。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

过程:通过陈述内容,展现特殊性。你的网站能给用户带来什么不一样的东西?他们能预期一些什么东西?
gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

结局:行为召唤,呼吁用户购买,或者订阅,等等。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

7、简单gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

blob.pnggdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

虽然这可能会和上面的一条有所冲突,但是故事好还是保持简单。简单的故事往往能更快的让用户Get到核心信息。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

故事要能够抓住用户的注意力,给用户留下好印象,让他们成为回头客。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

 在自己的首页上就做到了这一点——虽然用户可以通过滚动,到中间部位查看更多的内容,但是只需快速的扫视开头,中间和结尾三个部分,就能搞清楚这个故事的全貌。通过视觉设计搭配文字,就能搭建出一个故事的梗概。此外,屏幕上的“参与”按钮也相当的“诱人”。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

简单的故事往往更加有效。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司


gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

结语gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

你在设计故事的时候应该明白,你自己的故事往往更加动人。一个真实的故事,带有你自己的烙印,讲述出来才更容易触动到用户。gdE北京网站开发,北京网站建设,网站设计,网站制作-云智互联网站开发公司

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7207,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!