故事也许是人类最早的叙事方法。大多数人在童年时，故事用来引导他们的行为，了解历史文化和培养社会认同感。”－Form Wikipedia

1.什么是故事（WHAT）

在讨论如何打造故事感体验之前，我们先聊聊什么是故事。

故事（Storytelling）是通过文字，声音或图像来传播的事件。它在各种文化扮演着娱乐，教育，传播文化和价值观的作用。讲故事或许是人类最早的叙事方法。大多数人在童年时，成人都会用故事来引导他们的行为，传授历史文化和培养社会认同感。注1

讲故事是一种解释和分享的方法。这在我们生活中非常普遍。它们可以弥合文化，语言和年龄之间的分歧。例如在教育中，可以通过故事让人更加容易理解。又如远古社会，人类使用纪录和传播故事，这些壁画即使过了上千年，依旧能理解其中部分含义。

古埃及金字塔中的。图片来自 forum.china.com.cn

甚至在工作中，通过讲故事的形式，也可以让信息在人与人之间更加的传输。比如说在讨论用户需求的会议上，通过讲故事的手法，产品设计可以将用户需求转化为一个个场景故事，便可以准确的让别人理解。 人类从古至今一直深受故事影响。从圣经到现代小说无不是故事。因此当人的大脑在听到故事时，会产生特别的反应。

在论文《A Theory of Narrative Empathy》中描述到，当人类听到故事时，大脑中的”镜像神经细胞“（一种神经细胞，使人们学会从简单模仿到复杂模仿 －Wikipedia）会异常活跃，促进人类引发共鸣并理解别人的行为，所以故事很容易让人类沉浸其中。注2

仅靠敲代码就搞定背景的网站！得益于CSS技术的进步，现在我们可以敲代码就实现超赞的渐变背景，效果丝毫不输Photoshop，且不受屏幕大小限制，绝对是未来的热门趋势之一，抢先学起来 >>>

渐变的配色怎么办？给你一个在线工具！《新年配色礼包！五款帮你在线搞定配色的WEB APP》

新年刚过，给自己许个愿吧：《新年专属教程！手把手教你绘制简单好学的新年签》

Love Message

Niek Dekker

编者按：想知道Behance上有哪些设计师值得关注，看这个列表就对了！作为全球最大的艺术展示社区，优秀的设计师每天都会抽时间到Behance上学习，作汲取灵感之用。如果你不知道有哪些人值得Follow，这篇刚好对味！

这是一个外国小哥写给其他想进入中国市场的外国设计师的，用来学习中国互联网是个什么样子，很多我们习以为常的东西在国外都变得不可思议，感受下。

网页产业的动荡与中国的飞速发展有着许多相似之处：至少他们都是令人捉摸不定的。但是如果你把这两件事情放在一起的话，你就会看到一幅快速变化的中国互联网发展的画面 。为了不被淘汰，我们必须展望未来， 以便尽早迎接变革。

别小瞧了中国的网页领域，它并没有你想象中那么简单，尤其是在个别的关键方面——中国用户的预期和西方用户简直差太多了。接下来我将带你进入网页专家的视角，一起来看看移动社交平台的爆红，以及那些优秀的设计师和作品。

　从 2012 年到 2015 年，大数据持续发威，IDC 市场调查机构预测 2017 年大数据市场将价值 324 亿，拥有这样“Big Data、Big Deal”远见的人，正在利用大数据激荡出最有创意的构想，用数据的力量来创造出大量的价值。从让资料搜寻分析平台，到利用大数据帮助癌症治疗，大数据新创公司这几年内如雨后春笋般出现，2015 年这些“Big Data Startups”也会持续挖掘大数据的价值、微调其企业策略，期盼在市场中展露头角。以下几家新创公司都已经各自获得好几轮金额可观的融资，在大数据市场中十分有潜力，值得我们关注并参考，从中瞭解大数据的应用方向及潜能。

很多同学做设计的时候经常会漏掉这个漏掉那个，等到开发来问的时候才想到。现在有了网易同学自创的自查表，可以把一些问题提前预防起来，文章系统全面，条理性强，是不可多得的实用好文呦。

飞灵：对于移动应用来说，移动情景非常复杂，设备也很多样。那么在设计之后，设计评审之前，你的交互稿考虑的细节是否完善，对特殊状态的描述是否有遗漏，你是怎么提前发现一些问题并查漏补缺的？为解决这个问题，我们团队建立了一份交互设计自查表，并且在版本迭代的过程中同步迭代，补充新出现的异常点。

这份表格梳理了用户在完成具体任务过程中的各种异常情况。它不会显示交互的所有细节，但是却能为特定的目标提供用户体验的全面视角。这个目标可能是高层次的，例如：进行某项操作无网络时，应该如何展示；网络不佳时应该如何处理等。在此过程中，可能由于特殊的使用场景，解决方案会有不同，但是这份表格会提醒你去深入地思考一个解决方案。以下是我在总结这些异常情况时的一些小经验。

值得庆幸的是，国外已经有很多优秀的移动用户界面资源是可用的，这些先驱的宝贵资源可以大大帮助你的移动设计或开发你的响应式网站。相信今天要隆重推荐的10个网站，无论是在你设计一个新的移动应用程序还是寻找特定的设计解决方案时，他们都会踏踏实实的帮助到你。

1. Konigi

这个网站上展示了许多完美的交互设计和视觉设计案例，网站提供了许多不同的方式来引导你便捷的搜寻感兴趣的项目！一定要利用好标签哟。

为了对称，我将她肩膀上的缺口补上了，但是作为一个形象剪影，她的头发太像《星球大战》中黑武士的头盔了，所以发型还需要进行一些调整。马尾辫足够现代，也非常女性化，看起来会给人年轻的感觉，但是在32像素的宽度之下，马尾辫的效果看起来像是某种啮齿动物。如果改成长发披肩或者其他的造型，在如此低的分辨率之下也难以准确表达、消除歧义。所以，最终我使用了一个更加爽利精致的短发形象。

更新完女性剪影之后，问题来了：旧的男性剪影似乎也有些僵硬而过时。于是，我调整了男性剪影的发型，令其更加平滑，让肩膀的弧度更大。在更新这个图标设计的时候，我发现Facebook的常常会用男性单人图标来表示“添加好友”。这样的设定似乎并不公平，或者说是不准确，难道所有的朋友请求都应该用男性标识来传达么？唯一的性别图标是不恰当的，所以我准备了一组。

在网页设计中使用透明效果是件既美观又冒险的事儿。透明效果的使用是把色块，文本或图像“变薄”或者降低饱和度，使颜色变浅透明，这样下个图层的内容就能穿透显示出来。这种方法如果用好了，效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点。但设计者在运用透明效果时要特别小心，因为这么做可能会影响页面的可读性。要是框和文本的透明度不对，更可能会影响到整体的设计。

审美疲劳？感觉Logo设计大同小异？做设计，没有创意怎么能行？
今天推荐的Logo可不是扫一眼就能看明白的，除了要用眼睛看，还要用脑子想。怎么样？敢不敢来接受这个挑战？

好了，不绕圈子了，50个意蕴深刻的Logo设计现在开始。