【教程】放了个字
好久没来吧里写教程了,这一期准备讲一个问题:
“字该怎么放?!”
如果写得好,斗胆申请精品,如果写得不好,可以随意喷。
内容可以随意转载,够意思的话,就附上我的百度ID,但这不是强制的。
“字该怎么放?!”
如果写得好,斗胆申请精品,如果写得不好,可以随意喷。
内容可以随意转载,够意思的话,就附上我的百度ID,但这不是强制的。
对于有运动倾向的图片,放置文字除了注意朝向之外,还有一点:
字体不宜过分厚实,否则就会产生【阻挡效果】,是非常违和的,如上图,就不好。在字体选择的时候,应选择细腻一点的文字,把空间让出来。
如果把文字比喻成一堵墙壁,那么,这个运动者,应该能够撞倒这堵墙壁,而不是被阻挡。
第三个问题:
【尖刺效应】
“如果,你眼前有一排尖刺,你会喜欢凝望着它吗?”
答:除非,我想死!
如上图,就不是一个好的设计。
首先,字体铺成左对齐,右侧呈现出锯齿样的尖刺的形状,文字及横线,直指眼睛,这样增加了图片的紧张感,是很违和的。
文字左对齐(墙壁效应),好比墙上有刺,直指眼睛,这是不好的。
把尖刺换个方向,就会和谐很多。
【尖刺效应】
“如果,你眼前有一排尖刺,你会喜欢凝望着它吗?”
答:除非,我想死!
如上图,就不是一个好的设计。
首先,字体铺成左对齐,右侧呈现出锯齿样的尖刺的形状,文字及横线,直指眼睛,这样增加了图片的紧张感,是很违和的。
文字左对齐(墙壁效应),好比墙上有刺,直指眼睛,这是不好的。
把尖刺换个方向,就会和谐很多。
第四个问题
【边缘紧张和冲突】
“如果你发现你在悬崖边上,或者看见杯子在桌沿边上,你感受如何?”
“我会非常紧张,不舒服,没有安稳感”
通常情况下,字的边缘应该避免极其靠近主体,或者图片的边界,因为这样会引起紧张和冲突感。如上图,放在图片边界,不好。
上图,虽然文字没放在图边界,但是右边界和人物主体(臂部)边界挨着,这样也会造成文字和图片冲突。
解决这种冲突的方法就是让文字覆盖住主体一部分,这样在视觉上二者就在维度上错开了,解除了冲突感。
【边缘紧张和冲突】
“如果你发现你在悬崖边上,或者看见杯子在桌沿边上,你感受如何?”
“我会非常紧张,不舒服,没有安稳感”
通常情况下,字的边缘应该避免极其靠近主体,或者图片的边界,因为这样会引起紧张和冲突感。如上图,放在图片边界,不好。
上图,虽然文字没放在图边界,但是右边界和人物主体(臂部)边界挨着,这样也会造成文字和图片冲突。
解决这种冲突的方法就是让文字覆盖住主体一部分,这样在视觉上二者就在维度上错开了,解除了冲突感。
第五个问题:
【阅读线的引导和扰乱】
你会发现,图一最容易阅读,
图2在阅读的时候,由于行列区分不明显,阅读的时候就会犹豫
图3虽然也是横向的,但是过于显眼的红色会扰乱视觉注意力,因此增长了阅读时间。
我们在阅读文字的时候,会不自觉地受一些线条的引导,这些线条,有显式的,也有隐式的。
显式的线条很好理解,它就是一条线:
隐式的线条:
虽然没有明显地画出,但是,在思维意识里,已经构建出了这种线条。
如果线条干扰了主体,特别是线的方向和阅读方向不一致的时候,就会导致阅读困扰。
视觉第一眼接触的,不是具体的文字,而是整体,眼睛会不自觉地去寻找这些引导线,然后按照这种引导去阅读。
当视觉遇到阻挡的时候,会停下来,因此会导致末尾停留时间增长。加深了附近的印象。
【阅读线的引导和扰乱】
你会发现,图一最容易阅读,
图2在阅读的时候,由于行列区分不明显,阅读的时候就会犹豫
图3虽然也是横向的,但是过于显眼的红色会扰乱视觉注意力,因此增长了阅读时间。
我们在阅读文字的时候,会不自觉地受一些线条的引导,这些线条,有显式的,也有隐式的。
显式的线条很好理解,它就是一条线:
隐式的线条:
虽然没有明显地画出,但是,在思维意识里,已经构建出了这种线条。
如果线条干扰了主体,特别是线的方向和阅读方向不一致的时候,就会导致阅读困扰。
视觉第一眼接触的,不是具体的文字,而是整体,眼睛会不自觉地去寻找这些引导线,然后按照这种引导去阅读。
当视觉遇到阻挡的时候,会停下来,因此会导致末尾停留时间增长。加深了附近的印象。
然后说下整体排版
第六个问题
【行距和字距的问题】
“在拥挤的公交车里,你感受如何?”
过于紧凑,阅读线就不明显(什么是阅读线,就是文字形成的一条隐式的线条,参考上面的楼层),文字显得压抑而拥挤。
第六个问题
【行距和字距的问题】
“在拥挤的公交车里,你感受如何?”
过于紧凑,阅读线就不明显(什么是阅读线,就是文字形成的一条隐式的线条,参考上面的楼层),文字显得压抑而拥挤。
比较舒服的行距,大致是字高的1.5-2倍左右,不做严格要求。
行距指两行字顶端的距离,而不是上一行底至下一行顶。
行间留出空隙,形成了一条隐式的阅读线,对阅读起到了一定的引导作用,增加了流畅性。
行距指两行字顶端的距离,而不是上一行底至下一行顶。
行间留出空隙,形成了一条隐式的阅读线,对阅读起到了一定的引导作用,增加了流畅性。
【正文铺排,不要使用张脚舞爪的字体】
对于正文来说,重要性:整体易读>漂亮
因为,过于随性的字体,在铺排的时候,会打乱文字行间的隐式线条,也就是说视觉引导线会产生扰乱,整体感觉就会混乱,增加阅读困难。
对于正文来说,重要性:整体易读>漂亮
因为,过于随性的字体,在铺排的时候,会打乱文字行间的隐式线条,也就是说视觉引导线会产生扰乱,整体感觉就会混乱,增加阅读困难。
一般来说,接近手写的字体,字间距通常比正规印刷体大,所以铺排的时候,手写体之间透漏点空隙更大,而印刷类的正规体(比如黑体),字间空隙小点,这样行间的线条就会更明显,行线条明显的,阅读流畅性更好。
上图是楷体,下图是思源黑体,由此可见手写类字体和正规印刷体之间的差别,从阅读速度来看,阅读后者更为省力。
对于前者,也并非一无是处,由于字间空隙大,所以整体的透气感好,但,尤其要注意行距,一定要把行距拉开,否则就会混乱。
如果行距没有让开,就会显乱,不好看
上图是楷体,下图是思源黑体,由此可见手写类字体和正规印刷体之间的差别,从阅读速度来看,阅读后者更为省力。
对于前者,也并非一无是处,由于字间空隙大,所以整体的透气感好,但,尤其要注意行距,一定要把行距拉开,否则就会混乱。
如果行距没有让开,就会显乱,不好看
这是微软雅黑和楷体在同等条件下的显示效果,姑且把微软雅黑叫“正体”,把楷体叫“手体”。
由此可见,正体通常字间距紧凑点,手体笔画之间的空隙更多,距离更开。
也许两个字相比还不见得什么,但是铺排一整片,感觉将会截然不同。
在铺排正文的时候,避免使用笔画厚重的字体,因为这种字体,通常字内部的空隙小,为了呼吸感,就只有让出字间距和行距。这样的话,注意力就会集中到单个字上面,影响了阅读效果。
通常,我们的眼睛在摄入文字信息的时候,是以“词”为最基本的单位的,而非字,所以,割裂开词中的字,同样会影响流畅性。
比如:
这个整体看起来还算比较舒服,但是要细读的时候,却发现很困难,因为必须花很大的注意力才能辨识字,当你花大力气去辨识字的时候,“词”的整体性就失去了,所以读起来比较慢。
阅读起来费劲,因为在词的整体摄入上,有颜色干扰
通常,我们的眼睛在摄入文字信息的时候,是以“词”为最基本的单位的,而非字,所以,割裂开词中的字,同样会影响流畅性。
比如:
这个整体看起来还算比较舒服,但是要细读的时候,却发现很困难,因为必须花很大的注意力才能辨识字,当你花大力气去辨识字的时候,“词”的整体性就失去了,所以读起来比较慢。
阅读起来费劲,因为在词的整体摄入上,有颜色干扰
第七个问题:
【位置,何处为佳?】
文字应该放在何处为佳?
原则:两个字:平衡
下面就以“单车上的青春”为例,讲一下图文配字的位置,应该怎么选择。
【位置,何处为佳?】
文字应该放在何处为佳?
原则:两个字:平衡
下面就以“单车上的青春”为例,讲一下图文配字的位置,应该怎么选择。