加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 移动互联 > 正文

从设计的角度谈谈今年 iPhone 命名为什么用了 Small Caps

发布时间:2018-10-10 10:49:17 所属栏目:移动互联 来源:MakicLin
导读:【新产品上线啦】51CTO播客,随时随地,碎片化学习 目录 什么是 Small Caps? 2018 年之前,iPhone 的名字都怎么写? 这代 iPhone 为什么使用 Small Caps? 如何打出 Small Caps 结语 九月份苹果一口气发布了三款 iPhone,分别是 iPhone XS,iPhone XS Max 和

但 R 系列却是一个全新的产品系列,消费者对此完全没有概念。这个时候,大写字母 R 可是帮了大忙。由于视觉上 r 比 R 小了一圈,笔画也过于简单,和 X 这样有明确结构和面积的字母放在一起,会显得非常弱小,显不出 iPhone Xr 和 iPhone X 的区别。

小写的 r 在 X 后面显得很渺小
小写的 r 在 X 后面显得很渺小

所以为了照顾这个全新的 R 系列,苹果使用了大写的 R,但由于之前我们已经发现「iPhone XR」不是一个好选择,故使用了 Small Caps 版本的 R,写作「iPhone XR」。iPhone XS 也就跟着统一成了「iPhone XS」,毕竟对于字母 S,小写和 Small Caps 是几乎没有区别的。

综上,便是我从设计的角度对「今年的 iPhone 为什么用了 Small Caps」的解答。在这样的情况下,使用 Small Caps 似乎是 iPhone 命名的不二之选。换句话说,如果这代 iPhone 叫「iPhone 10s」或者不存在 iPhone XR 这个新系列,很有可能 Small Caps 的方案就不会被使用了。

虽然我们是站在设计的角度,但我们可没少说关于 iPhone 产品策略相关的内容。这也正是「排版是为内容服务的」的一种体现。在这个情境中,「内容」就是 iPhone 的产品策略,商业布局;而「排版」就是如何安排大小写的问题。

不过,如此巧妙的大小写安排,可苦了一些科技编辑,想正确打出新 iPhone 的名字可不容易。

注:少数派网站目前采用的是苹果在纯文本环境下的做法,也就是统一写成大写的 S 和 R。

如何打出 Small Caps

虽然我们的设备上都能正常显示 Small Caps 字母,但想打出来还是挺费劲的。由于 Small Caps 实在太少见,各种系统输入法都没有相关的功能,想要打出 Small Caps,你需要借助这些工具:

Word、PowerPoint 和 Pages

Microsoft Word
Microsoft Word

在 Microsoft Word 和 Microsoft PowerPoint 中,可以通过选中文字,再打开菜单栏中的「格式 - 字体」窗口中勾选「Small Caps」来转换为 Small Caps。在 Word 2016 for Mac 下可以使用 ⇧Shift-⌘Command-K 的按键组合将选中的文字转换为 Small Caps。

Pages
Pages

Pages 中也大同小异,选中需要转换的文字之后在选择菜单栏中的「格式 - 字体 - 大写」中选择「小型大写字母」即可。

对于 Pages 和 Word,能否成功使用 Small Caps 取决于你选取的字体是否兼容。

网页 CSS 样式

在前端开发领域,所有的内容和样式都是一行行的代码。于是在支持 HTML 编辑的网站后台的编辑器中,可以用 CSS 来实现 Small Caps。比如这样:

  1. <p>iPhone X<span style="font-variant-caps: all-small-caps">S</span></p> 

iPhone XS

这段代码即是在一个段落中包含了一个正常书写的 iPhone X 和一个指定为 Small Caps 的 S。使用这种方法同样要保证你是用的字体兼容 Small Caps。

如果你将上面这些代码粘贴在微博,微信或者浏览器搜索框中都是没有用的。这种方法更针对于专业的内容发布者,我们平时很少能接触到支持 HTML 编辑的输入框。

Photoshop、InDesign 等设计软件

Photoshop
Photoshop

在 Photoshop 和 InDesign 等专业设计软件中,打出 Small Caps 并不是一件难事,在设置字体,字号和字重的地方就会有 Small Caps 的开关,点击即可。不过如此方便的设置也有一定的弊端,这些专业软件已经具备了模拟 Small Caps 的功能,如果该字体中不包含 Small Caps 的字形,就会通过将大写字母缩小的模拟方式得出,而这样模拟得出的 Small Caps 虽然看上去没有太大问题,但其实是假的 Small Caps。

真假 Small Caps

Small Caps 在字形文件(Font)中也是以字型(Glyph)的形式存在的,也就是说除了 26 个大写字母,26 个小写字母还应该有 26 个 Small Caps 字母。但由于 Small Caps 的特点是「大写字母的长相,小写字母的大小」,很容易通过将大写字母变小模拟而来。所以很多软件提供了模拟功能,比如 Photoshop 的 Small Caps 开关,如果该字体中不包含 Small Caps 的字型,就会通过软件模拟得出。

Helvetica Neue 字体的 Real Small Caps(蓝)和 Fake Small Caps(红色)
Helvetica Neue 字体的 Real Small Caps(蓝)和 Fake Small Caps(红色)

但真正的 Small Caps 并不是如此粗暴的得来,我们在设计教程中讲过字体的设计会被其功能、字重甚至字号影响,Small Caps 的字体设计也并非直接缩小这么简单,还有默认字距加宽,字体加粗等等手段,会比通过缩小大写字母模拟而来的 Small Caps 效果好一些(从上图的对比中可以看出,真 Small Caps 在 X 和 Y 的字母交界处做了明显的收紧)。于是就有了真假 Small Caps 的说法,将字体存在的 Small Caps 称为真 Small Caps,模拟而来的是假 Small Caps。

结语

为了写对 iPhone 的名字,可真是要费一番功夫。实际上,我们日常情况下见到 Small Caps 的机会并不多,书写 Small Caps 意义也不是很大,即使是苹果在纯文本的情况下,也会使用全大写的写法。这篇文章更多是让我们看出,如此小的设计细节,却暗藏很多玄机;简单的大小写设定,也可以造成语义和逻辑上的区别;素未谋面的 Small Caps 在设计的角度上也是有道理有逻辑的。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读