大家好,我是黑马。

一直没有分享过改稿,今天分享一页改稿。

改稿内容来自群友@星如。

01 去掉所有的装饰,只保留有效的文字信息

02 梳理逻辑关系

本文讲述的是信息的传递,主要分为主动和被动两部分,接下来是概念解释。

03 提炼文字,由于内容不需要提炼,省略(特殊的客户,比如老师,内容不让改)。

★版本1

我用了半个小时,做的第一版,采用的指定配色增加对比属性。

存在问题:

○ 背景比较单调,使用的纯白

○ 阴影比较深,影响下方的文字阅读

○ 色块太多,主次关系不明显,影响阅读顺序

★版本2

这个是得知背景不能更改的时候,花了3分钟做了微调整,背景由于配色的问题显得太脏,我在背景上方增加了一层50%透明度的白色蒙版。

这种属于偷懒的做法,添加透明度的蒙版,可以降低背景的影响。

★版本3

受群友的启发,我制作了第三版,直接在背景上增加一个白色圆角矩形,这样可以最大程度地降低背景对内容的影响。

存在问题:

○ 引导出现问题,中间的内容阅读之后,直接被两侧的色块内容吸引

○ 阴影比较深,影响阅读体验

○ 主次关系不明显,影响阅读顺序

○ 增加了不必要的装饰色块

★版本4

根据上述问题,进行了第三次调整:

调整1:标题内容增加了图标,增加层次感,为了区分左右两边的内容,填充了红蓝渐变边框。

调整2:调整书法字体,旁边增加英文翻译做装饰,两端文字改两端对齐改为居中对齐。

调整3:改色块为边框填充,图形调整为圆角矩形,较少色块对主要内容的影响。

调整4:调整文字的大小,根据视觉调整图形和文字的位置

由于标点符号的影响,同样宽度的文本框展示的内容多少不一样,还有文本框的中心点和视觉的中心点也是不一样的,所以最终的效果通过肉眼进行细微的调整,所有的调整以视觉为主。

改稿可以学习很多东西,很多问题只有自己做的时候才能发现,都是在制作时候发现的。

改稿看似简单,其实比较复杂,版本4经历了将近20次的微调,本次微调由群主@只为设计指导,再次感谢。个人建议:能动手就不要动嘴。

以上,就是今天分享,感谢支持。