粉丝315获赞14.7万



把这个黄鹤楼的这个烟盒包装上的这个英文字体 瞄了一眼,发现他这个英文字体的这个字母排布和这个字间距的处理,呃,可以说不是一点点瑕疵,问题很明显,而且优化空间非常大,那么我们今天试着给他做一下调整和优化 安排。嗯,照片拍了一下导入到电脑里,我们可以大概看一下。先说明一点啊,他每个英文字母本身字形存在可能会存在一些其他的问题,这个我们暂时先不去考虑。 呃,我们可以看一下他不同的字母啊,他有自己的特点,包括他相邻之间字母,他都会需要去合理的做一个 根据原理,但是同时又根据视觉的把控给他调到一个嗯,更加舒服的一个状态。我们给他设定一个固定的一个标准的一个间距,然后在这个标准间距的这个基础上,然后对其他字母之间的间距啊做相应的调整。 呃,包括我们在不是说在给别人改这种或者优化这种字字字体字形,我们如果说做其他字形设计的时候也是要先定一个基准,找到了一个 h 和 e, h 和 e 之间的这个,呃间距, h 的边缘是直线, e 的边缘是直线,我们所以我们现在可以拿它作为一个基准的一个一个间距, 我们可以用啊,辅助就是选区先给他定一下啊,标记一下啊。对,那那么这个绿色块就的宽度就是作为他的一个基本间距。那么我们现在观察一下 e 和 e 和 l, h 的边缘和 e 的边缘都是直线的,那么我我们就是要遵循的一个原理就是正负型关系,还有一个视觉上的一个呃空间补偿,现在可以观察一下 他原始的这个间距,设定的这两个间距可以说几乎是一致的,但是呢,我们可以看一下翼的翼的边缘啊,翼的边缘 和和 l 的边缘都是直线,然后 h 是直线,但是 e 它整体也是比较直的,但是它 e 是有两个缺口的,所以就导致了这个 e 和 l 之间这个空间是要比 啊 h 和 e 之间的空间是要大的,所以这个时候呢,空间大就他就可能会视觉上看起来 e 和 l 之间的间距可能要稍微大于 h 和 e 之间的间距,所以 这个时候我们要非常微妙地把 air 往左移一点点, 我们可以移一下,哎,适当移一点点就好了,就是我们整体看它感觉呢还是一个一个隐藏的一个直线的,比如说 g 和 h, 那么 g 和 h 我们可以看这个基准间距, 它几乎也是相等的,但是我们可以看下还是还是刚才的标准, h 和 e 之间是左右都是平直的,但是 g 的特点是呃 g 字母下半部分是平直的,但是这里有一个缺口,包括上面这有个弧度,所以说它整体的呃这个空间只有这些 啊,但是这个呃 e 的字母这个副空间就有这些,对吧?它相对来说比 呃 h 和 e 之间的这个负衡量还是要多一些,所以我们也是要给他做一点点的微调就好了 啊,差不多一点点就可以了,他并没有一个非常标准的答案,如果你想调他是可以一直调下去的。 我们看一下 a g 肯定是要小小于 h 和 e 之间的间距的,所以我们做一下调整一二,现在好了, ok, 我们现在 a 调了一下,变窄变小进去, 现在差不多了, u 和 a 之间的间距还要比 a 和 n 之间的间距还要再小一点点。 hey, 好像还是不太够,还要再移一点点, 可以再移一点点,再移一点, ok, 现在感觉差的不是特别多了,他现在的设定,因为我们要调的话啊, o、 l 和 o 之间的这个间距百分之百是要比这个 h 和 e 之间这个基准间距要小,而且要小很多的。那么我们现在调一下 差不多了吗?好像差不太多了,但是可以再调一点点,因为毕竟它这个 l 这个字母,它这个复工面太大了。 hello, 小弟, 那么我现在可以整体来看一下啊, 就是整体来,就是不是说每个字母之间的间距调完了之后我们就直接就,呃,可以了,没问题,所以我们调完之后还是要整体的。呃,再去审视一遍,相当于做一个检查 和一个整体的一个对比,整体的这个节奏感和这个视觉均衡感,呃,已经比之前应该是好很多了。 这么长的这么多字母,说每个字母之间的间距都已经调到说完全到位了,这个我是不敢说的。设计这个东西它是有相对标准,但是没有绝对标准 啊。另外一个就是时间原因啊,你你可能说十多分钟调一下,或者是短时间的调调,跟你花可能半天一天或者调很多次,可能他的精细化程度还是会有区别的,我们只是大概示意一下 这个意思啊, l 这里好像还可以再近再小一点点,就是因为这个 l 太特殊了, 好像还可以再小一点点, o 和 u 之间也可以再小一点点,因为这个 o 它的这个它左右都是弧,它就负控量比较大,再加上 u 它也有负控, 哎,我们看一下,再小一点点,小一个像素试一下 啊,现在应该是差不太多了。我们跟之前的对比一下,之前的原版在这里啊,我们可以整体来对比一下 啊,这样我们对比就比较明显一些。 我们现在可以对比一下啊,上方他原 原版的啊,这个是原版的啊。然后这下面是我就是优化调过的,他的视觉均衡度应该是发生了明显的变化,整体对比一下吧, 下面的调整过后的之后,他就会觉得更流畅更舒适。而上面的呢,他的字间距的设定就特别随意,在随意的基础上,而且还特别粗糙。 好,虽然说一个包装上的一个英文字标,呃,不是最主要的,因为他比较,嗯,主要还是以中文为主,但是如果说存在着很明显很明显的问题,那么这个就真的是不重视了,或者设计师没有这个意识 啊,超出其他因素吧,我觉得这个东西还是要有一定的专业的一个把控的啊。至于说他这个字形,我现在只是优化了他的一个间距和节奏,他其实这个字形还 别的问题啊,就那么这次我就不做那个进一步的调整了。作为设计师在这方面的话不能说因为外行客户不懂,我们就去松懈这方面,抛开什么策略概念、创意先暂且不谈, 就说如果你是一个纯粹的设计师,那么你的基本功还有对一些东西的一个专业把控,这个是一定不能含糊的。今天是我第一次录这种嗯,关于设计知识分享的这种视频, 看人群啊,比如说一些呃水平在线的设计师相对这些知识就是这些知识点和这些经验,可能人家也都是懂的啊。就是以我的经验啊,就是平时包括这些年遇到的一些设计师,那有些设计师他在这方面的话是存在着 呃知识短板,也就是他对这方面没有意识啊,或者是意识特别弱,或者是有意识呢,还不够强,或者是在等自己去调的时候发现他的把控还是调不好。 不嫌我啰嗦的啊。希望可以有一个免费的赞和关注,不定期的会发布这些 录制的一些关于设计方面的一些算不上教程吧,只能算是一些零散的一些知识点吧,视频里有说到的一些细节的点也不敢保证说是绝对的呃无可挑剔或者是无懈可击,如果有什么问题的话可以啊提出指正或者交流啊。 刚才我们在调完这个整体的英文字标之后重新回看,扫了一眼,发现有两三处的细节好像还可以 稍微再优化一点点,我们试着调一下啊,这三个间距好像是稍微还是有一点大,但是差别非常微妙,我们试着调一下 一点点就好。 ok, 只能说是啊优化的基础上更加优化一下。好,那就这样,我们下期再见。