网页设计中如何用故事来吸引用户

2016-02-16 22:05 5 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐网页设计中如何用故事来吸引用户,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - 平面设计 】

故事的存在,几乎和人类的历史几乎一样长。自人类会说话以来,就开始用故事来沟通信息,传承思想,总结经验。网页设计本质上也是在沟通想法和概念,这就是为什么,讲故事是网络上最吸引用户的表达方式。

网页设计师总在寻找更多的创意和方法来提升用户体验,所以他们也会越来越多地在设计中运用讲故事的方法。

当设计师将故事变成一个网站的时候,这种引人入胜的体验也能更加有效地吸引用户。讲故事的形式有很多,也可以横跨多种不同的设备,运用在不同类型的网站中。

用社交媒体讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

现如今,社交媒体和网页设计之间的关系越来越紧密。即便是很多大型企业也将社交媒体的按钮放在每个页面上,这使得分享和发布信息更加简单快捷。这也使得品牌的用户和粉丝更便捷地同产品供应商和服务供应商沟通了。社交媒体让品牌可以将产品以讲故事的方式推向市场,俘获忠实的顾客和用户,而社交媒体可以以多样的形式传递出品牌的激情,达成目的,或者炒作。

下面以Tommy Hilfiger的Facebook页面为例。这个美国潮牌的Facebook页面有着870万粉丝,如此众多的粉丝都是Hilfiger品牌故事的忠实听众。Hilfiger在页面上分享设计、名人合作伙伴的照片和新闻以及各种宣传活动,图示通过图片、视频、文字等多种形式传递给用户,引人入胜。

使用图片讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

有时候,简单而不张扬的图片可以更好地讲述一个故事。一图胜千言这句话没有错,人本身是视觉动物,图片信息更容易被吸收,所以合理地运用图片语言,可以更加有效地传达信息。

LinkedIn的注册页面就很好的说明了这一点。当你打开注册页面的时候,左侧的用户小头像是极具目的性的,它向用户展示了网站用户的多样性,并且传递出一个信息:这个网站真正是适合每个人的。这些照片中的人,种族背景不尽相同,有男有女,不包括老年人,并且每个人看起来自信而快乐。哪怕是不明白社交网络的人也能够通过这个简单的信息了解到这个星球上来自不同地域不同背景的人正汇聚于此,使用共同的服务一起交流 ,甚至业务往来。

使用插画来讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

同图片一样,用插画来讲述故事也有着不错的效果。作为视觉上的辅助,插画会让用户更加易于理解品牌故事。比起照片的简单直白,插画的表达方式更多,它可以以抽象的方式来表达,也可以更以更加写实的方式来讲述。

在Evernote Clipper的网页中,我们看到了使用了偏向写实手法的故事阐述方式。插画与文字结合在一起,告诉用户Web Clipper是如何工作的,看起来像故事书一样简单直白。

使用吉祥物来讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

说道吉祥物,滑稽可爱幽默卖萌是它们的优势。当一个公司机构或者网站拥有吉祥物的话,用它来同用客户进行交流是一个简单方便的方法,可以通过它以幽默的方式向客户来传递品牌价值,讲述品牌故事,比如MailChimp。

MailChimp有个非常有名的吉祥物,名叫Freddie,它在传递企业理念和讲述企业故事上有着极大的贡献。MailChimp不论是在业务还是在生活上都奉行轻松而非严肃的理念,而Mailchimp在描述Freddie的时候,字里行间也能看出这家企业的精神。

你还可以从Freddie不同的头像上感受到这一点,不论是它微笑、眨眼还是用耳朵夹着铅笔的时候,都通过表情传递着正能量,你可以直观地体会到这个品牌形象接地气的设定,从容而有风度。现在,你几乎可以在MailChimp所有的页面上看到各种型态的Freddie。

使用视差效果讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

虽然国内网站运用的还不够多,但是视差网站已经存在好几年了,并且目前仍然处于潮流巅峰。而流行本身很可能就证明了,这种网站设计本就是最简单有效的讲故事的方式。在使用视差滚动设计的网站中,一直向下滚动浏览的方式就是一个不断透露更多信息的过程,就像剥洋葱一样,它本质上和讲故事非常接近。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

以The Royal British Legion为例,这个网站就是通过视差滚动的方式想你展示了捐助是如何全程使用过来的必要信息。当你向下滚动的时候,这些充满活力的故事就通过视差特效一一展现在你的眼前,你会看到军团为退伍老兵所提供的各种各样有益的服务。

使用过个性化来讲故事

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

个性化是当代网页设计中最重要的因素之一。个性化是有效的,而且是有力的,当你为企业和品牌寻求个性化的时候,它就是拉近企业/品牌和客户之间距离的神奇工具,因为当你使用个性化的时候,访客、粉丝和客户会与这个品牌产生认同感和共鸣,如此一来,自然就会产生更大的利润空间和可能性。

个性化让你的品牌讲述它伟大的故事。就以Pet Relocation为例子,在这个网站的团队介绍页面中,每个成员都倍受瞩目,这与传统的关于我们页面有着巨大的差别。你会在页面中看到团队中每个人、每个宠物的微笑着的头像,当你鼠标移动到头像上的时候,头像会变成更加个性化的样子更萌、更有趣。而这种设计正是要告诉访客,这家机构的企业文化是讲究放松和自然的。

结语

网页设计中如何用故事来吸引用户,PS教程,图老师教程网

在人类还生活在洞穴中的时候,墙壁上的绘画就在讲述着部落的故事。对人类而言,讲故事本就是一个自然地传递信息的方式,直到今天,它也依然是网页设计中最重要的方式之一。你会发现,不仅越来越多的企业和品牌机构都会采用讲故事的方式来呈现自己,普通的网站设计中也会在越来越的细节中,融入故事性。

来源:https://www.tulaoshi.com/n/20160216/1575357.html

延伸阅读
标签: Web开发
HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定: font-family:字型名称1,字型名称3,字型名称3等等。显示字型的优先级,若计算机中有安装该字型,便以该字型显示。如果你...
标签: Web开发
表单,我相信这是前端开发者工作中最难处理的一个作业了.表单设计中几乎涉及了所有前端各方面的思想与技术.其用户注册页面即为最典型的代表,我要说设计本身没有对与错只有好与坏,就好像人的脸,只有漂亮与不漂亮,不能说某人的脸长错了.当然这其中就会有尺度去衡量,但难就难在这个尺度本身没有标准.好的,我已经为我将要阐述的观点铺好了下去的...
如何用照片讲述故事?   三张照片并列在一起观看,是一种很好地增加场面视觉震撼力的方式,也可以用来向观众讲述一个故事。拍摄这种照片真的可以带来很多乐趣,尤其是天气‘罢工’的时候。专业摄影师David Clapp说,这些都是第一眼看上去会产生视觉疲劳感的孤立和分割开的主体。而当你看的越多,就会开始觉得越有趣。更重...
合理的页面版式 设计网页时,一定要注意页面版式的合理性。一个合理的版式和让人一目了然的网页能够给人带来舒适的感觉,并且会让人愿意花时间去了解。注重版式的设计,不要板块冗杂;页面版式的搭配,注重协调简洁。合理地搭配设计页面中的版式,呈现一个清新的网页。 舒缓的色彩设计 无论哪个行业的网页,在设计过程中都不要一...
用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受。在基于Web的产品设计中,UE是一个相对较新的概念。Donald Norman博士提出了用户体验一词,他是一个认知科学的研究人员,首次提出了在互联网领域以用户为中心设计的重要性(用户的需求决定产品如何设计)。 Donald Norman 用户体验很重要,最大的理由是:...

经验教程

960

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部