这个标题类似于日本动画片“Re：来自不同世界的生活从头开始”。一些灵感可以应用于设计。从头开始所谓的异化视觉设计是一种设计思维方式。有时我们会对如何改进设计功能感到恼火。本文可能会提供一些参考思路和设计方法。

　一. 从零到一

从零到一个是什么？

从信息框架的层面到可以开发的视觉设计，我将这个过程称为零到一。

例如，让我谈谈这样的需求。它是游戏类别的列表页面。必须左右滑动标签。交互图如下：

当面对这种互动时，你会立刻想到它吗？

这是对的，这是我们的常态。在成熟产品的大系统下，有自己的基本控制规范。这些规范的目的是确保整个大型系统页面之间的逻辑一致性和视觉一致性，如下所示：

然后我们会把它视为理所当然，把相应的规范放到相应的交互中，然后注意间距，品牌颜色，列表样式。然后我们完成了视觉草案，过程从零到一，如下图所示：

那问题就来了，这够了吗？

二. 从一归零再到一

有时设计师会担心为什么他们只是满足期望，很难突破，或者他们会有问题，他们还能做些什么吗？

如果你说根据正常状态放置交互图，应用规范或执行视觉是0到1的过程，你能考虑将这个1变为0然后考虑异化会是什么样的？ 。

按照这种思路，让我们考虑一下找到“1”的问题。不难发现它有几个问题：

只能通过阅读文本以及是否可以添加图形徽标来识别文本标题的缺点。

没有游戏氛围，除了图标外，你无法感觉到这也是游戏平台的页面。

有点无聊和无聊。

那么进一步的思考是基于原始的，需要为新的“1”做什么？

保留重要的不可更改信息：列表，标题，左侧和右侧。

信息和布局有哪些变化？板？添加气氛图？添加辅助信息？

如何达到预期的效果：氛围，图形标识，乐趣。

然后尝试各种方法来找到正确的界面布局，你可以像这样优化它：

这就是我所说的“从零到一”。

现有的视觉设计将能够通过分解布局和信息结果并以更好的方式重新组织它们来获得新的视觉效果，从而给出一些略微疏远的风格。

　三. 零一的循环

在前一种情况下，我们可以看到从“零”到“一”然后从“零”到“一”的过程。

最难以理解和最难做的是回到“零”过程。 “零”是指在前一个界面中拆分和重组信息结构，还需要优化结构并满足基本需求。

摘要的基本操作是：

与产品通信以了解视觉级别需要满足的内容。

了解产品的未来趋势并思考前瞻性的视觉概念。

取消组合页面的所有元素和信息，分析属于哪种类型的信息，组织不可更改的信息，可变信息，可添加的信息以及可变布局样式

信息重组，在思考董事会的过程中，您可以重新组织以前分解的信息，并且您可以考虑转换风格的可能性。通过产品的需求和设计的期望，我们不断尝试重新组织信息结构，找到合适的布局和视觉风格。 （注意：为了确保您的生命安全而不是无用，这一步必须与互动的同学，产品同学和技术学生进行沟通）。

这是从零开始的设计方法。我们项目的周期通常根据项目的紧迫性来确定，因此总会有不同的视觉设计周期。然而，利用“从零开始”方法，可以在有限的时间内从“零”到“一”然后从“一”到“零”连续地汇总信息，并且连续循环以找到最合适的设计。将此过程称为“零循环”。

就像上面的交互图一直是“从零到一”，我们可以获得各种不同的视觉草图来找到正确的解决方案。

　　四. 思考的维度

从循环开始时这种思维方式将使我们能够在设计中考虑尽可能多的可能性，并根据产品的特征找到正确的方法。它还确保我们的设计合理。

这时候，很多小伙伴都要问，你怎么从零开始思考呢？这不是一个不同的布局方案吗？当然，布局思维是“零方法”的一个重要方面。思考的几个不同方面。

　　1. 互动方式

留言板一直是用户以前使用过的功能，但有可能使用一些更有趣的方法吗？以前的留言板是一个卡片滑动开关，可以看到单个留言，但效率低，而且互动性很弱，所以只要想想是否可以使用弹幕进行优化，结果会好得多。

用流行且有趣的弹幕替换原始卡留言板的方式更具吸引力。让弹幕变得更加热门，增加用户在主页上的参与度。

　2. 情感化融入

这是夫妻之间互动的一个功能，但是在界面中看到问题和分数是否有点无聊？那么，你可以从情感维度思考，你能拥有个人媒介，让两个人之间的互动变得更有趣和情感。

你也可以从零到各种各样的维度思考，我们可以从有足够的时间尝试中受益。所谓的聪明才智也是不断寻求答案的决心。

在一天结束时，全文将探讨设计方法，其理念是“从零开始”。事实上，所谓的“从零开始”是在获得结果时向前迈出一步。

« 前端即将到来！ 2017年12月，超实用的前端干货收藏！ | Rainbridge视频：拥抱广告的新变化，使广告取得惊人的成功 »