网页设计有趣故事 第1篇
故事本身的构建可能是最麻烦的地方，相反，讲述故事反而是简单的事情。如果你不知道要如何呈现故事，那么不妨将它设计成一个简单的游戏，为用户提供一个有趣的听故事的渠道。而借助游戏讲述故事的技巧在于，保持简单和提供奖励。不论是虚拟的成就徽章，还是优惠券，你要让用户从中获利，才能促进他们继续听取你的故事。你所提供的游戏并不一定要像Pokemon Go 那样有趣而好玩，Dropbox 通过完成任务获得额外的云盘空间，一样是非常有效的手段。Dropbox 所设定的任务多种多样，有邀请好友，也有帐号链接邮箱，但是无论是哪种，都具有一定的游戏性，达成了一定有奖励。许多忠诚的Dropbox 用户都是这么一步一步过来的。当然，对于不想玩这些游戏的用户而言，直接付费一样可以达成效果。你要让用户觉得，不论怎么玩，他们都是赢家。
网页设计有趣故事 第2篇
当我们在设计网站的时候，常常会探讨用户本身和故事的角色。在网站的开发过程中，用户所代表的身份，和呈现在用户面前的角色，有着怎样的关系，这是内容和设计上需要探讨的关键问题。这个角色可以是一个贯穿整个设计是实体角色，也可以是被包含在视觉和文字内容中的'一种“气质”，或者“腔调”。Freddie 公司旗下产品MailChimp 中所创建的视觉形象就是一只有趣的猴子，而这只猴子不仅仅是他们的LOGO，而且这个形象贯穿了整个设计，这个角色为整个产品作出了不小的贡献：首先，这个形象和公司、产品的名称相互呼应，也解释了为什么叫MailChimp。虽然MailChimp 这个生造的词汇会让用户感到迷惑，可是看到猴子的形象，他们能够很快Get到这个命名的含义。这个形象还揭示出了这个公司的特色，有趣的设计和独特的气质。猴子Freddie 本身就代表着故事，它是怎么来的?名字怎么起的?这个形象本身就自带故事属性。
网页设计有趣故事 第3篇
引导用户与内容进行互动，这是设计能带来的重要价值之一。通过动效和行为召唤(CTA)让用户自然地注意到关键的内容和重要的控件，引导用户与之交互，这是为了促使用户与内容紧交互，参与到这个故事中来。想要用户参与到故事中来的另外一种方式则是视差滚动。它从视觉上鼓励用户持续地向下滚动，在保证体验愉悦的同时，用动态而有趣的视觉设计，强化互动。一个好故事并不需要做的太复杂。Humaan 就很直接的借助团队照片和悬浮动效来讲述故事，帮助访客了解这个团队的成员。这种设计简单而有效。(注意悬浮状态下每个成员姿势和表情的变化，非常有意思)
网页设计有趣故事 第4篇
当然，网页设计离不开高效实用的设计工具。而故事化网页设计，也需要设计师选用合适的设计工具，及时测试、迭代以及优化相关设计创意。
例如又快又简单的原型设计工具，Mockplus，帮助大家快速原型化相关网页，并及时测试迭代。又如，不受时间地点和设备限制的在线网页协作设计工具，摹客，在线即可轻松实现设计师、产品经理以及开发人员的实时协作，成功提升工作效率。
结语：
相关阅读：
网页设计有趣故事 第5篇
设计师: Demner, Merlicek & Bergmann
网页类型: 食谱分享类网页
Darbo Fruchtikurs是一款交互式的食谱分享类网页设计。通过直接的食谱书籍类设计，引导用户一步步制作各类美食甜点。
静态食谱书籍设计，搭配适当交互动画，以及诱人的美食图片，动静结合，使整个食谱查看过程简单而极具趣味性。
设计师: Lemondade
网页类型: 艺术慈善类网页
Lemondade Giveback是专为庆祝Lemonade（一个知名保险品公司）向慈善机构捐献$630k而打造的网页设计。
整款设计利用简单的动态线条，引导访问者，逐步深入地了解Lemonade在过去一年时间里的各类捐赠情况。最后，呼吁大家也加入到这个捐赠大军，一同帮助他人。
整个设计娓娓道来。最后的呼吁，也是水到渠成，是一款非常值得设计师学习的故事性网页设计。
网页类型: 教育类网页
Nasa FDL Google Cloud是一款由NASA的FDL实验室和Google Cloud联合打造的HTML格式的3D网页设计。
整款设计主要通过炫酷的3D技术向用户逐一展示太空相关知识，介绍NASA在其他星球寻找生命迹象的相关研究和结果。用户滚动鼠标，即可了解对应详情，操作简单易用。
网页类型: 商务类网页设计
用户访问网页，即可轻松了解如何减少空气污染，保护人类生活环境。 其简单吸睛的简笔画设计风格、逼真的绘画音效以及动画，使整个网页更加直观易懂，可操作性极强。