应该如何处理共享相同空间的上升器和下降器?

平面设计 排版 界面设计
2022-01-07 16:13:00

这是我客户的通信应用程序的初始注册页面。(我覆盖了标志 - 注意白框 - 为了他的隐私)

我不喜欢“y”下降而“h”上升到同一个空间。使两条线有点过于狭窄。有什么建议?

(应用程序的字体是roboto。这里-我使用的是Roboto Bold。)

http://d.pr/i/g08p http://d.pr/i/outE

我们将不胜感激任何其他设计评论 - 只要你表现得好:)

2个回答

所以你通常有几个选择。

目前,您的问题是第 1 行和第 2 行看起来比第 2 行和第 3 行相距更远,即使它们不是。这是由于前两者之间缺乏下降和上升而造成的视错觉,而后两者则不然。

解决方案分为两个基本类别:一起避免这种情况,或正面解决。我们将从一些避免它的方法开始。

选项 1:转换为大写字母

这避免了这种情况。但是,您可能已附加到小写字母。

(顺便说一下,这些示例使用 Franklin Gothic,因为我没有安装 Roboto)。

选项 2:重新排列换行符

在这种情况下,我已转换为 2 行,但您有时可以以其他方式重新安排换行符。

只有两条线是避免问题的另一种方法 - 没有什么可以与之比较的。

选项 3:手动调整间距,直到它看起来“视觉上正确”

在这里,我大大减少了第 1 行和第 2 行之间的差距,因此它看起来“更均匀”。您不能为此使用公式,只能使用您的眼睛。

实际上,这个例子中第一行和第二行之间的行距比第二行和第三行之间的行距要小得多,但是由于第二行中的上升和下降造成的视错觉,它看起来并没有太大的错误.

您可以进一步改进这个快速示例,这似乎是合理的 - 这样做时,请尝试从更远的后方观看,眯着眼睛等,这样您就不会看单词而是看字母形状,就好像它们是斑点一样。

奖励选项:移动单词,使升序和降序不重叠

您选择的单词似乎没有此选项,但有时您可以向左或向右移动单词,这样降序和升序就不会重叠,就像在这个例子中使用不同的单词一样。

顺便说一句,我认为您使用井号#看起来不正确,您最好选择No.N o - 但这是我个人的意见。

在排版中,更改前导会影响您的观众阅读和解释您的作品的方式。

例如,通过降低两行之间的前导量,导致下行和上行冲突,您将对文本的整体可读性产生不利影响。

作为一种视觉风格,紧密的引导可以增加读者阅读文本的速度(增加吸引他们眼球的字母)和/或使你的整体作品产生局促或幽闭恐惧症的感觉(1),这可能不会在这里成为您想要的效果。

另一方面,增加领先可能会降低读者的步伐(2)通过在每行之间引入更多空间,您可以通过减少吸引他们眼球的字母数量来减慢阅读速度。这可以唤起读者对文本的放松感。但是,请注意您留下的空白量,因为过多的前导可能会导致连续性(3)出现问题,因为读者的眼睛需要在每行之间走得更远。

狐狸

提高文本可读性的最佳选择是使用一致的前导,如下所示:

我的带有叠加层的模型