国产精品电影_久久视频免费_欧美日韩国产激情_成年人视频免费在线播放_日本久久亚洲电影_久久都是精品_66av99_九色精品美女在线_蜜臀a∨国产成人精品_冲田杏梨av在线_欧美精品在线一区二区三区_麻豆mv在线看

從設計的角度談談今年 iPhone 命名為什么用了 Small Caps

移動開發
九月份蘋果一口氣發布了三款 iPhone,分別是 iPhone XS,iPhone XS Max 和 iPhone XR。不僅機型多,取名邏輯也稍有變化,其 S 和 R 還首次使用了 Small Caps,可以說是最難寫對的一次 iPhone 名字了。

目錄

  • 什么是 Small Caps?
  • 2018 年之前,iPhone 的名字都怎么寫?
  • 這代 iPhone 為什么使用 Small Caps?
  • 如何打出 Small Caps
  • 結語

九月份蘋果一口氣發布了三款 iPhone,分別是 iPhone XS,iPhone XS Max 和 iPhone XR。不僅機型多,取名邏輯也稍有變化,其 S 和 R 還***使用了 Small Caps,可以說是最難寫對的一次 iPhone 名字了。

 

2018 年三款新 iPhone 的寫法
2018 年三款新 iPhone 的寫法

也就是說,iPhone X 后跟隨的 S 與 R 字母雖然看上去是大寫,但只有小寫字母的大小。你可能有些迷惑,沒關系,就連蘋果也曾寫錯過:

 

蘋果官網 iOS 12 頁面修改前(左)后(右)對比
蘋果官網 iOS 12 頁面修改前(左)后(右)對比

接下來,就讓我們一起了解如何書寫新款 iPhone 的名字,探討蘋果使用 Small Caps 背后的原因。

什么是 Small Caps?

說了這么多 Small Caps,是該好好介紹一下了。小型大寫字母(英文 Small Capitals,簡稱 Small Caps)是西文字體設計中的一種字符形式。Small Caps 有著大寫字母的形狀,但一般情況下尺寸和小寫字母一樣,有些字體的 Small Caps 可能略高于 x 高度。你可以認為 Small Caps 是介于大寫字母與小寫字母之間的「第三者」。

 

幾種字符形式的對比
幾種字符形式的對比

許多美國雜志在使用首字母縮寫時通常會使用 Small Caps,如「北約」可寫作「NATO」。另外「公元」這樣的年號,也常用 Small Caps 寫作「BC」。

很顯然,iPhone 的命名并不屬于上述情況。畢竟排版是為了內容服務,看來要弄清 iPhone XR 使用 Small Caps 的原因,要先弄清 iPhone 命名的邏輯。

2018 年之前,iPhone 的名字都怎么寫?

 

2007 年到 2017 年 iPhone 的命名
2007 年到 2017 年 iPhone 的命名

注:由于「Plus」與「Max」為單詞,而且寫法統一是首字母大寫,所以這兩個單詞我們先拋開不談,只觀察數字和字母的命名邏輯。

從列表中我們可以看出,在新三款 iPhone 發布之前,歷代 iPhone 名稱中的字母,有兩種寫法:

  • 大寫:如 4S、3GS,SE
  • 小寫:如 5c、5s、6s

總結這三種寫法,我們可以發現 iPhone 的命名規律:「數字+字母」的命名組合時,字母都使用小寫。但這種規律不符合完全使用大寫的 iPhone 3GS、iPhone 4S 以及 iPhone SE。

但考慮到名字背后的意義,字母大寫就又說的通了。比如 SE 是可能是詞組「Special Edition」的縮寫;3GS 的 3G 指的是支持 3G 網絡,只是恰巧含有 3 這個數字而已。所以 iPhone SE 和 iPhone 3GS 的大寫也是有原因的。

唯一解釋不通的是 iPhone 4S,這是唯一一個數字+字母且使用大寫的命名。但有趣的是 iPhone 4S 之后再無大寫字母,iPhone 4S 之前全部使用大寫字母。雖然具體原因不得而知,但猜測很有可能是在 iPhone 4S 之后蘋果才決定將 iPhone 名稱中的字母改為小寫。1

從設計的角度講,小寫的 s 更適合 iPhone 的迭代策略(漲數字大更新,加 S 小更新)。因為大寫的 S 和數字擁有同樣的高度,數字和字母站在了同一層次上,加上數字和字母的距離要比數字和「iPhone」的距離更近,視覺邏輯會變成「這是一臺 4S 型號的 iPhone」,而不是蘋果想說的「這是 iPhone 第四代的升級版」。

 

iPhone 4s 與 iPhone 4S 的視覺層級與邏輯區別
iPhone 4s 與 iPhone 4S 的視覺層級與邏輯區別

話說回來,基于 iPhone 十年以來的命名習慣,大寫的「iPhone XS」和「iPhone XR」或者小寫的「iPhone Xs」和 「iPhone Xr」都行得通。但到底是什么讓蘋果不使用大寫字母也不滿足于小寫字母,偏要選擇 Small Caps 這樣一個折中方案呢?

這代 iPhone 為什么使用 Small Caps?

漲了這么多知識,終于到了揭秘答案的時候,先要告訴你一個好壞消息和一個好消息。

壞消息是由于蘋果沒有解釋為何使用 Small Caps,甚至沒有解釋 R 的意思是什么,所以我們并不能夠得出唯一正確的答案,只能站在設計的角度上進行猜測與分析。好消息是,即使我們不能有唯一正確的答案,但正確答案一定就在其中。

為了強調 iPhone X

在發布會幻燈片以及官網上,S 一般是裝在一個框框里的,每個 S 機型甚至 C 機型都是如此。這是為了在視覺上更好的區分正常機型和 S 機型。

 

框框讓視覺層級更清晰
框框讓視覺層級更清晰

但框框并不是哪里都能用的,從前的蘋果會在不能用框框的時候使用小寫,效果是差不多的。但這次蘋果嚴格了很多,不能加框框的地方也要倔強地用 Small Caps!

這意味著,蘋果希望使用 Small Caps 起到和框框一樣的效果:把視覺層級明顯分開,強調 iPhone X,讓大家認為這是「iPhone X 的某某版本」,而不是「一個 XS 或 XR 型號的 iPhone」。

 

框框,SmallCaps 與大寫字母的效果
框框,SmallCaps 與大寫字母的效果

蘋果如此澎湃地強調「iPhone X」很有可能因為去年的 iPhone X 顛覆了過去九年的數字命名,轉而使用看上去是字母 X 但實際意思是 10 的命名方式。為了鞏固消費者對于 iPhone X 這個新命名的記憶,才強調 iPhone X。

為了照顧全新的 R 產品線

消費者已經對 iPhone 的 S 系列非常熟悉,S 代表是一個全新 iPhone 之后的小更新版本,通常沒有外觀上的變化,主要是硬件上的提升。這種命名方式甚至對手機行業產生了影響,小米,OPPO 等廠商也會使用在原產品名上加 S 的方式命名新產品,已經成為了一種「行業語言」

 

加 S 已經成為了行業語言
加 S 已經成為了行業語言

但 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 在設計的角度上也是有道理有邏輯的。

***,Small Caps 只是眾多排版知識中的冰山一角,如果你想了解更多的平面設計基礎知識,可以訂閱《比身邊人多懂一點設計》教程,你將學到提高審美的技巧,以及掌握字體、配色、排版在實際應用時的知識,看懂更多設計背后的原理。

責任編輯:未麗燕 來源: 少數派
相關推薦

2009-12-17 11:49:27

Fedora 13Goddard

2014-06-25 15:06:31

Android 5lollipop

2013-09-05 10:09:59

FedoraHeisenbug

2011-11-08 15:58:53

Fedora 16發布

2014-05-13 09:38:09

Windows 365Windows 10

2012-03-13 09:27:50

TangoWindows Pho

2013-04-07 09:29:38

微軟Windows BluWindows 8.1

2012-04-19 09:53:43

微軟ARMWindows RT

2012-11-19 10:50:32

OS X

2020-03-05 16:55:56

索引數據庫SQL

2014-06-03 16:59:22

OS XOS X Yosemi

2019-04-28 16:10:50

設計Redux前端

2012-03-02 09:31:21

iPad

2018-10-22 14:28:26

面試官數據公司

2024-02-21 09:52:40

微軟Windows 11

2024-09-13 10:05:05

2015-11-04 13:56:06

SDN可編程性企業

2022-09-14 10:09:35

iPhone 14靈動島設計

2025-02-24 10:36:15

2021-09-22 10:18:58

自然語言神經網絡人工智能
點贊
收藏

51CTO技術棧公眾號

久久精品道一区二区三区| 国产精品久久久久久久第一福利| 精品福利视频导航| 欧美一级高清免费| 99精品视频播放| 国产在线|日韩| 国产一区二区久久| 亚洲精品国产综合久久| 国产美女99p| 污网站在线播放| 婷婷亚洲五月| 欧美日韩在线观看一区二区 | 国产精伦一区二区三区| 久久网站最新地址| 久久福利视频导航| 日本国产在线播放| 91久久精品无嫩草影院| 亚洲视频一二区| 91精品国产综合久久香蕉的用户体验| 高清孕妇孕交╳╳交| 成人久久久久| 欧美日韩国产大片| 亚洲精品一区二区三区樱花| 涩涩视频在线| 久久久久久久综合色一本| 91精品国产91久久久久| 一级毛片国产| 亚洲一区网站| 午夜影院日韩| 欧美成人一二三| 中文字幕在线视频网| 久久久综合网| 日韩在线免费视频观看| 性综艺节目av在线播放| 影音先锋中文字幕一区| 日韩大陆毛片av| 激情小说激情视频| 裸体素人女欧美日韩| 欧美激情伊人电影| 免费观看久久久久| 久久综合999| 欧美一级片免费观看| 日韩精品最新在线观看| 欧美电影一区| 一区二区三区四区电影| 国产精品青草久久| 国产女精品视频网站免费| 美女隐私在线观看| 国产激情精品久久久第一区二区| 2019中文字幕免费视频| 在线天堂av| 成人午夜免费电影| 久久久久久国产三级电影| 在线中文字幕视频观看| 自拍偷自拍亚洲精品播放| 欧美激情第一页在线观看| 啪啪国产精品| 亚洲第一天堂av| 黄页免费在线观看| gogogo免费视频观看亚洲一| 成人综合色站| 国产乱人伦精品一区| 亚洲日韩视频| 欧美在线观看视频| 国产综合色在线观看| 在线不卡中文字幕播放| 免费国产成人av| 久久99久久99小草精品免视看| 国产欧美亚洲视频| 久久悠悠精品综合网| 亚洲欧美日韩天堂| 色影院视频在线| 婷婷丁香激情综合| 国产成人精品av| 桃色av一区二区| 欧美一级免费大片| 国产视频在线看| 亚洲成人你懂的| 国产乱妇乱子| 中文字幕精品在线不卡| 日韩欧美视频网站| 国产剧情一区在线| 成年人三级视频| 激情六月婷婷综合| 在线亚洲美日韩| 久久国产精品毛片| 国产一区二区三区四区五区在线 | 日本福利一区| 57pao成人永久免费视频| 秋霞在线一区| 欧美一区二区视频观看视频| 中文字幕av专区| 国产精品夜夜嗨| 色姑娘综合av| 91亚洲精品久久久蜜桃网站| 亚洲夫妻av| 亚洲欧美精品suv| 国产欧美日韩在线一区二区| 亚洲午夜精品国产| 亚洲制服一区| 亚洲熟女乱色一区二区三区| 日韩欧美一级在线播放| 精品国产91| 欧美国产激情视频| 欧美白人最猛性xxxxx69交| 精品久久电影| 日韩伦理在线免费观看| 欧美一二三在线| **女人18毛片一区二区| 久久99精品久久久久久三级| 久久综合久久99| 国产免费一区| 中日韩免费视频中文字幕| 99爱在线观看| 国产精品久久久久久中文字 | 国产99久久精品一区二区 夜夜躁日日躁| 亚洲欧美不卡| 免费亚色电影在线观看| 色诱女教师一区二区三区| 国产精品久久777777毛茸茸 | 中文字幕亚洲不卡| 芒果视频成人app| 久久久亚洲综合网站| 99re视频这里只有精品| 香蕉视频色版| 精品一区二区av| 在线视频中文字幕第一页| 91社区国产高清| 亚洲视频网在线直播| 色综合久久久| 久久这里只有精品18| 亚洲精品久久久久久下一站| 日韩高清不卡在线| 成黄免费在线| 国产精品美女无圣光视频| 国产嫩草影院久久久久| 奇米777日韩| 国产一二三四五| 精品精品欲导航| 视频在线观看91| 粉嫩粉嫩芽的虎白女18在线视频| 精品一区二区三区在线播放视频| wwwxxx在线观看| 91美女片黄在线观看游戏| 国产精品久久久久久久久久久免费看 | 欧美激情一区二区三区久久久| 亚洲承认在线| 在线无限看免费粉色视频| 日韩成人综合网| 国产丝袜精品视频| 高清在线一区| 国产日本欧美在线| 亚洲高清久久网| 深爱激情综合网| 国产精品中文字幕久久久| 91精品久久久久久久蜜月| 91美女片黄在线观看游戏| 欧美日韩中文字幕一区二区三区| 97精品欧美一区二区三区| 中文字幕亚洲影视| 国产欧美久久久久| 一区二区日韩精品| 日本一区二区三区四区在线视频| 啪啪亚洲精品| 久久精品日韩精品| 亚洲电影免费观看高清| 久久精品一区二区三区不卡| av资源久久| 成人在线观看a| 日韩大片免费观看视频播放| 玖玖精品视频| caoprom在线| 美日韩精品免费| 欧美精品亚洲一区二区在线播放| 亚洲国产一区二区在线观看| 一区二区三区不卡在线视频| 国产精欧美一区二区三区| 亚洲乱码中文字幕| 欧美人妖视频| 麻豆福利视频| 在线影视一区二区三区| 成人一区而且| 大片免费播放在线视频| 激情一区二区三区| 欧美成人一区二区三区| 国产乱码精品一区二区三区忘忧草 | 中文字幕不卡每日更新1区2区| 日韩av在线免费| 成人97人人超碰人人99| 日韩一级特黄| 91精品国产色综合| 一区二区欧美精品| 希岛爱理av一区二区三区| 国产高清免费av在线| 亚洲欧洲一区二区| 久久久精品网站| 亚洲国产视频一区| 99成人精品| 欧美一区二区三区婷婷| 日韩加勒比系列|