九月份苹果一口气发布了三款iPhone,分别是iPhoneXS,iPhoneXSMax和iPhoneXR。不仅机型多,取名逻辑也稍有变化,其S和R还首次使用了SmallCaps,可以说是最难写对的一次iPhone名字了。
2018年三款新iPhone的写法
也就是说,iPhoneX后跟随的S与R字母虽然看上去是大写,但只有小写字母的大小。你可能有些迷惑,没关系,就连苹果也曾写错过:
苹果官网iOS12页面修改前(左)后(右)对比
接下来,就让我们一起了解如何书写新款iPhone的名字,探讨苹果使用SmallCaps背后的原因。
什么是SmallCaps?
说了这么多SmallCaps,是该好好介绍一下了。小型大写字母(英文SmallCapitals,简称SmallCaps)是西文字体设计中的一种字符形式。SmallCaps有着大写字母的形状,但一般情况下尺寸和小写字母一样,有些字体的SmallCaps可能略高于x高度。你可以认为SmallCaps是介于大写字母与小写字母之间的“第三者”。
几种字符形式的对比
许多美国杂志在使用首字母缩写时通常会使用SmallCaps,如“北约”可写作“NATO”。另外“公元”这样的年号,也常用SmallCaps写作“BC”。
很显然,iPhone的命名并不属于上述情况。毕竟排版是为了内容服务,看来要弄清iPhoneXR使用SmallCaps的原因,要先弄清iPhone命名的逻辑。
2018年之前,iPhone的名字都怎么写?
注:由于Plus与Max为单词,而且写法统一是首字母大写,所以这两个单词我们先抛开不谈,只观察数字和字母的命名逻辑。
从列表中我们可以看出,在新三款iPhone发布之前,历代iPhone名称中的字母,有两种写法:
2.小写:如5c、5s、6s
总结这三种写法,我们可以发现iPhone的命名规律:“数字+字母”的命名组合时,字母都使用小写。但这种规律不符合完全使用大写的iPhone3GS、iPhone4S以及iPhoneSE。
但考虑到名字背后的意义,字母大写就又说的通了。比如SE是可能是词组SpecialEdition的缩写;3GS的3G指的是支持3G网络,只是恰巧含有3这个数字而已。所以iPhoneSE和iPhone3GS的大写也是有原因的。
唯一解释不通的是iPhone4S,这是唯一一个数字+字母且使用大写的命名。但有趣的是iPhone4S之后再无大写字母,iPhone4S之前全部使用大写字母。虽然具体原因不得而知,但猜测很有可能是在iPhone4S之后苹果才决定将iPhone名称中的字母改为小写。1
从设计的角度讲,小写的s更适合iPhone的迭代策略(涨数字大更新,加S小更新)。因为大写的S和数字拥有同样的高度,数字和字母站在了同一层次上,加上数字和字母的距离要比数字和iPhone的距离更近,视觉逻辑会变成这是一台4S型号的iPhone,而不是苹果想说的这是iPhone第四代的升级版。
iPhone4s与iPhone4S的视觉层级与逻辑区别
话说回来,基于iPhone十年以来的命名习惯,大写的iPhoneXS和iPhoneXR或者小写的iPhoneXs和iPhoneXr都行得通。但到底是什么让苹果不使用大写字母也不满足于小写字母,偏要选择SmallCaps这样一个折中方案呢?
这代iPhone为什么使用SmallCaps?
涨了这么多知识,终于到了揭秘答案的时候,先要告诉你一个好坏消息和一个好消息。
坏消息是由于苹果没有解释为何使用SmallCaps,甚至没有解释R的意思是什么,所以我们并不能够得出唯一正确的答案,只能站在设计的角度上进行猜测与分析。好消息是,即使我们不能有唯一正确的答案,但正确答案一定就在其中。
为了强调iPhoneX
在发布会幻灯片以及官网上,S一般是装在一个框框里的,每个S机型甚至C机型都是如此。这是为了在视觉上更好的区分正常机型和S机型。
框框让视觉层级更清晰
但框框并不是哪里都能用的,从前的苹果会在不能用框框的时候使用小写,效果是差不多的。但这次苹果严格了很多,不能加框框的地方也要倔强地用SmallCaps!
这意味着,苹果希望使用SmallCaps起到和框框一样的效果:把视觉层级明显分开,强调iPhoneX,让大家认为这是iPhoneX的某某版本,而不是一个XS或XR型号的iPhone。
框框,SmallCaps与大写字母的效果
苹果如此澎湃地强调iPhoneX很有可能因为去年的iPhoneX颠覆了过去九年的数字命名,转而使用看上去是字母X但实际意思是10的命名方式。为了巩固消费者对于iPhoneX这个新命名的记忆,才强调iPhoneX。
为了照顾全新的R产品线
消费者已经对iPhone的S系列非常熟悉,S代表是一个全新iPhone之后的小更新版本,通常没有外观上的变化,主要是硬件上的提升。这种命名方式甚至对手机行业产生了影响,小米,OPPO等厂商也会使用在原产品名上加S的方式命名新产品,已经成为了一种行业语言。
加S已经成为了行业语言
但R系列却是一个全新的产品系列,消费者对此完全没有概念。这个时候,大写字母R可是帮了大忙。由于视觉上r比R小了一圈,笔画也过于简单,和X这样有明确结构和面积的字母放在一起,会显得非常弱小,显不出iPhoneXr和iPhoneX的区别。
小写的r在X后面显得很渺小
所以为了照顾这个全新的R系列,苹果使用了大写的R,但由于之前我们已经发现iPhoneXR不是一个好选择,故使用了SmallCaps版本的R,写作iPhoneXR。iPhoneXS也就跟着统一成了iPhoneXS,毕竟对于字母S,小写和SmallCaps是几乎没有区别的。
综上,便是我从设计的角度对“今年的iPhone为什么用了SmallCaps”的解答。在这样的情况下,使用SmallCaps似乎是iPhone命名的不二之选。换句话说,如果这代iPhone叫iPhone10s或者不存在iPhoneXR这个新系列,很有可能SmallCaps的方案就不会被使用了。
不过,如此巧妙的大小写安排,可苦了一些科技编辑,想正确打出新iPhone的名字可不容易。
注:少数派网站目前采用的是苹果在纯文本环境下的做法,也就是统一写成大写的S和R。
如何打出SmallCaps
Word、PowerPoint和Pages
MicrosoftWord
在MicrosoftWord和MicrosoftPowerPoint中,可以通过选中文字,再打开菜单栏中的“格式-字体窗口”中勾选SmallCaps来转换为SmallCaps。在Word2016forMac下可以使用Shift-Command-K的按键组合将选中的文字转换为SmallCaps。
Pages
Pages中也大同小异,选中需要转换的文字之后在选择菜单栏中的“格式-字体-大写”中选择“小型大写字母”即可。
对于Pages和Word,能否成功使用SmallCaps取决于你选取的字体是否兼容。我们在《比身边人多懂一点设计》的教程中介绍过字体、字型与字形的关系,如果你的字型文件中不包括SmallCaps字形,Pages和Word则会选择一个包含SmallCaps字形的字体替代。
网页CSS样式
在前端开发领域,所有的内容和样式都是一行行的代码。于是在支持HTML编辑的网站后台的编辑器中,可以用CSS来实现SmallCaps。比如这样:
iPhoneX
这段代码即是在一个段落中包含了一个正常书写的iPhoneX和一个指定为SmallCaps的S。使用这种方法同样要保证你是用的字体兼容SmallCaps。
Photoshop、InDesign等设计软件
Photoshop
在Photoshop和InDesign等专业设计软件中,打出SmallCaps并不是一件难事,在设置字体,字号和字重的地方就会有SmallCaps的开关,点击即可。不过如此方便的设置也有一定的弊端,这些专业软件已经具备了模拟SmallCaps的功能,如果该字体中不包含SmallCaps的字形,就会通过将大写字母缩小的模拟方式得出,而这样模拟得出的SmallCaps虽然看上去没有太大问题,但其实是假的SmallCaps。
真假SmallCaps
SmallCaps在字形文件(Font)中也是以字型(Glyph)的形式存在的,也就是说除了26个大写字母,26个小写字母还应该有26个SmallCaps字母。但由于SmallCaps的特点是「大写字母的长相,小写字母的大小」,很容易通过将大写字母变小模拟而来。所以很多软件提供了模拟功能,比如Photoshop的SmallCaps开关,如果该字体中不包含SmallCaps的字型,就会通过软件模拟得出。
HelveticaNeue字体的RealSmallCaps(蓝)和FakeSmallCaps(红色)
但真正的SmallCaps并不是如此粗暴的得来,我们在设计教程中讲过字体的设计会被其功能、字重甚至字号影响,SmallCaps的字体设计也并非直接缩小这么简单,还有默认字距加宽,字体加粗等等手段,会比通过缩小大写字母模拟而来的SmallCaps效果好一些(从上图的对比中可以看出,真SmallCaps在X和Y的字母交界处做了明显的收紧)。于是就有了真假SmallCaps的说法,将字体存在的SmallCaps称为真SmallCaps,模拟而来的是假SmallCaps。
结语
最后,SmallCaps只是众多排版知识中的冰山一角,如果你想了解更多的平面设计基础知识,可以订阅《比身边人多懂一点设计》教程,你将学到提高审美的技巧,以及掌握字体、配色、排版在实际应用时的知识,看懂更多设计背后的原理。