国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

银河网上开户: 墙裂干货!排版优劣的三大要素

发布时间:2019/10/04标签:   排版构图      版式构图    点击量:

原标题:银河网上开户: 墙裂干货!排版优劣的三大要素

如下图中这类素材清晰度不够,排版就会毁于素材。

问题一:“素材的精致程度不够”

首先来看第一点,素材的精致程度。

银河网上开户: 墙裂干货!排版优劣的三大要素

既然衬线体分为传统衬线与现代衬线,那么宋体也是一样。

随着此素材层次感和表现力都不太好,但也并不是完全没救,我们只需要在PS里处理一番,提高其层次感和表现力。

问题三:“接近性原则、层级关系没有处理好”

首先,银河官网,把主标题放上去,但主标题字与字直接空隙太大,有些散,怎么解决这个问题呢?

2.2 契合度

契合度就是素材与主题的关联程度。

银河网上开户: 墙裂干货!排版优劣的三大要素

常见的常规型黑体有思源黑体、微软雅黑、汉仪旗黑、方正兰亭黑等;常见的人文型黑体有默认黑体和冬青黑体。

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

首先,要做的还是把接近性原则处理好,把姓名职位、英文名、联系方式、地址等通过接近性原则划分为不同的组合。

银河网上开户: 墙裂干货!排版优劣的三大要素

在此案例中,图片与文字距离过远,缺乏联系感。而图片之间又过近,组合不分明。接近性没有做好,所以造成了画面整体偏散的问题。

Ok,我们可以将处理好的素材置于版面之中作为主体,如下:

银河网上开户: 墙裂干货!排版优劣的三大要素

我们再来看一下这组信息,需要用以下信息做一个中英文结合的名片。

银河网上开户: 墙裂干货!排版优劣的三大要素

第三点,是接近性原则没有处理好,版面的层级关系也没有划分好,所以显得很碎且杂乱无章。

银河网上开户: 墙裂干货!排版优劣的三大要素

偏传统衬线体的代表有Garamond、Caslon等,它们的传统气质非常强烈,适合传达传统、文艺、人文的气质与故事感。

将色调处理成统一版面也会更加和谐。

如果一个表现体育的主题你去找一张美食的图片,那么毫无关联程度,必然是错的。

(Ps:关于如何选字体下文会讲到)

几何型无衬线体的代表有Ftura、Avalon、Avant Garded等,这种字体有强烈的几何感,显得很现代、高端。

调换成足够清晰度的素材,画面也会精致很多。

那么接近原则在版面中是如何运用的呢?其实就是将相关联的信息彼此靠近,不相关的信息彼此远离的过程。

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

当我们用接近性原则将相关联的图文信息组合在一块后,版面更易阅读,哪个人物对应哪个名字也不会出错了。

二、 素材的精致程度

素材的精致程度对版面的优劣也有非常大的影响,素材的精致程度主要体现在三个方面,分别是清晰度、契合度和表现力

银河网上开户: 墙裂干货!排版优劣的三大要素

总结

1.  要做好版面一定要去选择精致的素材作为主体,素材的精致与否很大程度上能够决定版面的优劣。素材不够精致,可以二次处理,二次处理也抢救不了的素材就赶紧换吧。

线条的走向也会对我们的阅读顺序产生重大的影响。

字型都确定好后便可以进入排列文字信息的环节。

介绍完宋体与衬线体的相同与不同后我们再来说一下他们之间应该如何混合搭配。

根据我们上文所说,在字与字之间加入连接性的符号就可以了,这样建立了连续性,使其成为了一个视觉组合。

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

通过线条的穿插表现,我们的视觉得到了很好的引导,解决了不知按什么顺序阅读的问题。另外线条使四个点连成了一个整体,点与点之间具备了连续性,散乱的问题也得到了很好的解决。

在这个名人名言的案例中,标题与内容之间的距离完全相等,我们很大程度上就会产生哪段标题对应哪段文字的疑惑。

相对于无衬线体,黑体的分类就比较简单了,按照有无喇叭口的原则只将其分为常规型黑体与人文型黑体。无喇叭口的黑体为常规型,有喇叭口的为人文型。

2.  素材的精致程度是其一,有了精致的素材还需要通过格式塔原理将信息的层级拉开。用接近性原则处理好信息的贴近与远离;用相似性原则平衡版面不同元素间的视觉和谐度,也可用此原则强调需要突出的信息;用连续性原则使散乱的信息形成整体,建立视觉逻辑。

放到这里虽然感觉也没问题,但是如果字再小一点,图片颜色再深一点就非常容易让观者遗漏此信息。

好了,时间结束啦,我们看一看答案吧。

传统宋体与现代宋体所传达的气质也有差别。传统的宋体更能够表现出文艺、故事、人文的感觉;而现代宋体则偏向传递女性优雅、时尚的感觉。

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

上图左侧的案例文字是狗,但素材图却是个豹子,于是就成了契合度不够的典型。

我们只需要将想要突出的元素去掉相似特征就可以了,使之异于其他相似的元素。

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

银河网上开户: 墙裂干货!排版优劣的三大要素

同样我们也为其加入连接性的符号组织到一个视觉单元里去,那么其整体的效果就会好不少。

人文型无衬线体的代表为Gill Sans、Optima、Stone Sans等,它们给人感觉是理性与感性并存,是很有温度的一类字体;它们也能传达优雅、秀丽、人文的气质。

版权信息Copyright © 银河官网 版权所有    ICP备案编号:鲁ICP备09013610号