本节课讲解设计师决不能踩的设计雷点——设计不能这样做(中篇),同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.首先讲解标题找不到,如果你拿到了这段文案该如何排版,首先可以给它分为两个部分,一个是小标题,一个是段落文本,如图所示。
2.当把它放到一个书籍内页中,小标题埋没在文字页面中,尽管给它们拉开距离,感觉标题还是不明显,如图所示。
3.我们可以直接把标题放大,同时拉开它与段落文本的距离,这个距离可以是一个英文字高的高度,这样标题就明显了,如图所示。
4.再来看这套文案也是没有重点的,首先给它区分一下层级,将标题放大并且断行,继续放大做两端对齐,如图所示。
5.然后是第二层级的文字,接着是第三层级的,接着是第三层级的,在这个组合里同样划分了层级突出重要信息,如图所示。
6.最后把文字组放到画面中,这样整体看上去主题明确,层级清晰,如图所示。
7.接下来讲解气质不太配,看一下这个Banner,除了素材风格过旧之外,放大之后不难发现Banner选取的字体都是直线和具有装饰性锐角的,这种特点的字体往往给人一种成熟、危险、距离感,如图所示。
8.找到问题后提取文字进行修改,选择一款原体进行替换,直角给人一种生硬感,圆角让人觉得柔和,作为以儿童为主题的版面,应该选择更圆润平滑的字体,给人一种可爱、亲切的感觉,如图所示。
9.调整字重,为了增加圆润感,将部分文字改为曲线入境,增加圆角矩形,将文字放回版面,与原稿进行对比,是不是改后的更好一些了,当然我们还需要进一步优化,我们还需要进一步优化,如图所示。
10.选择符合主题的绿色作为背景,设置放射线,选择黄色线框围绕增加动感,置入文字组,通常儿童类的版面会给人一种轻松、欢快的感觉,所以我们可以将文字组的距离整体拉开,这时候背景的处理和文字编排都已完成,如图所示。
11.我们可以在左右加入几个较大的插画元素形成对称,然后在空白区域加入点元素进行烘托,然后在空白区域加入点元素进行烘托,对版面进行的优化就完成了,如图所示。
12.接下来讲解灰度不匀称,我们来看一下这个文字组,整体编排上都可以,但是却存在着灰度不匀称的问题,灰度不匀称就是指版面整体看上去灰度不一致所导致的视觉不平衡,首先不难发现板面上有纯黑色和灰色两种颜色,我们应该用字重和字号弱化信息,而不是用灰色,如图所示。
13.当我们尝试把灰色区域进行修改,都改成同一个颜色后感觉还是不太行,可以看到还是存在灰度不匀称的问题,原因是很多人都会用字重来强调层级关系,层级高的就加粗,层级低的就变细,但其实层级低并不意味着字重就要轻,如图所示。