美P于2021-04-25发布在01.
原稿分析
原稿是一个很常见的协作流程图，并且协作双方做了明显的流程划分。
从视觉角度来说，页面的版块划分已经非常清晰了，我们能处理的就是怎么让页面更好看。
知道了设计方向，接下来我们就开整。
02.
美化设计
首先，我们让整个页面更加规整。比如统一矩形的大小，统一对齐，调整箭头方向等。
各个元素的排列都是整齐规范的，必然会让页面看起来更加舒适。
我们再仔细观察下页面会发现：协作对象（企业端、供应端）与对应的流程之间的关系不够明显。这个怎么办呢？
我们可以用一个方框将协作对象与流程框起来，这样对应关系就显而易见了。
两步操作下来，页面基本上没有明显的设计错误了。那接下来，无非就是增加点阴影、改变下形状，这些小细节让页面更好看。
当然，我也考虑到我领导比较喜欢科技风，所以后面改成了科技风的设计风格。
但是当这一版交过去过后，领导却是不满意。问其原因，领导也说不出个所以然，只是觉得中间黄色的线条比较乱。
03.
思考迭代
黄色线条为什么会看起来乱？原因可能是既有左右方向的线条，又有斜方向的线条，导致线条的呈现不统一。
基于此，我将斜线改成了上下左右的直角线条，又迭代了一版。
但是领导还不满意，他还是觉得乱。可是线条方面我已经尽力让其协调了，内容就是这样我能怎么办呢？难道我把内容结构改了嘛？
就是这样的一个自我反问，突然让我灵光一现。领导觉得页面乱其实不是设计上的杂乱，而是阅读顺序的杂乱。
虽然乍一看，页面是左右两部分，结构非常清晰。但是当我们真正阅读的时候就会发现：视线需要从左到右，从右到左反复横跳。这样必然会让我们产生一个杂乱的感觉。
所以，我们只需要调整下协作流程的结构，让它沿着一条线发展下去就好了。就像这样：
这样阅读起来是不是轻松了很多？
当然，这时候我们就看不到明显的流程执行对象了，也就是不知道哪一步是谁干的。怎么办呢？其实很简单，直接加一个图示就好了。
这样，最终的页面就完成了。领导看完后，果然很满意。
最后总结一下
原本是个很简单的美化需求，但是我觉得中间的思考过程还是挺重要的。
很多时候，我们会受制于自己的想法，做出自嗨型的设计。错把自以为的好看当作甲方的需求。但其实方向不对，设计再多稿也是白搭。
学习的时候，我们需要注重设计细节，期望做的更好看。但是工作实战中，我们更应该注重大方向，完成需求方的目标。
转至公众号：愚人说P
