网页设计新思路！用故事来吸引用户

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

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

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

用社交媒体讲故事

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

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

使用图片讲故事

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

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

使用插画来讲故事

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

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

使用吉祥物来讲故事

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

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

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

使用视差效果讲故事

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

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

使用过个性化来讲故事

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

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

结语

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

网页设计思路面面观：

营造氛围，让你和用户一起共鸣：
《产品设计师的秘密武器》

打破常规，让用户对你另眼相看：
《制造惊喜！25个打破常规的网站设计欣赏》

虚化背景，让用户看到层次之美：
《柔美自然！温暖人心的模糊界面设计》

原文地址：webdesignerdepot
优设网翻译：@陈子木

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量75万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：