在设计的过程中，怎样让自己变得更聪明！（上篇）——提高价值观

2017-04-26 13:51:00

不管信还是不信，大部分所谓的智商的确不是天定的，而是后天习得的。这篇文章就借由楼主在设计溯回式拍摄动效过程来说明怎样让自己变得更聪明。抛砖引玉而已，做个示范。有太多伙伴问楼主一个东西怎样从无到有再到最好的整个过程。

聪明的概念

引用李笑来老师的话来解释一下什么是智商：
1.脑袋里有多少个清晰、准确、必要的概念；
2.那些清晰、准确、必要的概念之间有多少清晰、准确、必要的关联……
如果这两者是我们脑袋的运行系统的话，决定我们脑袋的运转的基石就是价值观和方法论。

价值观，通俗地说就是“知道什么更好、什么最好”，决定选择的质量。
方法论，通俗地讲就是“如何做、如何改进”，决定选择后行动的质量。

怎样提高价值观

当我们知道价值观是“ 什么更好、什么最好 ”，如何确定关注哪里更好呢？方法只能通过大量的试错、实验，最终选择出来。做越多的尝试，自己所思考的信息越多，相对来说其实考虑的也更周全。当自己不知道从什么地方做起来的时候，那就硬着头皮随便哪一个什么方面开始想，因为思维是会偷懒的，你越投入，联想的东西就越多也越全面。

打比方说楼主要做一个溯回式的拍摄动画，什么叫做溯回式的拍摄动画呢？就是用一个动效告诉用户，咱们产品是用来拍视频的，而且不像微信那样长按进行拍摄，拍摄的时间就是手按住的时间。而是，采用点击的方式之后，拍摄了一段从现在往以前算的一共10s的视频。是不是拍摄机制上很创新？

当时楼主拿到这个任务的时候也是很懵逼。完全不知道从哪里下手。最开始的做法就是参考现在市面上国内国外最火的同类APP的做法。比方说美拍和Instagram它的拍摄机制就是，给了一个进度条代表时间的流逝，于是楼主也按照这样的做法去做一个进度条。

做完之后发现一个问题，就是10s之后，进度条就走完了，用户不知道现阶段视频是否还在录制，于是明白了，需要有一个“时间流逝”的概念加进来。然后接着怎样表达“时间流逝”的概念呢？

楼主想了好几种表达方式：
1.利用胶片与剪刀的概念，来进行时间的表达。胶片在不断滚动代表着时间的流逝，将拍摄按钮做成剪刀的图案，在截取视频的一瞬间用剪刀去进行剪裁，如下图。当然这个有点机械化，前期草稿的灵感都很机械式地表达。就算是这样关于胶片与剪刀的灵感，楼主也尝试了好几种表达方法。

胶片方案1.png

胶片方案2.png

胶片方案3.png

胶片方案4.png

胶片方案5.png

2.用渐变的颜色条表示时间的流逝，如下图，楼主也做了两种方案进行尝试。

颜色条方案1.png

颜色条方案2.png

3.用磁带顺时针转动表示时间的流逝，然后将拍摄按钮做成一个倒带的图标，点击倒带的图标之后，磁带逆时针旋转，然后缩到右上角的“相册”里面。

磁带方案.png

磁带方案-保存中效果.png

4.用抽象的螺纹向前滚动的状态代表时间的流逝。

螺纹方案.png

这个是第一阶段的尝试，不管三七二十一，先让自己进入思考的状态。做出很多方案后拿去跟同事进行讨论。大家商讨之后定出一个结论就是，胶片的概念相对比较好理解，而且在现有的胶片的方案中，比较倾向于缩小动效放置的页面范围，让用户沉浸于视频拍摄的本身。越是楼主进一步进行修改，于是得到了第一阶段大家比较认同的方案稿，如下图。