1. <meter id="jtglz"></meter>
        <input id="jtglz"><label id="jtglz"></label></input>

          1. <var id="jtglz"><acronym id="jtglz"></acronym></var>
          2. 等等

            大家好,我是大猫,本周给大家带来的是一个版式设计评改的文章,本期的评改我们将从字体、组合、布局三个方面来讲解。平时大家也可以通过这三 点的比对来修改完善自己的作品哦。首先我们来看一下周练海报的内容。

            线条疯了——塞吉·布洛克作品展

            Serge Bloch: Lines in the Movement
            展览时间:11月3日 -12月2日 每天 10:00-17:00(逢周一闭展)
            展览地点:Lens Space 北京朝阳区广渠路1号创1958园区4-12(东门入)

            主办方:Lens
            支持机构:法国大使馆、中央美术学院美术馆

            通过内容我们了解到这是一个个人作品展,所以主体我们可以选择艺术家的作品,当然了,也可以直接将文字做出艺术形式感来,但表现力不如展览作品直观。

            在这里我们不妨先看一下官方的海报和艺术家的一些作品。

            这个是官方的海报,算是比较普通,没啥亮点也没啥大的问题。

            下面列举几个艺术家的作品:

            作品都是非常有特色的,所以可以稍加处理拿来做版面的主体。

             

            了解项目内容之后我们来看一下要修改的同学作品,如下。

            画面的元素也是用了艺术家的作品,但大小和位置十分的不好,可以说主体的感觉不明显,不够大。除了主体之外,字体、组合、布局也都有问题,接下来我们分别来讲。

             

            字体篇

            先来看一下字体方面的问题,首先是字体的选择,他的版面中只有中文字,但是却用了三种风格完全不同的字体。

            主标题运用的是线性比较随意的字体,这种风格的字其实蛮贴近主题内容的,所以来作为主标题没啥问题,但是放在整个版面中太细了,如果处理不好就会让人感觉无主标题,这一点在他原来的海报中表现的尤为明显。正文展览地点这些选择宋体字形,风格上没问题,但是整体太粗了,正文要较细一点的字体会更舒服。

            塞吉·布洛克作品展”这组字实际上是二级标题,所以大小应该仅此于主标题,在他的海报中这一文案处理的跟正文差不多大,丧失了二级标题的感觉。

            另外字形选择也非常奇怪,一般来说主标题我们可以选择风格差别大的字形,但正文和副标题的字体尽量都选择正式一点的同一风格的字体,如果风格不统一就是让人感觉混乱,难以阅读。

            知道问题之后我们便可以对症下药了。

            这里中文主标题“线条疯了”以及副标题“塞吉·布洛克作品展”我用了“筑紫Aオールド明朝”,正文字体用了常规的“筑紫明朝”,他们是同一个字体家族里的,所以风格能够完全匹配。

            注意:正文我用了比较细的字重,所以看上去没有那么堵。英文则选择了可以与筑紫系列完美搭配的“Garamond”字体,这样一来字体选择工作就完成了,接下来我们来看一下组合上面的问题。

             

            组合篇

            这里的组合主要指字体的组合,也就是说我们要把文字层级关系做好,个别的文字信息还可以用到关键字放大的方式,建立节奏感。

            拿正文来说,原作品中完全没有组合的观念,所有的信息都是独立存在的,所以感觉比较散。像这种时间地点都属于详细信息,所以可以把他们编为一组,如下

            像支持机构、主办方这些一般用他们的LOGO表示就完全没有问题。所以组合这一步要求我们把信息分清,该简化的简化,该省略的省略。

            除此之外我们还要将关键的信息放大处理,增强节奏感,如下。

            下面修改之后的将日期和时间重点突出,既增强了阅读性又使整个组合更灵动,设计感更强。将这些信息处理好后我们可以进入布局的环节。

             

            布局篇

            布局也就是Layout,也就是给版面中的各个元素安排位置,使他们建立一种良好的阅读逻辑,同时又兼具美观性。首先我们看一下原作品的布局。

            原作品基本是没有布局的概念的,所有的详细信息全安排到了版面中间,再加上字体、组合上做的非常不好,所有整个版面很廉价,也没有什么节奏感。布局上我们可以选择是否用网格辅助,但就算不用网格依然能够做出非常好的版面,所以对网格不要太迷信了。如果没有审美,就算用了网格也做不出好的版面,所以多提高审美才是王道。

            要做好布局首先我们得选择一个非常好的主体,这里我们用艺术家的这张作品来作为主体,如下。

            主体确定后可以通过改变形状的处理安排到版面的合适位置,这里我将主体变成了不规则的形状,使之在形式上更自由,更贴合主题,如下。

            布局上我将文字全部用色块来表示,这样做非常有效率,而且能够直观的看出版面的逻辑性。这里我将不同区域的文字用色块来表示,可以非常明显的看出各个区域的功能分区,如下。

            通过这种方式哪个区域放哪个文字一目了然,当我们确定好布局之后就可以把这些色块替换成文字了,如下。

            到这里整个版面的布局就完成了,但感觉主标题还差点什么,其实是差感觉,因为现在的主标题还是太常规了,体现不出主题所表达的疯狂的感觉。

            在这种情况下我们可以对主标题做一下处理,我这里通过将笔画拆分打乱,营造出了更奔放的感觉,如下。

            处理好之后我们可以看一下整张海报的效果。

            因为主体的颜色已经很丰富了,所以字体我们不需要加太多的颜色,稍微加一点点缀色就好,这里我选择了红色作为字的点缀色。因为画面的LOGO中有少量的红色,用红色会与之呼应。

            而且红色与主体画面中的蓝色黄色同属于三原色,所以搭配起来也不会有问题。

            到此这个版面也就修改完成了,亲们学到了嘛?

            那么本期文章就到这里了,我们下期再见!

             

            原文地址:大猫设计(公众号)

            作者:?大猫Addict

             

            转载请注明:学UI网 » 版面升级!从字体、组合与布局看版式设计

            登录收藏
             
            你可能喜欢的:
            你是在做设计还是仅仅在堆砌素材你是在做设计还是仅仅在堆砌素材
            Feed流中容易被忽略的图片适配知识Feed流中容易被忽略的图片适配知识
            从心理学聊下构图那些事从心理学聊下构图那些事
            实战案例教你黄金分割实战案例教你黄金分割
            创造独特设计的十种方法创造独特设计的十种方法
            如何让你DE设计看起来更专业?如何让你DE设计看起来更专业?
            用好视觉设计层次结构的五个技巧用好视觉设计层次结构的五个技巧
            详情页头图设计有哪些实用技巧?详情页头图设计有哪些实用技巧?
            50个优秀的电子邮件宣传营销设计案例(下)50个优秀的电子邮件宣传营销设计案例(下)
            50个优秀的电子邮件宣传营销设计案例(上)50个优秀的电子邮件宣传营销设计案例(上)
            ?
            五分快三技巧