找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 224|回复: 0

排版的学问—视觉排版

[复制链接]

6

主题

4

回帖

34

积分

新手上路

积分
34
发表于 2023-1-8 10:19:59 | 显示全部楼层 |阅读模式
来历:知乎
视觉排版一向以来,都是设想师必备的重要技术之一,也是最常被人拿来会商、批评的话题,虽然非论是客户或是一般公众,大师凡是城市感觉排版很简单,自己来也可以,但实在若何把排版跟美感以及效果,一路发挥到极致,并不是大家都可以做获得的,由于视觉排版的技术傍边,隐藏了很是多的学问,而这些正确又重要的排版思考方式,偶然能够连设想师自己也傻傻搞不清楚。
所以现在我们先思考一下,你为什么需要排版?是为了让视觉看起来比力都雅吗?固然不是!答案应当是:「把讯息正确、有用的传递进来,让公共可以快速接收、了解讯息,进而使方针大众发生行动。」
「排版的思考方式」=「表达才能」
假如你的排版没法正确的把讯息传递进来,那末就算画面再都雅,也没有任何的意义,就像经营奇迹或行销活动一样,你必必要先把握住方针,正确的传递讯息,然后再融入视觉美感,这样的排版才会成心义,是以排版的思考方式,跟一小我的表达才能,以及转达讯息的思考逻辑和相同技能,都有着很是大的关联性。
接着让我们一路来看看,排版的思考方式,到底有哪些重要的技能:
● 结构
结构就跟绘图的结构一样,要用「多少构图思考法」,应用多少图形的排列组合,缔造出易读又美妙的版面结构。
1. 置中,一切图案、笔墨统统都置中的结构结构。

排版的学问—视觉排版-1.jpg
2. 高低/左右,分红2个区块,像表格一样的结构结构。

排版的学问—视觉排版-2.jpg
3. 对角线,左上配右下的结构结构。

排版的学问—视觉排版-3.jpg
这3种版面结构可以肆意的依需求去组合,而画面占比的巨细,就跟人类措辞会有巨细声一样,当你想要夸大这是重点,措辞就会高声,画面就要占比力大,不重要的话,就讲小声一点,画面占比力小,这样才能让人快速领会你想转达的讯息内容。
接下来我们要先容若何应用「留白」、「对照」、「对齐」,让排版想表达的讯息可以加倍清楚。
● 留白
留白就像音乐里的停止符,透过留白的空间,我们可以表达出视觉上的区分或毗连、夸大与突出,甚至还可以让视觉稍微休息,增加延续阅读的志愿。
1. 区分或毗连— 透过大块的留白,可以区分出这些是分歧的区块,透太小块的留白,可以让内容毗连起来,判定成同一个区块。

排版的学问—视觉排版-4.jpg
2. 夸大与突出— 透过大块的留白,可以缔造出凸显重点的结果。

排版的学问—视觉排版-5.jpg
● 对照

应用对照的方式,不但可以让人快速晓得重点,也能让版面更易于阅读,更可以在视觉上增加张力,吸引公共眼光。
1. 巨细对照— 应用面积巨细的差异,凸显重点。

排版的学问—视觉排版-6.jpg
2. 色彩对照— 应用色彩的差别,凸显重点。

排版的学问—视觉排版-7.jpg
3. 字型对照— 应用字型的差别,凸显重点。

排版的学问—视觉排版-8.jpg
● 对齐
对齐就是缔造视觉的次序感,让版面整洁美妙,易于阅读。
1. 左对齐— 版面中的元素以左为基准对齐,是最多见的对齐方式,简洁风雅,利于阅读。

排版的学问—视觉排版-9.jpg
2. 右对齐— 版面中的元素以右为基准对齐,相对于左对齐来说不太常见,会让阅读的速度变慢。

排版的学问—视觉排版-10.jpg
3.中对齐— 版面中的元素以中线为基准对齐,会给人一种严厉与正式感。

排版的学问—视觉排版-11.png
4. 两头对齐— 版面中的元素拉伸或缩放与同一元素两头对齐,凡是用于大段落的笔墨编排,利于阅读。

排版的学问—视觉排版-12.jpg
5. 顶对齐— 与左对齐类似,版面中的元素以顶部为基准对齐。

排版的学问—视觉排版-13.jpg
看到这边,就应当要来先容一下,「马科斯」师长在20世纪初,所提出的「格式塔理论」,或称「完形心理学」,格式塔是德文Gestalt的译音,意即「形式、外形、形式」等,意义是指「静态的整体」,这类心理学包括了感知、感知经历和相关刺激形式。
格式塔理论所会商的内容很是的深,其中所衍生出来的视觉原则,更是跟现代设想习习相关,可以说是现代认贴心理学的根本,唯一向彻的概念就是「整体大于部分的总和」,当人类的视觉感知碰到复杂元素时,我们会先看整体,再去看里面各部分的组成元素。所以当你可以领会「格式塔」的根基道理以后,在设想版面时,就能更轻易的把握整体视觉结构。
● 格式塔理论
1. 附近— 间隔附近的各部分趋于组成整体。
人们凡是把位置相对靠近的事物当做一个整体。一样都是16个圆形,你会把左图的16个圆形当做一个整体;可是右侧那张图,上面8个圆形和下面8个圆形别离靠近,所以你会把上面8个圆形当做一个整体,下面8个当做别的一个整体。

排版的学问—视觉排版-14.jpg
这里要出格留意,「附近」作为第一条原则,是由于它的「权重」很是大,大到可以抵消其他原则,比如为圆形增加分歧的色彩,甚至改变其外形,人们也会把附近的事物当做一个整体。
2. 类似— 在某一方面类似的各部分趋于组成整体。
人们会把那些明显具有配合特征,例如:外形、巨细、配合活动、偏向、色彩等,当做一个整体。例如左图同业的正方形,会被当做一个整体,其他圆形当做一个整体。右图就是大正方形被当做一个整体,小正方形当做另一个整体。

排版的学问—视觉排版-15.jpg
这里要出格留意,人们对外形、巨细、配合活动、偏向、色彩的「感授权重」是纷歧样的,在这里「色彩属性」会覆盖其他属性的影响,例如左图,大师会把横排的正方形当做一个整体,加了色彩以后的右图,就酿成直排的圆形加方形是个整体了。
3. 封锁— 相互相属、组成封锁实体的各部分趋于组成整体。
人会将不完全封锁的工具当做一个同一的整体,所以有些时辰完全闭合是没有需要的。中心红色的部分,虽然没有明显的封锁界限,但我们仍然会判定成是一个三角形。

排版的学问—视觉排版-16.jpg
4. 持续—我们偏向于完整地毗连一个图形,而不是观察残缺的线条或外形。
视觉会疏忽中心的空缺间格,自动将左右区块连结成一只熊猫的图案。

排版的学问—视觉排版-17.jpg
学过这么多排版的道理以后,最初我们再先容一个可以控制人类视野的出格技能,就是「扶引线」。
● 扶引线
应用画面中的潜伏线条,能够是一排楼梯扶手、一个箭头,或是人物的视野…等,去指导眼球的视觉轨迹。由于任何可以构成线段的工具,大脑城市自动将它们设想成线条,让视野在上面移动,使版面重点加倍引人留意。
1. 单向线条
在简单的构图画面上,一旦出现线条,人们的视觉就会随着这个线条,从起点看到尽头,由内而外、由近到远。

排版的学问—视觉排版-18.jpg
2. 线条聚集
若在画面中构成多个线条,那末交集点就会是视觉的落点,应用这个方式,可以让视觉集合留意到画面的某处。

排版的学问—视觉排版-19.jpg
3. 配角视野指导
当视觉重点被多个配角元素包围时,可以透过配角的视野指导,让人留意到谁才是画面的重点,同时增加故事性。

排版的学问—视觉排版-20.jpg
很多初学者最常犯的毛病,就是不先进修正确的排版法则,还没交融贯通,就先起头天马行空,追求自我的怪异,让笔墨和内容,随意的在版面上乱飘、乱飞,自以为很利害,但却没有人看得懂,也不晓得想表达的重点在何处,所以当你在停止排版设想时,一定要先练习好一切的法则与方式,才能起头增加自己的创意、气概和想法,在正确的结构傍边去发生出更多有创意的变化,而且「让讯息可以正确的传递进来」,这样才是最棒的版面设想。
喜好的点个赞,设想干货不定期更新

原文地址:https://zhuanlan.zhihu.com/p/457178394
免责声明:本帖内容由机械人自动收集于互联网,如加害了您的权益,请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容,给您带来未便,深感歉意!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-10-22 17:19 , Processed in 0.429375 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表