在很长一段时间里面，网页中的背景图片元素，一直都生活在CSS、JS甚至视频的阴影当中，它的“参与感”并不强烈。不过随着审美和用户需求的逐步变化，背景图片在网页装饰上，开始发挥着越来越重要的作用。

当然，从总体上来看，变化并不明显，但是在绝大多数的情况下，背景图片开始作为主要的视觉驱动力而存在。

传统意义上的背景主要是使用图片，近几年开始流行视频背景了。而这些主要还是集中在网站的页头、Banner等位置，大多用来欢迎用户，推荐内容。许多网站都采取了相似的策略，让用户有所期待。

随着动效的流行，现在越来越多的设计师开始试图将CSS3、HTML5和JS等技术融入到背景设计中来，寻求全新的解决方案。事实上，现在已经有四种不同类型的动态背景设计方案，它们风格都非常符合时下流行的趋势，且都具备不俗的发展潜力，今天我们聊聊这四种风格前卫大气的背景设计。

动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点：

“我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界面获得内容的过程。”

动效广泛运用于网页内容和背景当中，用来强化功能，提升美感：它会直接影响用户的行为，引导用户注意到特定的内容，呈现状态，帮助用户找到他们想要的内容，达成目标。想要借助动效提升用户体验，可以参考下面的指引来进行优化：

进入2016年后，我们会发现行业在体验设计上出现了很多新的元素，从我们平时经常浏览的设计社区中，这些新元素出现的频率越来越高，比如彩色投影、双色调渐变设计等，我们也慢慢开始接受这些新变化，并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析，能对我们平时的工作能产生一定的指导作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合时下流行的扁平化和现代风的设计，设计效果十分的赏心悦目，可以很好的和幽灵按钮以及时下流行的元素搭配起来，提升用户体验。

以淘宝电影为例，采用的是虚化电影海报作为背景，这样做的好处是每一个页面的头部效果都不一样，这样的排版视觉效果更佳，同样也突出电影信息等主要内容。从设计的角度来看，这也很容易实现，让内容模块变的清晰，同时可以规避复杂的设计，还可以降低设计成本，花最少的时间达到最大的效果。

从今年4月份开始，我被安排负责一个直播项目，设计之路可谓曲奇坎坷，难得的设计经验让我对交互设计本身有了一些新的认识。结合自身的感悟，我自认为交互设计师除了专业能力的要求外，还应该具备以下素质：

1，业务深度带来业务驱动力

在工作之初，我认为无论负责什么项目，交互设计都是一种解决复杂问题的能力，从设计分析到设计产出是具有绝对的普适应；而且随着设计能力的提升，经验的积累，这种普适性更加凸显；这一层我并不否认，但交互设计师只聚焦于普适性可能永远都处于门外汉的水准；有机会专门负责直播项目，让我不得不接触和使用各种直播App，不得不和很多专门做直播的人合作，在这过程中，让我对于直播业务有了深入了解。

举个栗子，比如设计一个直播的发布流程。

乍一看许多APP的布局并不复杂，感觉换成自己也能设计出来，但是当你真的开始着手设计这么一个APP的原型的时候，会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难，可是当自己动手的时候，在特定的元素的选取和设计上很容易陷入困局，这个时候才明白它的难点并不在于工作量的多少，设计者常常深陷于细节构建的囹圄，这才是它的困难之处。即使是元素与元素之间的分隔方式，都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中，最传统也是最常见的分隔方式用的是线，将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来，它帮助用户了解页面的层次结构，赋予页面内容以组织性。

启动页、空状态、动画反馈、框架界面… 今天提到的这4种状态，都是容易被忽视，而又能让移动App 脱颖而出的细节。如何做好这4个细节的用户体验设计？今天这篇好文总结了关键的几个原则。

启动页

当用户打开 app 时，最不能做的事情就是让他们等待。但是如果 app 的初始设置非常耗时，又不可能优化该怎么办？你不得不让用户等。如果他们愿意等，你得知道如何 吸引他们。启动页解决了等待的问题，让你有一个简洁有力的窗口来吸引用户。

文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。

先来做个设计需求吧！

这个设计需求是：我们需要用户填写活动的名称。

第一反应，这个是用来收集信息的，需要用户填写内容，并提交给系统，应该使用文本框。

然后大笔一挥，设计如下图：

团队每周例会都有专业分享环节，快轮到我的时候，我问大家想听什么设计专业话题。我心里想着这些话题：交互设计进阶，设计与商业，设计视野拓展，设计推动力，设计创新，设计新动力等，想着大家对哪个话题感兴趣，我就准备好并好好讲。结果，大家一致要求我讲，如何成为网红。。。

我当然不是网红，不过我知道大家开玩笑之余想听什么，所以我分享了这个话题，专业文章写作经验，给团队分享一下自己写设计专业文章的经验和故事。

从2012年3月开始到现在，我已经保持写作习惯4年半，写作内容有60%是设计专业文章，20%是职业发展文章，20%是随笔旅游类文章，一大部分发布出来了，一小部分自己留着读。在这次分享中，除了设计专业文章，我也讲了一些职业发展、随笔旅游类文章的写作经验。

编者按：什么是设计提案？设计提案怎么做？如何组织设计提案？如何增强提案的说服力？设计提案要注意哪些点？今天@南宫若沁 这篇全面系统的文章，帮你彻底搞懂这些问题。

什么是设计提案？

设计提案，简言之就是基于现状，针对存在的问题提出设计的解决方案。目的是为了与业务方达成共识，在后续的工作中互相支持，促进最后的项目落地。

在商业设计中，常见于设计团队将自主驱动的设计方案“卖”给业务方，获得认可，并提供相关技术合作，达成共赢。

孙梦超：我自己也曾经历过「交互设计师到底有什么用，感觉就是一个画线框的，需求下来画原型，画交互稿，然后面对质疑，撕逼或者改原型。好像只要会Axure就能做交互设计师」的阶段，所以写了这篇文章，希望大家都能成为真正的设计师而不是沦为“线框仔”。

选择交互设计师这个职业，我相信有很多人当初和我一样都是怀着一颗“用设计改变世界”的心，我们看着那么多伟大的公司正在用设计驱动着科技，改变着未来，我们为之沸腾。这说的可能有点大了，但是往小的说，我们至少可以通过设计让我们的产品变得更“美好”，我们从中获得一些成就感，但是事与愿违，在现实中，我们丢掉了一个设计师应该有的责任，失去了我们应该有的思考和行动，我们渐渐的沦为线框稿输出的机器，变成了一个可有可无的角色——“线框仔”。