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

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

1、图片

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

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

编者按：说起usTwo 你可能没听过，但《纪念碑谷》你肯定玩过。这个全球顶尖的设计工作室还做过哪些酷酷的产品？他们是如何帮助设计师和客户合作的？想加入它们有哪些要求？这期直接让usTwo 的设计师为大家揭秘。

我们请到了设计工作室 usTwo 的设计师 Avalon Hu。她曾先后就读于台湾大学生物产业机电工程系和密歇根大学人机交互专业，曾在 R/GA 和汤森路透任职。本期我们聊了聊她如何从迪士尼秀场后台开始，转专业成为用户体验设计师；设计 Agency 的工作流程；usTwo 独特的企业文化和公司结构；最后她也与想加入设计 agency 的同学分享了自己的建议。

设计风格是一种很虚的东西，对于大部分的 UI 设计师来说，都是如此。

相信很多人都是在一家小型的互联网公司做设计，估计还是公司唯一的设计师，同时对设计风格又拿捏不定，总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”，谁 TM 知道这“大气”指的什么鬼？

即使花了不少时间去研究其他公司的产品，依然做不出领导满意的视觉稿，最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。

我上面也说了，其实这种事情（讲述设计风格）对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题，不知道如何向领导或客户讲述自己的设计风格。

说个现象，仔细想想自己是不是这样的：我们在做视觉评审的时候，设计师讲述的常常是文字对齐、线条、高斯模糊、图片大小等视觉表现，有时候甚至沉醉于 icon 的角度及尺寸的问题。面对于产品经理与程序员的质疑只能说：我觉得这样更好看、这样比较适合我们产品的风格…之类的话。要知道，这些理由在如今这个以显性数字指标为衡量标准的互联网时代已显得苍白无力。

实话实话，想要把设计风格讲清楚，的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯，毕竟现在的移动产品从视觉表现力方面正在逐步降低要求，这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因。

为什么要用这个颜色，为什么要用线条、模糊、留白、卡片、阴影…说这么多干嘛？别人能懂？即使听懂了，他也会从他的角度来告诉你：那我觉得这个阴影不要会更好。你怎么回复？

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停，这也是近年动效设计的热点之一。

正是由于Material Design 和苹果所引领的动效设计风潮，许多曾经有过的设计技巧和元素正在逐步回归，而悬停就是其中之一。但是相比于曾经那些闪烁弹跳的，现如今的光标悬停来的更加微妙，更加强调功能性和体验。

和其他动效相似，光标悬停让交互的引导性更强，有的还带有预览的作用，它的使用范围非常广，大到全屏，小到提示和导航元素，不一而足。

接下来，我们通过实战案例看看，光标悬停目前有哪些创新的玩法。

首页动效

模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。

编者按：什么是模块化设计？它有哪些优势？该如何运用模块化设计？本文腾讯CDC 的高手带你一窥模块化设计的奥妙。

在看组件和元素之前，我们先了解在他们之上的一个概念

模块

模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。

什么是设计规范，设计规范到底有什么用？如何看懂设计规范？今天@Jaret_杰瑞特 结合实际工作中的体验，帮你快速上手设计规范。

当我们聊设计的时候，可读性是我们最常提及的话题。良好的设计应该都是可读的设计，如果信息都无法正常而清晰的传达，那么设计就失去了意义。

设计的可读性和排版设计息息相关，与此同时，对比度的控制也是其中的核心。想要提升内容的可读性，让内容以更加顺畅、更符合逻辑的形式呈现在用户面前，你需要借助对比度来表达，让用户真正顺畅的理解。

色彩对比

前景的文字需要和背景有着明显的对比，它需要能够吸引用户的眼球。

编者按：什么是内容化设计？设计师为什么要关注内容？如何通过设计的手段提高内容体验？阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓！

前言

如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享，手淘的设计师和业内的同学们一起做workshop，探索如何进行行之有效的内容策略脑爆，以及思考内容产生、组织到流转分发的设计策略和用户行为数据验证。希望能让大家对无线端导购的内容化设计有所启发。以下是对大会相关内容的整理。

在探讨内容化设计是什么之前，或许有人奇怪：设计为什么要关注内容呢？

表单是网页设计中最常见的元素，几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅，到注册、下单、购买，表单一直伴随着网页而存在。所以，设计出好看易用的表单是非常有必要的。

也正是因为表单一直伴随这网页存在，在过去的20多年间，表单的设计规范和标准也一直在逐步发展。虽然许多网页中的表单涵盖了大量的信息也数量可观的栏目，但是绝大多数的优秀设计和最佳实践都是以简单而著称。好的表单一目了然，用户不需要输入太多信息，条目标识明确，格式清晰，让用户尽可能一次就能正确填写。