咕噜噜

如果是这种简单的排版,觉得好看吗?我想很显然不是吧,那么如何改造呢?我们来看看;

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

图片

如果是这种简单的排版,觉得好看吗?我想很显然不是吧,那么如何改造呢?

源图像

 

 

图片

版式的框架分割是一个不错的方法,绘制1:1.618的黄金分割。

图片

利用这样的布局将人物和文字组合拆分移至分割的区域,这时可以看出来与之前相比,信息的放置有了秩序和美观,但还缺少视觉张力。

利用英文故意拉满版面,提升画面的丰富度,并与人物之间进行交错,这时英文的作用更多的是起到图形结合的作用。

将飞盘做出模糊遮挡到英文前方,画面的层次就被拉开了。

图片

图片

 

 

图片

你以为掌握了这样的方法就能通用吗,像这张整体视觉往下的露营照片,刚才的方法就显然不能通用。

[png 到 jpg 输出图像]

我们将版式分割成了3块。

其中中间区域最大的地方用来放置主题,而左右部分在分割的区域内进行组合编排。

图片

让原本向下的视觉引到主题的区域,从横向的分割观察,也能看出分割编排后的信息不会让画面显得太空或者左右内容不平衡。

源图像

 

 

图片

而大多数看上去很简单,对于设计师却最头疼的多图文组合中,比如这样的图文,看上去更像每个是单独的个体,设计难度在于协调图片与文字之间的关系编排融洽成整体。

[优化输出图像]

最容易的方法就是将图片紧密组合在一起,单独拆分其中一个图片分割,与组合的整体形成关联,再结合文字的编排,是不是看起来整体感好多了,而框架的分割起到了关键的编排作用。

[优化输出图像][优化输出图像]

[优化输出图像]

图片

 

 

图片

既然是多图文那自然会有非常多的组合手法,利用不规则的左右交错使人物之间形成了交互联系。

再以居中的方式放置主题和信息,就能营造出画面的紧密和整体感。

图片

[优化输出图像][优化输出图像]

这些也只不过是版式里关于框架分割的设计方法

所以排个版真的简单吗?

图片

 

原文地址:修先森撩设计(公众号)

作者:修先森

图片

转载请注明:学UI网 » 不就是排个版吗,这是对设计最大的偏见。

登录收藏
 
你可能喜欢的:
5个案例展示切割的运用!5个案例展示切割的运用!
客户:要多、要大、要好看,能安排不?客户:要多、要大、要好看,能安排不?
排版不必花里胡哨 | 设计技巧排版不必花里胡哨 | 设计技巧
很喜欢这个排版设计思路,真的很出彩!!很喜欢这个排版设计思路,真的很出彩!!
网格系统只能用来设计艺术海报?网格系统只能用来设计艺术海报?
5个超酷的标题设计技巧,So easy!5个超酷的标题设计技巧,So easy!
用海报留给龙虾最后的倔强用海报留给龙虾最后的倔强
构图太常规?教你一个过稿率超高的构图技巧构图太常规?教你一个过稿率超高的构图技巧
我老板今天说:做成这样,还想一稿过?我傻了.....我老板今天说:做成这样,还想一稿过?我傻了…..
海报不会做?试试这 4 招海报不会做?试试这 4 招