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

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

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

但 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

(编辑:西安站长网)

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

热点阅读