好的设计往往需要好的内容作为基础支撑。无论是内容还是设计，想要让两者最大化的搭配，往往是需要进行调整和优化才行。

当你的内容需要迁移到移动端上的时候，要怎么让内容和用户体验无缝地配合起来呢？设计师要基于小屏幕的交互来思考整个设计和优化的策略，而今天的文章，就为你分享7个设计技巧。

1、每屏完成一项任务

为什么？

我们有这样的焦虑，其实是因为我们对交互知识的整个体系无法预估（事实上设计的高度非标准性也令我们无法感知整个知识体系的边界，事实上它本身也没边界），所以导致我们常常不够安心。

事实上，知识学习本身就有一条学习曲线：刚开始是成长期，随后就是平稳期，然后就进入瓶颈期，需要学得更深，否则只会一直停滞。越到瓶颈期，越不知道要学什么。

1. 收到任务

我们每天都可能收到不同的设计任务，作为设计师，顺利的完成这些任务是我们最基本的能力，那我们今天要讲的任务是什么呢？

嘿嘿！一套天气图标。

认真的构思中…..

2. 找参考

算了，还是先看看别人都是怎么做的吧！

我找了一堆参考，随机选几个展示下，如下图（图片采集于花瓣网）：

QQ作为一个连接人、内容与生活的社交平台，其注册帐号将是我们产品中非常重要的一环。基于Mobile端与Pc端的区别，我们在手机版QQ的设计上要求更轻、更快、更便捷的给用户下发QQ号。目前手机版QQ的用户量覆盖率已达8亿以上，所以现有新QQ号的注册情况多为已有号码登录情况下的小号注册。所以如何帮助用户快速注册新QQ号，并且使用户在流程中获得良好的用户体验就是我们思考的问题。

1 简化流程

1)   分布注册

分步注册是什么？它指的是在注册页面上，一个页面只专注于一个信息的提交，分步骤地去让用户完成整个流程。相反，非分步注册则指的是在一个长页面上完成多个信息的填写，最终提交注册一个帐号。

关于极简主义

实际上极简主义这个词在人类活动的各个领域中都被地使用着，Merriam-Webster 词典种对于它的解释是“在音乐、文学和设计领域中以极其平衡简洁而著称的一种风格或技术”。极简主义正在被越来越多的领域所接纳，其核心的特征是简约而富有意义。

作为一种视觉设计的新方向，极简主义在20世纪60年代的纽约很受欢迎，当时的新老艺术家正在探索将抽象几何元素融入绘画和雕塑艺术。相应的，极简主义在当时的诸如包豪斯运动、建构主义运动中，留下了浓墨重彩的一笔。在涉及视觉艺术的不同领域，极简主义的核心原则基本都是优雅地保留关键性的、引起观者注意力的部分。线条、形状、色彩、留白、构图等一切元素都被有效地组织起来。今天我们在生活的各个领域都可以看得到极简主义的影子：建筑、艺术、摄影、文学、音乐、UI设计，甚至食物。

如何搭建数据可视化系统，用丰富的设计语言清晰表达复杂和庞大数据，并形成鲜明的设计风格？我们把数据可视化的元素进行拆分并建立相应的规范体系。

图表设计

1. 图表基本类型

六种基本图表涵盖了大部分图表使用场景，也是做数据可视化最常用的图表类型：

柱状图   分类照片照片什么照片什么什么项目之间的比较;

饼图   构成即部分占总体的比例;

折线图   随时间变化的趋势;

条形图   分类照片照片什么照片什么什么项目之间的比较;

散点图   相关性或分布关系;

地图   区域之间的分类照片照片什么照片什么什么比较。

基本图表类型都有通用的样式，不过多的展开讲解我们更多的考虑如何选择常用图表来呈现数据，达到数据可视化的目标基本方法：

@乘与九设计：学习版式设计就是学习如何处理信息重点，因为在任何设计中，最重要的信息需要首先被注意到，然后是次要信息。下面介绍几种适用性强的区分层次的手法给大家。

在开始设计之前，关键要先梳理好哪些是重点信息，哪些是次要信息。接着就是要讲重点放在什么位置，是标题，内容，还是图片。这些信息的重点就是版式的层次结构。一旦确立好层次结构，接下来就是靠常用的视觉形式来处理即可，例如通过字距，笔画粗细，颜色，以及字体等等。方法如下：

1.  添加垂直空白空间

鱼小干：在谈到企业产品的营销时（本文中提到的“企业产品”是指“给企业客户使用的软件/应用”），一种观点认为客户肯定是靠线下推广来获取的，另一种观点认为应该让用户主动购买而不是被动推销，持这种观点的公司尤其重视通过产品官网来获客。无论持哪种观点，不可否认的是官网是客户对你产品的第一印象，很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一，有的只把官网当作摆设，粗制滥造套个模板结束，甚至还忽略了移动端适配。

作为企业产品的设计师，我们要如何设计好看又好卖的产品官网，有没有一些套路可循？

企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买，再配合一些增强说服力的手段来促进转化——将尽量多的访客（潜在客户）转化为注册用户并最终完成购买。按照用户浏览网站的顺序，有以下5大设计要点：

1. 善用首屏大图吸引视线
2. 销售主张明确传达产品价值
3. 合理的导航方便访客获取信息
4. 无处不在的CTA推动转化
5. 客户案例增强信任感

转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面，动态的转场动效更符合人类的自然认知体系，有效地降低了用户的认知负载，屏幕上元素的变化过程，前后界面的变化逻辑，以及层次结构之间的变化关系，都在动效的加持之下，变得更加清晰自然。从这个角度上来说，动效不仅是界面的重要支持元素，也是用户交互的基础。

动效设计，尤其是协助交互的转场动效，如今日趋成熟。通过大量的案例分析和过来人的经验，我们逐步总结出优秀转场动效的5个核心的规则，今天的文章，我们就来分享这5个知识点。

交互篇

什么是滴滴试驾商业B端平台App

商业B端平台app是滴滴出行旗下试驾针对厂商内部开发的一款app，通过进入试驾B端，厂商能够快速的获取相关数据。app内有滴滴试驾在c端的基本数据和画像分析。合作厂商还可以查询具体与试驾合作项目的基本情况、画像分析、车辆情况等数据。

简单的来说就是从滴滴试驾c端提取数据到B端以供厂商查寻。