[护城河]人机交互的基石|苹果字体设计排版深度解析

合集 · 护城河 (17)

  1. 18:24
    [护城河]我在iPhone SE3的背后发现了黑暗森林
  2. 13:15
    [护城河]为什么你不能抛弃iPhone?iCloud编制的网
  3. 23:26
    [护城河]你真的理解色彩管理吗?安卓苹果色彩管理深度解析
  4. 25:12
    [护城河]创新的源头,苹果的DNA(对话葛越、谢恩伟)
  5. 16:02
    [护城河]苹果屏幕好在哪?iPhone OLED次像素渲染深度解析
  6. 15:34
    为什么iPad能做好键鼠,Windows却做不好触控?iPadOS指针交互深度解析
  7. 11:08
    两颗皮蛋 x 少数派 | 睡过头差点没见到Tim Cook | 拜访苹果应用加速器和开发者们
  8. 15:06
    [护城河]苹果店的灵魂,别人没学到
  9. 12:55
    [护城河]HDR时代,来了吗?
  10. 16:19
    [护城河]人机交互的基石|苹果字体设计排版深度解析
  11. 10:45
    [护城河]一个引发行业震动的小小改动...
  12. 17:02
    [护城河]全世界都在等苹果续上大模型...
  13. 14:17
    [护城河]请把手从我的数据上拿开...
  14. 15:33
    [护城河]什么土壤才能蕴育优质应用?苹果开发者关系深度解析|两颗皮蛋 x 少数派
  15. 21:29
    [护城河]被产品耽误的广告公司?苹果营销秘籍解析
  16. 11:12
    【护城河】旧日野心终实现!ProRes RAW 深度解析
  17. 13:46
    [护城河] 苹果如何用五年时间,把耳机变成了空间
Description
感谢「V」和「Simon」两位对本期节目的大力支持。护城河视频制作不易,希望大家多多三连~

这一期护城河我们准备的时间确实是够久的,因为我们瞄准了一块非常难啃的骨头,就是苹果的字体和排版设计。我们生活中充满了各种文字,人们往往会关注内容,但很少有人会注意字体本身。

而字体和排版的设计也是人机交互界面的基石,那苹果的系统在这方面做的怎么样?现在各家都做了自己的品牌定制字体之后,苹果还有什么过人之处?

虽然我不是字体设计师,但是在查了很多很多资料之后。我还是想试试,把背后的一整个前因后果分享给你

Comments

花式抖腿锦标赛总冠军 2024-01-30

终于有人提排版了这个事了,iOS的界面排版和字体是我用过的手机里最舒服的。安卓这边华为包括荣耀简直就是灾难。默认字体又细又扁,正文和标题老挤一起,某些地方的字重和行间距跟闹着玩一样。ui也大量用细线条绘制可读性很差,更可气的是对于一我个强迫整来说连最基本界面的对齐都做不到。其他的安卓品牌小米的字体最舒服,魅族的设计排版我觉得也不输给苹果

♥ 543 ↩ 34

yongyong57747 2024-01-30

我看到别人手机换那些奇奇怪怪的字体就会觉得很难受,原来我不是一个人

♥ 465 ↩ 8

XeviorRUI 2024-01-30

还是会记起这个地方

♥ 229 ↩ 4

Flying_Richard 2024-01-30

苹果的iPhone很不错, 苹果的 iPhone 很不错。

♥ 217 ↩ 20

花开断肠丶 2024-01-30

看看苹果再看看微软,到现在默认中文字体没有高分辨率还是狗牙啃的一样。 就算是高分辨率屏幕也有一些字体会没适配。 用 windows 总能在奇奇怪怪的地方看到十分让人不舒服的字体,真就底层字体死活不改。 手机用久了,用电脑就能感觉到微软确实对设计这方面完全不怎么在意。

♥ 212 ↩ 24

浑身是buff 2024-01-30

现在坚持用苹果,还是因为他的风格和审美,这也是他的护城河之一。

♥ 200 ↩ 2

浣秋Game 2024-01-31

2023 年 Apple 发布的各种操作系统(iOS 17、iPadOS 17、watchOS 10、macOS Sonoma等)中,对中文标点符号的排版进行了调整,各种括号()【】、引号“”「」、书名号《〈〉》等自适应修改了字体空白部分的宽度。两个标点符号混排时(如?!),你会发现问号、感叹号和右小括号的字体空白部分都被省去,且由于逗号后是汉字,为了增强语义上的停顿,逗号后的空白没有被省去。这对于可读性和排版上的改进是巨大的,并且在相当程度上说明了 Apple 对可读性的重视。

♥ 189 ↩ 14

Dong杰1989在上班 2024-01-30

对我来说,这也是为什么 iPhone 好用的原因之一。强迫症,单纯看不惯国内那些毫无设计和审美的厂商们,发布会的 ppt、官网宣传页排版,简直惨不忍睹。

♥ 135 ↩ 7

OldprincessPeter 2024-01-30

印象很深的一个软件叫简书,一个博客平台,以前蛮火的。它非常重视排版设计,易读是它的最大特点。还有一个之前看到的一个博客讲的是在电子阅读上,他更倾向于使用「」来代替“”我想知道大家怎么看?

♥ 102 ↩ 16

Meiko羁雨 2024-01-30

终于有up谈到苹果的字体和排版设计了

♥ 97 ↩ 17

_昭文君_ 2024-01-30

搞机半生,归来还是iPhone。感觉这几年的iPhone虽然没啥新意,但是买了真的不会出错。

♥ 96 ↩ 4

苟文手天 2024-01-30

对于汉字和西文间的空格,最好的方法是由排版软件来实现自动加间距,而不是手动打空格。因为不同的字体的空格的宽度是不固定,这和西文字母的内白大小和默认字母间距有关。而汉字和西文间的间距作为一种排版特征我们希望它是固定、精确、可感知的,就好比中文段落开头空两格的最好方法应该是由排版软件去处理,而不是手动打空格。另外,有时为了段落左右对齐,汉字与西文间的间距是可调整的,这也是由排版软件完成的,手动加个空格可能会干扰排版软件处理间距。手动打空格只是一种在排版软件功能较弱的情况下的权宜之计。

♥ 86 ↩ 1

Fan_Jiangbei 2024-01-30

系统字体的统一性也是苹果的特权之一。安卓厂商受限于安卓系统,至今仍然做不到自家定制字体在 UI 中的全覆盖,Android 默认的 Roboto 字体随处可见。

♥ 74 ↩ 1

葱哥说考研 2024-01-30

是这样的,整体用起来还是苹果的最舒服

♥ 67 ↩ 4

Wheatley-Z 2024-01-30

第一次知道微信做了自己的排版引擎,是当年发送数字+15个中文句号就能把微信排版引擎卡死闪退的bug[笑哭]

♥ 64 ↩ 1

账号已注销 2024-01-31

华为就和细节设计感不搭边

♥ 57 ↩ 9

請坐_ 2024-02-01

有意思的是,当苹果早早花费大量时间精力与技术底蕴完成这些细节之中高度用户体验的设计并融入品牌生态与人文调性的基础之时,反观国产厂商总以一个又一个“技术点”来宣传这些苹果在用户体验作为基础铺垫的技术标准,至此只有在各大UP主精细查阅资料过后成为果粉/数码爱好者才得以窥见的苹果的技术内涵,国产厂商的粉丝还以此沉浸在各种各样的遥遥领先之中。

♥ 52 ↩ 2

噪聲譜綫 2024-01-30

整理的真滴很好!!现在中文苹方的问题有:没有和SF Rounded搭配的圆笔字,也没有配套衬线New York的宋体字。因此,提醒事项和apple books里面没有英文原版系统中的风格变化。

♥ 47 ↩ 6

NowhereTo 2024-01-31

这个模块终于有up提到了 我是从小米14换到苹果15ProMax的 在换之前已经拿小米14和众多安卓旗舰都对比过 发现系统ui的设计还不如小米 换掉14的理由就是14作为一个6.3英寸的小尺寸手机 字偏小 而且在切换不同软件的时候字体严重不统一 尤其b站 字体特别难阅读 开发者模式调整过字间距还是觉得看的很难受 还有就是微信内部打开文件 小米14的字体小了一大圈 只有放大才可以阅读 之前用大屏安卓的时候没感知到 因为足够大 也足够扁 用惯苹果翻过去看安卓的字体不统一 是严重的降级了

♥ 43 ↩ 4

树妖刺青 2024-01-31

说到这里了,就给各位推荐一个浏览器插件吧,《为什么你们就是不能加个空格呢?》,虽然不是完美适配但是大多数的网页是会自动在全角和半角的字母、数字、符号之间插入间距。 另外国内有一个仿 Noting 制作的笔记软件叫 wolai,也会自动添加间距,感兴趣的可以尝试一下。ps:如果想帮我做一下邀请任务的话那可真的是阿里嘎多米娜桑[脱单doge][脱单doge][脱单doge]

♥ 37 ↩ 2