材料devise排版 – 标题,标题,间距,文字外观

我一直在关注印刷术上的Google官方Material Design指南( http://www.google.com/design/spec/style/typography.html ),但我觉得它们相当缺乏。 例如,他们列出了10个样式,你应该使用的东西,如身体,小标题,标题,标题显示1,显示2等在您的应用程序中input文字…这导致我第一个问题。

问题1:怎样才能知道“小标题”是什么,“标题”与“标题”,什么时候应该使用“display1”而不是“display4”,这些项目是否有标准?

此外,指引还指出,领导空间应该build设在文字的高度。 所以问题2。

问题2:如何在Android中为文本添加“领先”空间,这是相关的Android指导?

问题3:尽pipe我已经下载了最新版本的Roboto,但是我的中型字体看起来绝对是大胆的,与Google的优雅和稍厚的中型字体相反,我怎样才能确认我的字体实际上与Google不同呢?

非常感谢你

Solutions Collecting From Web of "材料devise排版 – 标题,标题,间距,文字外观"

“向我展示代码”:不是我的,但请参阅下面的一个选项的评论,以及格子应用程序(Butcher)如何通过访问Github上的源代码( BaselineGridTextView类)来增加排版挑战。

免责声明:我不是这个话题的参考,但是你的问题是一个月没有答案的,即使这个问题很重要,而且它的重要性只会从现在开始增长。 也就是说,我会尽力,至less可以给出一些亮点,并提出我的头,因为可能的错误。

问题1:怎样才能知道“小标题”是什么,“标题”与“标题”,什么时候应该使用“display1”而不是“display4”,这些项目是否有标准?

这些是印刷出版传统中常见的,标准化的,抽象的文本实体。

  • 显示 :通常用于标语牌的大文本,有吸引力的标语,需求和注意力的东西,当用户不注意时应引起注意。 它的可读性较差,因为它应该很短(一次引起注意,而不是广泛stream动的一部分)。 我认为Material Design中4种不同的显示尺寸只是Matias和他的团队的额外关注,但我怀疑应用程序会使用多于1种显示尺寸(也许可能是杂志和富媒体应用程序)。 大多数应用程序甚至不会使用显示大小。
  • 标题 :传统上,我相信,如果我对这个主题的浅薄理解是正确的,标题大小被用作故事的简短 标语 。 不是一个描述,只是一个标语,一个简短的信息。 一个标题的例子: 刺客杀害肯尼迪 。 在Material Design之后的常见应用程序中,它被用作屏幕的主要主题(就像报纸的页面一样) 。 我认为(不确定),这可能被称为“标题”在别处。
  • 标题 :说实话,它是非常通用的,由于其大小适中(与标题和显示相比),这是我使用最多的一种风格:它在文本块之上的地方非常有用。 例如,“Eula”作为紧随该标题的eula文本的标题,或紧接在作者列表之前的“作者”。 它在框架中也被广泛使用 。
  • 分目:这是更具体的。 这是一个直接的,次要的“标题”程度,并用于提供摘录,引用或其后的文本块的简要说明。 一个小标题的例子(以标题为例): 得克萨斯州州长受伤,马克思主义者被指控谋杀 。 在“材料devise”中,由于尺寸的原因, 我所见过的最常用的地方是在两个项目列表项中 ,完全是因为它被用作电子邮件摘要(用于提供概述)或作为电话号码电话列表中特定人员的最重要资产的详细信息)。
  • 正文:正文。 很明显。 它们中最具可读性的是长文本的唯一选项。
  • 说明 :脚注和小文本。 在印刷中,它被广泛用作图像的标题。 在霍洛,我认为(不确定)它被用作分割文本(但全部大写)。 在材质devise中,我认为分隔符停止使用字幕文字,并使用浅色的“body”。

其他程序使用这些(部分或全部)概念本身略有不同:

  • 文本处理器的文本样式;
  • 像Photoshop,Illustrator等图像软件的字体设置。
  • 光学字体的大小。 例如,Adobe使用“标题”,“常规”,“副标题”和“显示” ,正如你所看到的,它旨在补充字体大小的调整和引导,特别是针对不同大小的字体;

一般概念似乎是这些抽象实体代表文本集合中的重要性梯度,并且只要在出版物,主题,应用程序等中一致地使用,就可以在出版物之间具有灵活的规则。

问题2:如何在Android中为文本添加“领先”空间,

这适用于那些将TextView与不同样式混合使用的地方,比如在图像示例中 (当然还有文本跨度)。

让我说实话:现在,为了紧急目的,我用叠加的网格眼睛来检查我的领先。 我开始与领先的大小,然后我减去下面的文本行的字体大小和一些小数目作为当前行的下行。 然后,如果需要,我会进行微小的光学调整。 如果这些元素(x-height,cap height,descender等) 可以精确地计算出来 ,那将是非常好的,但是我真的没有深入探讨这个问题(但这很可能)。 我对自己的“视力表”感到满意,而在我的布局中我没有完善MD。

然而,我只是看着这个(没有尝试过),我相信你可以潜入FontMetrics ,测量字段,并在上面显示的两个TextView之间dynamic应用适当的尺寸。 我会先尝试(前一个的descentdescent )。

这是相关的Android指导?

是的。 非常。 当他们有不同的风格时,将文本置于另一个文本之下。 就像一个标题跟着一个正文一样,并且试图只是疯狂的猜测:它不会工作,你的应用程序将不会与系统一致。 往上看。

问题3:尽pipe我已经下载了最新版本的Roboto,但我的中型字体看起来绝对大胆,而不是Google的优雅和稍厚的中型字体,我如何确认我的字体实际上与Google不同?

请告诉我们你在哪里得到两个样本进行比较。 字体渲染可能会受到很多不同的东西的影响,每个系统都使用自己的提示algorithm,除此之外还有很多其他的东西。 甚至在不同的Roboto版本和不同的Android版本之间也有轻微的变化。 当然,中等看起来比一般的“粗暴”,但实际上并不大胆。

你可以在你的sdk / platforms / android- APIVERSION / data / fonts文件夹中检查字体 。 使用Ubuntu 15.04进行渲染(略微提示),开箱即用,从android-22开始

Roboto黑色

Roboto大胆

Roboto中等

Roboto经常

Roboto光

Roboto薄

我认为它保持相应的样本 。

为了与其他广泛使用的东西进行比较,这是Ubuntu字体系列 (分别为常规,中等和粗体)的(部分)。 在我看来,媒介也比常规更接近大胆:

Ubuntu常规

Ubuntu中等

Ubuntu大胆

Minion Pro (常规,中等,半和粗体)。 它可能更加平均,因为它也提供了一个semibold变体,但是我们正在谈论一个精致的字体和更多的时间在市场上不断提炼:

Minion Pro定期

Minion Pro中

Minion Pro semibold

Minion Pro大胆

我希望这有帮助。