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

　　网站能承载多种多样的内容，但无论是哪种内容，通常都会遵循一定的信息架构，在这其中，故事是很特别的一种类型，讲故事，往往能以更叙事、更情感化的方式，将内容传递给用户。

　　一个好的故事，往往始于笔端，但是最终呈现，还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章，为你分享一下创造故事的7个维度。

　　1、图片

　　首先，想要讲好故事，要通过设计在视觉上吸引用户。这一切要从干净清晰的视觉设计开始。壮美的图片，有趣的插画，惊艳的视频，都会抓住用户的注意力，并给予用户第一印象。

　　在视觉上足够突出的图片，搭配以文案，一切开始拥有了画面感，而故事因此而诞生。从照片到色彩，从文字到细节，故事所传达出来的信息和气质，和整个视觉设计应该是保持一致的，而好的故事，能够带着用户一路走过来。

　　2、角色

　　当我们在设计网站的时候，常常会探讨用户本身和故事的角色。在网站的开发过程中，用户所代表的身份，和呈现在用户面前的角色，有着怎样的关系，这是内容和设计上需要探讨的关键问题。

　　这个角色可以是一个贯穿整个设计是实体角色，也可以是被包含在视觉和文字内容中的一种气质，或者腔调。

　　Freddie 公司旗下产品MailChimp 中所创建的视觉形象就是一只有趣的猴子，而这只猴子不仅仅是他们的LOGO，而且这个形象贯穿了整个设计，这个角色为整个产品作出了不小的贡献：

　　首先，这个形象和公司、产品的名称相互呼应，也解释了为什么叫MailChimp。虽然MailChimp 这个生造的词汇会让用户感到迷惑，可是看到猴子的形象，他们能够很快Get到这个命名的含义。

　　这个形象还揭示出了这个公司的特色，有趣的设计和独特的气质。

　　猴子Freddie 本身就代表着故事，它是怎么来的?名字怎么起的?这个形象本身就自带故事属性。

　　3、互动

　　引导用户与内容进行互动，这是设计能带来的重要价值之一。通过动效和行为召唤(CTA)让用户自然地注意到关键的内容和重要的控件，引导用户与之交互，这是为了促使用户与内容紧交互，参与到这个故事中来。

　　想要用户参与到故事中来的另外一种方式则是视差滚动。它从视觉上鼓励用户持续地向下滚动，在保证体验愉悦的同时，用动态而有趣的视觉设计，强化互动。

　　一个好故事并不需要做的太复杂。Humaan 就很直接的借助团队照片和悬浮动效来讲述故事，帮助访客了解这个团队的成员。这种设计简单而有效。(注意悬浮状态下每个成员姿势和表情的变化，非常有意思)