设计方向不对,做再多稿也白搭!

发布于 2021-04-06 08:09



嗨,大家好,我是愚人。
今天给大家分享的是我工作中的一个实际案例,本来这个案例我觉得没什么难度,但竟然没有一稿过。在认真思考后,我才发现了一个隐藏的原因。那接下来,我就向大家分享下整个设计的思考过程。


01.
原稿分析

原稿是一个很常见的协作流程图,并且协作双方做了明显的流程划分。





知道了设计方向,接下来我们就开整。
02.
美化设计
首先,我们让整个页面更加规整。比如统一矩形的大小,统一对齐,调整箭头方向等。

各个元素的排列都是整齐规范的,必然会让页面看起来更加舒适。

我们再仔细观察下页面会发现:协作对象(企业端、供应端)与对应的流程之间的关系不够明显。这个怎么办呢?
我们可以用一个方框将协作对象与流程框起来,这样对应关系就显而易见了。

当然,我也考虑到我领导比较喜欢科技风,所以后面改成了科技风的设计风格。

但是当这一版交过去过后,领导却是不满意。问其原因,领导也说不出个所以然,只是觉得中间黄色的线条比较乱。


03.
思考迭代
黄色线条为什么会看起来乱?原因可能是既有左右方向的线条,又有斜方向的线条,导致线条的呈现不统一。

基于此,我将斜线改成了上下左右的直角线条,又迭代了一版。

但是领导还不满意,他还是觉得乱。可是线条方面我已经尽力让其协调了,内容就是这样我能怎么办呢?难道我把内容结构改了嘛?
就是这样的一个自我反问,突然让我灵光一现。领导觉得页面乱其实不是设计上的杂乱,而是阅读顺序的杂乱。
虽然乍一看,页面是左右两部分,结构非常清晰。但是当我们真正阅读的时候就会发现:视线需要从左到右,从右到左反复横跳。这样必然会让我们产生一个杂乱的感觉。
所以,我们只需要调整下协作流程的结构,让它沿着一条线发展下去就好了。就像这样:
这样阅读起来是不是轻松了很多?
当然,这时候我们就看不到明显的流程执行对象了,也就是不知道哪一步是谁干的。怎么办呢?其实很简单,直接加一个图示就好了。
这样,最终的页面就完成了。领导看完后,果然很满意。
最后总结一下
原本是个很简单的美化需求,但是我觉得中间的思考过程还是挺重要的。

哦!!!
我是愚人,咱们下期见。
愚人说P
PPT教程分享、PPT商务定制、PPT线下培训
94篇原创内容

本文来自网络或网友投稿,如有侵犯您的权益,请发邮件至:aisoutu@outlook.com 我们将第一时间删除。

相关素材