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


16

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

我不喜欢“ y”下降而“ h”上升到同一空间。使这两行太局促了。有什么建议么?

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

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

任何其他设计评论,我们将不胜感激-只要您表现出自己:)


1
我不介意 您也许可以收紧前两行之间的行距,以使其在视觉上更加一致。综上所述,对于表单字段,该类型似乎非常大。
DA01

尝试小盘?
Lauren-Resstate-Monica-Ipsum

@ DA01-“表单字段的类型似乎很大”-您是指“输入电话号码”还是在框中输入的电话号码?对于“输入您的...”,我想要一些大胆而前卫的东西,利用箭头和其他视觉效果。
user12985

您可能还会发现此问题的答案很有帮助:当单个下降器出现
user56reinstatemonica8

我指的是“请输入您的电话”文字。我想这是前卫的,但它也只是这个领域的标签,所以这么大似乎有点奇怪。在向我大喊。
2013年

Answers:


15

因此,通常您有一些选择。

目前,您的问题是第1行和第2行看起来比第2行和第3行更远,即使它们不是。这是一种视觉错觉,其原因是前两个之间没有下降和上升,而后两个之间则没有。

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

选项1:转换为大写

这避免了这种情况。但是,您可能对小写字母很感兴趣。

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

选项2:重新安排换行符

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

只有两行是避免问题的另一种方法-没有可与之比较的东西。

选项3:手动调整间距,直到“外观正确”

在这里,我大大减少了第一行和第二行之间的距离,因此看起来“更均匀”。您不能仅使用公式来计算。

实际上,在此示例中,第一行和第二行之间的行距比第二行和第三行之间的行距小得多,但是由于第二行中的上升和下降产生的错觉,它看起来并不太错。

您可以进一步改进此快速示例,这是可行的-在执行此操作时,请尝试从更远的后方观看,起眼睛等,因此您无需查看字词,而是将字母形状视作斑点。

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

您所选择的单词似乎没有此选项,但是有时您可以向左或向右移动单词,以使后代和提升者不会重叠,例如在此示例中使用不同的单词。

顺便说一句,我认为您对井号#的使用不太正确,最好选择NoN o-但这是我个人的看法。


我只想说我喜欢Enter(圆圈/徽标),然后是您的电话号码。另一个选择是根本不声明太多,我的意思是从表单字段中可以很明显地看出它正在等待电话号码。
瑞安(Ryan

6

在排版中,更改主角可能会影响观众阅读和解释作品的方式。

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

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

另一方面,增加领导可能会降低读者的步伐(2)。通过在每行之间引入更多空间,可以减少读者的注意力,从而减慢阅读器的速度。这可以引起读者对文本的轻松感觉。但是,请注意留出的空白量,因为过多的引导可能会导致连续性问题(3),因为读者的眼睛需要在每行之间移动。

狐狸

最好提高文本可读性的方法是采用一致的引导方式,例如:

我的叠加模型

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.