#101. “字”如其人——聊聊计算机字体
19 Jul 2022 · 74 min
Sean interviews type designer Wen-Ting, a former Adobe font engineer, about how computer fonts shape brand identity and user experience. They explore variable fonts, color fonts, and how companies like Coca-Cola and Uber use typography as their core visual mark. The conversation covers licensing models from Adobe Fonts to open-source Google Fonts, and why tiny UI text on high-density screens demands careful design.
Chapters
很小 的 时候 我学过 书法 我妈 和 我 说 字 如其人 仿佛 横 凭 数值 之间 传递 着 一种 情绪 一种 态度 我妈 可能 没有 想到 几十年 间 计算机 快速 发展 现在 已经 很少 有人 提笔 写字 转而 选用 形形色色 的 计算机 字体 来 传递 感觉 服务 于 各种 需求 公公 整整 的 TimesNewRoman 活泼 的 各式 卡通 字体 广受 程序员 群体 喜欢 的 等 字句 字体 等等 这一下 我们 请来 了 前 Adobe 字体 设计师 现 品牌设计 软件 Typogram 的 创始人 文婷来 聊 一聊 计算机 字体 方寸之间 的 宇宙 这里 是 牛油果 烤面包 大家 好 欢迎 来到 这 一期 的 牛肉 骨 烤面包 我 是 Sean 我 是 Kat 录完 一百 期 之后 让 我们 又 回到 我们 传统 的 硬核 又 有趣 的 知识 科普 环节 今天 我们 讲 一个 其实 跟 大家 生活 当中 几乎 每个 人 我 觉得 可能 是 每 一个 人 都 会 息息相关 的 平时 每天 都 会 用到 的 一个 东西 字体 我们 请来 了 前 Adobe 设计师 现在 在 创业 做 品牌设计 软件 Typogram 的 文婷 跟 大家 进行 分享 大家 欢迎 文婷
欢迎 欢迎 大家 好 我 叫 文婷 很 高兴 做客 牛油果 烤面包 很 荣幸 能够 在 这里 跟 大家 分享 字体 相关 的 一些 有 的 没 的 小 知识 可能 用 不到 可能 很
有趣 那 这 大家 可能 天天 都 看着 呢 现在 这个 时代 可能 大家 每天 都 在 跟 不同 的 字体 打交道 在 做 这期 节目 之前 提到 说 字体 这个 东西 给 我 个人 印象 最 深刻 的 就是 那个 非常 非常 著名 的 SteveJobs 乔布斯 他 在 斯坦福 的 那个 演讲 提到 说 好像 他 之前 有 一段时间 他 旁听 了 一个 字体 的 课程 他 特地 的 说 到 了 这件 事情 因为 他 说 他 那 时候 就是 漫无目的 出于 兴趣 然后 听 那个 旁听 一个 字体 的 课程 但是 因为 他 做 了 这件 事情 所以 他们 以后 在 做出 苹果电脑 的 时候 苹果 操作系统 的 时候 他们 就 有 很 好 的 一个 字体 的 渲染 和 字体 的 字库 然后 后来 他 就 用 这个 作为 一个 例子 说明 说 你 要 followyourheart 你 要 顺从 心机 然后 你 做 这些 事情 慢慢 的 会 像 连接 那些 点 一样 连接 在 一起 對,
我覺 得 喬 布斯 做 了 一個 很 好 的 科普 啊 沒 有 他 這個 演講 很多 人 沒 有 去 了解 到 字體 我給 大家 講一個 有趣 的 小 故事 我 有 一次 去 了 一個 字體 行業 的 conference 他 有 一個 小 環節 就 大家 過去 講個 人 的 有趣 小 故事 有 一個 字體 設計師 他 被 警察 給攔 下來 然後問 說 你 是 做 什麼 工作 的 他 說 我 是 設計 字母 的 那 警察 非常 疑惑 的 說 那 字母 已經 被 設計 出來 它 就 長 那個樣 你 什麼 意思 你 是 設計 字母 的 我 覺得 有 了 喬 布斯 這個 演講 我 覺得 這樣 的 疑惑 可能 會少 一點 喬 布斯 在 他 的 演 講裡面 提到 他 去 理德學院 旁 聽 了 這門 typography 字體 排印 的 課程 這個 事情 可能 很多年 之 後 又 重新 回到 了 他 的 日常 工作 裡面 他 在 發布 第一 臺 蘋果 電腦 的 時候 在 在 這個 舞 臺 上 他 非常 鄭重 的 去 介紹 我們 的 電腦系 統裡面 內置 了 非常 多 的 字體 當時 他 他 決定 所有 的 字體 他 都 要 用 一個 程式 命名 我們 記得 還有 芝加哥 有 舊 金山 啊 當時 那個 舊 金山 跟後來 又 出 了 一版 新 的 舊 金山 並 不是 同一 個字體 但是 這種 以 城市 命名 的 這個 傳統 留 了 下 來 啊 我 覺得喬 布斯 對字體 有 一個 很 深刻 的 理解 今天 當然 windows 蘋果 電腦 他們 都 有 非常 多 的 字 體字體 不再 是 一個 以 操作 系統 為 一個 隔閡 的 一個 互通有无 的 这样 的 一个 软件 形式 存在 所以 虽然 字体 上面 同一个 字体 在 两个 平台 上 都 可以 安装 苹果 在 某些 自己 渲染 部分 还是 有 相当 大 的 优势 windows 的 渲染 有时候 就是 没有 苹果 的 那么 那么 细腻 大家 可能 也 有时候 有 注意
到 了 我 覺得 作為 我們 這樣 一個門 外漢 就是 時常會 聽 到 這個 詞 彙 叫 自體 渲染 然後特別 像 我們 做 計算機 就 會 非常 困惑 我覺 得 我們 的 那個 心態 可能 跟 那個 警察 差不多 的 感覺 因為 像 我們 聽 到 渲染 這個 詞 彙 都 說 是 計算 機圖 形學 比如 說 你 有 個 非常 複 雜的 3D 場景有 什麼 光影 啊 明暗 啊 這些 東西 水面 啊 所以 說 你 要 去 渲染 它 說 你 這個 非常 複 雜的 場景 那個 水面 的 反射 效果 非常 的 麻煩 你 要 算 啊 算 啊 算 那 字体 的 渲染 是 什么 呢 因为 大家 觉得 好像 字体 没有 像 那种 游戏 图像 那样 那么 复杂 字体 它 不 就是 一张 图片 吗 就 大家 觉得 好像 趁时 它 可能 比 我 平时 拍 的 照片 它 的 像素点 更少 它 不 就是 一张 图片 啊 那个 我 打 这个 字 就 把 这个 图片 这些 啪 贴上去 是 这么 简单 一件 事情 吗 呃 你 這個
話 雖然 沒 有 錯 有些 字體 的 確是 像 圖片 一樣 叫做 點針 字體 但 大部分 現在 主流 的 字體 都 是 矢量 字體 那何 為 矢量 呢 矢量 是 一種 不是 記錄 每 一個 像素 它 應該 是 什麼樣 的 顏色 這樣 的 一種 方式 去 記錄 一個 像 圖片 取而代之 呢 是 用 一種 數學 公式 去 記錄 一個 曲線 比如 說 我們 常用 的 貝塞爾曲線 用 這種 數學 公式 的 形式 把 這個 曲線給 記錄 下來 那 這個 矢量 的 东西 把 它 再 翻译成 位图 啊 位图 就是 像素 形式 的 这种 点阵图 它 需要 一个 转换 式 码 矢量 的 一个 很大 的 优势 就是 我 可以 转换成 一个 小小的 图 啊 10X10 的 这种 小 图片 也 可以 做 巨型 的 1 万 像素 X1 万 像素 的 巨型 图 他 都 不会 有 像素 的 失真 那 如果 我们 只是 像 图片 的话 我们 平时 拍 的 图片 如果 把 它 放大 啊 我们 可能 就 会 看到 一些 像素 化 的 一些 不好 的 模糊 的 一些 现象 那 矢量 字体 就 不会 有 这样 的 一个 缺点 我们 也 可以 想象 到 这样 为什么 是 一个 巨大 的 优势 我们 的 字体 有时候 要 很小 的 字体 有时候 字体 我们 要 印成 巨幅 的 广告 比如说 展示 在 时代广场 这种 巨幅 广告 他 都 可以 用 三个 MB 的 字体 把 它 渲染 出来 那 如何 去 把 尺量 转换成 位 图 并且 在 尺量 尺量 是 永远 光滑 的 边缘 我们 的 位图 它 毕竟 是 一个 一个 小方块 它会 有 这种 锯齿 的 现象 怎么样 能够 让 这个 锯齿 的 现象 尽量 的 减少 让 我们 肉眼 看上去 它 是 光滑 的 曲线 边缘 这 也 是 一个 字体 渲染 在 攻克 的 一个 巨大 的 难题 提到 渲染
我 想 回到 了 那个 计算机 游戏 里面 因为 大家 计算机 游戏 的 时候 其实 也 是 有 类似 的 问题 比如说 我 一个 3D 模型 他们 会 有 一个 概念 叫 抗锯齿 因为 可能 3D 模型 直接 渲染 出来 的话 它 可能 就是 一块 一块 一块 一个个 三角形 平面 拼贴 在 一起 那像 字体 它 要 渲染 的 平滑 化会用 一些 什么样 的 技术 和 技巧 呢 或者 苹果 为什么 就 做 得 比较 好 在
字體 渲染 上 我們 也 叫 仿鋸齒 英文 叫 anti aliasing 也 叫 仿鋸齒 也 叫 仿鋸齒 比如 說 我們 要畫 一個 圓形 對 吧 一個 圓形 黑色 的 圓形 在 白色 的 背景 上 中間 的 那些 當然 是 填滿 整個 像素 都 為 黑色 那 遇到 最邊 緣 就 在 邊界 上 它 可能 應該 一半 是 黑色 一半 是 白色 如果 我們 把 它 非常 細化 的 話 有些 像素 是不是 應該 一半 是 黑色 另外 一半 是 白色 那 我們 一個 像素 是 無法 它 已經 無 可 分割 了 它 是 原子 級 的 了 那 怎麼樣 去 實現 一半 是 黑色 一半 是 白色 這種 現象 呢 或者 至少 在 遠 看 的 肉眼 上能夠 類似 於 這種 視覺 效果 那有 兩種 形式 一種 呢 我們 把 這個 像素 變成 灰色 既然 你 是 一半 黑色 一半 白色 如果 很远 的 地方 去 看 过去 的话 它 其实 看上去 应该 是 个 灰色 的 像素 那么 我 就 可以 看到 边缘 的 这些 应该 是 锯齿 的 地方 我们 都 会 有 很多 灰色 的 像素 这些 灰色 的 灰度 根据 不同 的 计算 的 结果 它 的 灰度 值 还 不同 这是 灰度 防 锯齿 我们 叫 grayscale 另外 还有 一种 更 有趣 的 防 锯齿 的 一个 自体 渲染 的 一个 算法 我们 叫做 subpixel 我 刚才 说 像素 已经 无法 分割 了 其实 这 并 不 完全 是 真的 其实 一个 像素 还 可以 继续 分 怎么 分 呢 我们 知道 一个 像素 它 是 由 三个 显像管 来 组成 的 有 红色 绿色 和 蓝色 对 吧 我们 的 显示器 它们 每 一个 像素 它 都 有 三个 显像管 根据 你 要 显示 不同 的 颜色 比如说 要 显示 白色 那 我 三个 显像管 全亮 如果 你 要 显示 红色 那 红色 那个 亮 蓝色 和 绿色 的 那个 就 不亮 那 这个 其实 就是 subpixel 一个 像素 还 可以 分成 三个 那 我们 根据 这 三个 排列 一般 所有 的 呃 显示器 它 这个 像素 管 的 排列 方式 是 已知 的 那么 我们 可以 根据 这个 像素 管它 所在 的 位置 啊 比如说 我 这个 像素 应该 其实 左边 左下角 这 一边 应该 是 黑色 右上角 应该 是 白色 那 我 就 可以 把 靠近 最 左边 的 红色 形象 管 点亮 靠近 最 右边 的 蓝色 形象 管 把 它 熄灭 那 这 样子 可以 尽量 的 去 模拟出 这种 顯示 半個 像素 的 終極 的 效果 那 這種 現象 其實 大家 有 時候 也 會 注意 到 比如 說 你 有 時候 截圖 的 時候 你 把 截圖 然後截 圖無限 放大 你會 發現 字體 的 邊緣會 有 橙色 或者 是 藍色 的 這種 邊緣 其實 它 就是 因為 採用 了 subpixel 防鋸齒 這樣 的 一種 方式 才 會產生
這種 現象 我 這裡 插播 一個 問題 就是 做字體 相關 的 人 都 是
處 女座 嗎 做 字体 的确 是 需要 非常 的 注重 细节 因为 字体 它 并 没有 很大 的 很大 的 滑头 啊 我 就 用 一个 通俗 的 语言 去 说 它 我们 就 追究 的 就是 这些 细节 嗯 除了 细节 好像 没有 什么 其他 的 可以 去 我们 在 登峰造极 的 地方 了 我们 就是 要 把 自己 做 的 越 细越 好 无论是 渲染 效果 无论是 这种 设计 的 细节 都 是 在 追求 极致 的 细节 这里 插播 一个
广告 如果 大家 对于 计算机 显示屏 的 技术 有 兴趣 的话 可以 看 我们 之前 做过 一期 数字 世界 的 窗口 显示屏 技术 对 我们 要 去 看 这 一期 节目 就 可以 看到 计算机 的 每 一个 pixel 原来 还是 有 红绿 蓝三色 来 构成 的 然后 再 看到 我们 这 一期 字体 设计 是 如何 可以 利用 到 这个 红绿蓝 他们 的 这样 一个 排布 的 特性 来 做到 如何 让 一个 过度 的 pixel 能够 感觉 好像 是 一个 平滑 的 曲线 插播 廣告 完 畢剛 才 你 提到 了 渲染 引擎 也 提到 了 就後來 又 提到 了 設計 那 當然 我 覺得 大家 對 於 自體 設計師 這個 概念 就是 覺得 啊 一定 是 一個 更 偏藝術 設計 這樣 的 一個 概念 的 一種 工作 吧 然 後 一般 來 說 自體 設計 他 都 會 設計 一些 什麼 內容 呢
字体 设计 大家 常见 的 我们 经常 说 白纸黑字 我们 要 设计 的 是 黑字 的 部分 对 吧 黑字 这个 字长 什么 形状 我们 有 宋体字 有 黑体字 啊 英文 有 称献体 非 称献体 手写体
等 字句 字体 等等等等 chicago 然后 sanfrancisco 各种 城市 的 字体 是 吧 对
这个 字体 本身 它 这个 比如说 字母 a 它 写成 什么 形状 什么 地方 粗 什么 地方 细 这个 是 我们 要 设计 的 呃 我们 也 把 它 叫做 字体 设计 部分 的 正形 就是 positiveshapes 我们 要 设计 这个 黑色 的 部分 我们 把 它 叫 正形 应该 长 什么样 另外 很大 一个 部分 可能 是 大家 忽略 的 没有 想象 到 的 是 设计 这个 负形 也 就是 白纸 的 部分 哦 白纸 要 设计 对 白纸 为什么 要 设计 白纸 就是 白纸 那 其实 黑色 的 东西 排 到 白纸 上 这个 中间 要空 多少 白纸 这 其实 是 需要 设计
的 一个 过程 艺术 上 叫 留白
呃 對 叫 劉白 我們 古人 寫書法 的 時候 就 非常 注重 啊 劉白 非白 大家 有 聽 說過 這種 法 所以 我剛 才 正想 說 其實 這並 不是 自己 設計 獨有 的 其實 所有 的 設計 都 是 設計 正形 和 負形 而且 負形 往往 是 決定 成敗 或者 決定 你 這個 設計 的 質量 到底 是 好 是 壞 的 一個 重點 比如说 设计 UI 的 时候 我们 也 经常 要 对齐 对 吧 其实 对齐 这个 icon 我 设计 的 形状 已经 定 了 就是 阵型 已经 定 了 它 就 长 这样 但 它 放 哪 其实 是 复形 在 决定 它 放 哪 它 有没有 和 其他 的 元素 对齐 这个 对齐 的 过程 中 我们 要 不要 考虑 到 一些 就是 视觉 上 的 影响 有些 东西 你 可能 数学 上 对齐 了 但是 视觉 上 没有 对齐 等等等等 那 其实 他们 这部分 对齐 的 部分 就是 在 操控 这个 负形 这个 白纸 的 部分 那 字体 也 是 一样 我们 把 这个 每个 字母 的 字形 设计 好 之后 他 帮 他 排到 页面 上去 他 每个 字母 中间 要 隔 多少 空白 这个 空白 如何 做到 均匀 因为 每个 字体 它 的 形状 都 是 有机 的 形状 它 并 不是 一个 方块 对 吧 他 留 多少 空白
我刚 想 问 一个 非常 小白 的 问题 就是 中间 字句 多少 不 就是 定 一个 词 就 好了吗 我 觉得 今天 会 问 很多 小白 的 问题 哦 就 感觉 嘉宾 一直 在 翻白眼
没有 没有 这个 数值 其实 来自 于 两 方面 一方面 是 字体 设计师 他 内置 的 就是说 我们 知道 活版印刷 术 嘛 字体 的 形状 这个 字 比如说 a 它长 着 这个 很 有机 的 这个 形状 它 都 是 放在 一个 方块 里 的 那 这个 A 在 这个 方块 里 它 的 位置 左边 留 多少 右边 留 多少 这 一部分 是 自己 设计师 控制 的 他 需要 去 设计 它 它 怎么样 才 是 处在 一个 其中 的 位置 那 这个 A 和 下面 一个 字母 排 到 一起 之后 呢 他们 每个 字母 在 他 的 这个 小方块 里面 都 有 一些 左右 留白 他们 一起 组成 了 这 两个 字母 中间 的 这个 位置 那 这个 位置 在 组装 起来 之后 他 可能 还要 进行 下 一步 的 一些 微调 比如说 A 遇到 了 V 我们 知道 这 两个 形状 刚好 是 互补 的 那 它 的 位置 可能 需要 调整 需要 变窄 一点 因为 它们 刚好 形状 互补 如果 你 把 它 不 做 任何 调整 的话 它们 中间 的 这个 留白 会 看上去 比 比如说 h 和 m 看上去 多 很多 那 它 就 不再 均匀 了 那 我们 根据 不同 的 字母 配对 啊 我们 可能 还要 单独 去 调整 啊 你们 俩 遇到 的 时候 A 在 前 B 在 后 的 时候 我们 要 减少 多少 或者 加多少 这 一部分 也 是 自己 设计师 会 额外 考虑 的 那 我们 在 设计师 使用 字体 的 时候 呢 还 会 继续 再调 一次 所以 是 有 两 部分 的 所以
说 当 我们 把 每个 字母 如果 是 不 考虑 任何 的 两个 形状 之间 的 关系 只是 按照 等 间距 一个 一个排 起来 那么 对于 人 肉眼 来说 他们 反而 会 觉得 说 他们 中间 的 空档 有大有小 有大有小 就 很
不 纯洁 对 很 不 整齐 在 英文 字体 有 甚 中文字体 这种 考量 要 稍微 少 一点 因为 我们 知道 中 文字 是 方块字 嘛 每个 字 我们 的 古人 设计 它 的 时候 已经 帮 我们 解决 了 很多 的 问题 每个 字 它 都 很 均衡 了 而且 都 长 在 一个 方块 里 啊 在 这个 方块 里面 居中 就 好 了 不再 需要 两个 字 两个 字 中间 再 去 调整 呃 不 像 英文字 它 不是 等距 的 字体 它 不是 方块字 那么 它 需要 可能 a 和 v 中间 要调 啊 v 和 w 中间 都 要 调 还有 这种 呃 两 两 配对 之间 需要 微调 的 呃 现象 但 不管 是 中文字体 还是 英文 字体 都 有 这种 需求 比如说 虽然 中文 字符 本身 是 等 字距 但是 标点符号 我们 有时候 不是 和 文字 等 宽 的 有的是 半宽 啊 有 的 甚至 是不是 半宽 我们 就 他 需要 多少 我 就 给 他 多少 也 有 这种 现象
那 程序员 是不是 特别 方便 因为 程序员
只用 等 宽 字体 对 程序员 就是 用 的 这个 字体 英文 字体 叫 等 宽 字体 嘛 设计 等 宽 字体 是 有 这样 的 好处 我 设计 的 第一款 字体 是 个 等 宽 字体 然后 后来 我 就 用 这个 字体 写扣 的 设计 等 宽 字体 有 一大 的 方面 就是 我 只 需要 考虑 正形 然后 考虑 缝形 的 不是 说 完全 不 考虑 但是 考虑 比较 少 我 就 不 需要 考虑 我 刚才 说 那个 调整 两 两件 就 不 需要 调整 我们 就是 要 让 它 等 宽 如果 再 调整 你 再 把 它 缩少 那 它 就 没有 办法 形成 这种 横 平竖直 这样 竖 着 也 可以 对齐 的 这种 特有 的 现象 啊 这个 特有 的 现象 在 编程 里面 是 需要 的 但是 在 其他 的 文字 排版 里面 我们 不太 推荐 使用 等 宽 字体 有时候 等 宽 字体 会 看上去 阅读 比较 困难 啊 还有 设计 等 宽 字体 的 时候 有时候 没有 办法 有些 字母 要 设计 的 比较 丑 一点 像 字母 i 和 ww 会 很挤 要 胖 一点 吗 对 他 本来 很 宽 但是 他 的 宽度 要 和 i 一样 那 i 我 就要 把 它 弄 的 胖 一点 w 要 变得 瘦 一点 会 有种 强迫 的 感觉 有时候 等 块
字体 会 有种 感觉 i 这么 这么 苗条 一个 字 硬是 要 把 它 扯 的 要 稍微 宽 一点 对
我 当时 设计 我 的 那款 字体 的 时候 我 最大 的 问题 就是 怎么 让 i 变肥 一点 讲 到
涉及 父亲, 就是 中间 的 这些 间距 是 需要 被 调整 吗? 那么 设计师 会 根据 什么样 的 方法, 有 什么样 的 方法 可以 说 我 通过 这样 一个 方法 我 设计 出来 的 他们 间距 是 合理 的? 还是 说 就是 一个 一个 字 两 两 配对 看 他们 看上去 合 不合理, 就是 看 眼睛 看 吗?
嗯 我们 这个 这个 整个 过程 还有 一个 呃 英文 名叫 kurningkurning 呃 是 一个 既 主观 又 客观 的 一 一样 东西 简单 来说 我们 首先 要 找到 一个 基准 基准 的话 我们 比较 推荐 用 n 和 o 我们 把 n 和 onoonno 把 它 全部排 出来 之后 我们 找到 一个 基准 就是 这 两 两 字母 中间 的 这个 gap 以 它 为准 然后 我们 再 把 其他 字母 排 进来 那 我们 可以 想象 往 这些 字母 中间 填 沙子 比如说 n 和 o, o 是 一个 弯 的 一个 边缘 嘛 n 是 一个 垂直 边缘 他们 都 是 有机 的 那 我们 不 知道 中间 它 隔 了 多少 我们 就 把 往 中间 填 沙子 最后 填 出来 的 这个 沙子 的 这个 体积 应该 是 一样 或者 面积 啊 应该 就是 面积 应该 是 一样 多 的 还有 一种 说法 呢 可能 更好 想象 一点 是 往里面 填 气球 你 你 的 气球 把 它 放到 自己 中间 会 挤压 成 各种各样 的 就是 给 你 的 空间 那 这些 气球 的 大小 应该
是 一样 的 让 我 顿时 想到 应该 是 一道 什么 高中 几何 算
面积 的 题目 它 不是 那么 客观 的 我 刚才 描述 的 非常 客观 那 也许 很多 人 特别 是 程序员 朋友 们 我 知道 这个 形状 的 面积 不好 算 但 我 也 有 办法 算 出来 对 不 对 我 可以 把 它 分割 成 无限小 的 像素 我们 算 这个 中间 的 像素 复形 的 像素点 的 多少 我们 其实 可以 把 它 算 出来 就算 它 很 难 我 也 可以 把 它 算 出来 算 出来 之后 我 就 把 它 全部都是 弄 成 相等 可不可以 啊 其實 也 並不 完全 可以 比如 說 咱們 這個 字母 a 這種 印刷 體的 字母 a 這個 上面 這個 小 彎 下面 這個 部分 是不是 是屬 於 他 自己 的 空間 呢 他 是 有 一個 有點 半開 放 的 空間 他 是屬 於 自己 的 空間 呢 還是屬 於 這個 字母 中間 的 公共 空間 是 有 一點 無法 界定 的 是 有點 是 需要 我們 用 肉眼 去 感覺 的 他 有 一種 有 的 字體 設計師這麼 說 他 有 自己 字母 他 有 一點 的 氣場 他 其實 還是 佔 據 他 周圍 的 一點 空氣 有 一部分 是屬 於 他們 中間 這個 公共 空間 我們 要 去 算 他 的 面積 有些 呢 雖然 他 沒 有用 陣型 佔 住 這 部分 空間 但 他 的 氣場 佔 住 了 這 部分 空間 比如 說 就是 印刷 體的 a 那個 彎 下面 的 那 部分 大部分 把 它 圈住 了 虽然 它 它 是 空 出来 但是 它 圈住 了 很多 它 的 气场 占住 了 这部分 所以 你 不能 把 它 算进去 所以 那种 方法 可能 最后 得 出来 的 效果 就是 虽然 是 在 数学 上 是 正确 的 最后 在 视觉 上 因为 我们 最后 都 是 回归 到 人 的 肉眼 去 感受 它 去 看 它 是不是 和谐 的 是不是 平衡 的 最后 可能 感觉 反而 是 不 平衡 另外 一个 类似 的 例子 是 其实 是 居中
那 我 突然 再有 个 想法 就是 自己 特别 是 对于 复兴 比较 有 研究 的 设计师 是不是 围棋 就 下
比较 好 他们 的 气 对 不 对 就是 有没有 气口 对 他们 有没有 气口 是 的 也许 他们 去学 围棋 都 有点 前途 雖然 我 可能 輸
了 但 這陣形 不 好看 所以 我 還是 要 把 紙下 在 那個 點上
那 你 這讓 我 想到 另外 一個 梗 就是 有 一個 大臣 和 皇上 下棋 就 下 得 越 下 越 臭 皇上 正要 生氣 說 你 下什 麽 臭棋 的 時候 抬頭 站 起來 一看 上面 寫著 萬歲 那 不 就是 用 像素 點在 拼字 嗎 哦 那
这个 放 了 现代 这个 人 一定 是 一个 很 好 说 自己 设计师
对 对 反过来 了 像 围棋 的 可以 做 点阵 我们 这个 其实 我 刚才 说 的 矢量 字体 嘛 其实 最最 原始 比如说 最 开始 的 芝加哥 字体 还是 一个 点阵 字 它 就是 像素 化 的 我们 就是 拼说 这个 像素 是 应该 是 黑 的 还是 白 的 曾经 有 有 过 这 一段时间 是 数字 产物 的 就 那个
设计师 陪 小 布斯 下棋 是 吧 下棋 的 时候 出来 一个 芝加哥 字体
对 陪 乔布斯 下棋 刚才 我 还 说 到 这种 纠缠 啊 就是 数学 我们 设计师 和 数学 的 纠缠 其实 做 设计 的 时候 经常 要 算数 的 就是 哎 怎么样 左边 留 多少 右边 留 多少 或者说 算 这个 排布 比如说 我们 要 分成 12 个 12 个 column 我 曾经 有 想 做 过 一个 youtubechannel 就是 教 数学 数学 给 设计师 设计师 需要 的 数学 就是 这些 有 的 没 的 杂七杂八 的 如何 算 体积 对 其实 设计师 跟 数学 的 关系 蛮 纠缠 的 有时候 我们 需要 算 的 很 清楚 有时候 数学 算 出来 的 比如说 我 刚才 正要 说 一个 居中 的 问题 有个 东西 你 数学 你 算 出来 是 居中 结果 视觉 上 没 居中 我们 还要 去 再 去 反科学 的 去 找 这个 东西 数学 上 居中 了 可是 我们 又 要 就是 要往 左调 一点 才能 我 眼睛 看上去 是 居中
的 哇 这个 真的 是 我 觉得 可能 具体 真的 要 深挖 的话 就 到 感知 科学 那个 领域 了 呃
是因为 你 居中 的 东西 我们 在 比如说 菲格 满 里面 去 做 居中 你 其实 在 其实 在 调整 的 是 它 的 那个 边框 一个 bondingboxbondingbox 里面 还有 很多 空气 呢 其实 你 是 在 把 一个 比如说 我 把 这个 东西 所 对齐 其实 你 是 把 一个 空白 的 像素 和 一个 空白 的 像素 对齐 对 吧 因为 字体 并 没有 填满 整个 这个 bondingbox 那 字体 在 这个 bondingbox 在 这个 框 里面 占 的 位置 又 是 非常 有机 的 又 是 没有 办法 那么 容易 界定 的 所以 很多 时候 你 把 这 东西 通过 一些 快捷键 把 它 居中 出来 的 结果 因为 这个 字体 在 这个 bondingbox 里面 的 分布 不 均匀 你 最后 得到 的 效果 并 不是 那么 绝对 的 就是 居中 或者 是 做 对齐 等等 好
刚才 我们 就 聊到 了 关于 负形 的 设计 还有 专门 的 词汇 叫 conning 我 觉得 这个 还 挺 谐音 梗 的 因为 感觉 是 个 坑 嘛 就 设计 这些 坑长 什么 样子
对 是 蛮 坑 的 然后 那
我们 接下去 聊正形 就是 大家 可能 最 熟悉 的 那 说 这个 字长 什么样 那 我 就 有 一个 问题 就是 字长 什么样 它 的 设计 点 是 什么 它 就是 好看 吗 有 幾種
考量 啊 一種 是 最 開始 我們 發明 字體 是 為 了 減少手 寫 最 開始 由 西方 是 為 了 我們 要 大量 的 印刷 聖經 我們 沒有 那麼 多 人力 去 手 寫然 後 每個 人 寫 的 都 不 一樣 我們 就 把 它 做 印 印刷 書 把 它 印刷 出來 是
馬 丁 路德 宗教改革 這段 時間 是
我 對 宗教 倒 不是 很 了解 我 不 知道 馬 丁 路德 是 什麼 時候 改革 宗教 的 但是 我 知道 第一本 印刷版 的 聖經 啊 是 15 世紀 啊 156 世紀 有 一個 非常 非常 有 商業 頭腦 的 一個 人 他 不僅 說 去 發明 了 這個 西方 的 印刷 術 他 而且 他 預售 了 這些 聖經 這些 聖經 都 非常 的 昂貴 預售 對 就 像 我 做 Typer 館 一樣 我 也 是 預售 先 把 東西 先賣 出去 然後再 來 做 因為 它 造價 非常 昂貴 嘛 這個刻 這個 銅板 的 這個 每 一個 這 印刷 的 小字
感覺 這是 個 早年 的 Kickstarter 對
是 它 非常 的 有 商業 頭腦 吧 就 做 這樣 的 一個 大量 的 體量 的 一個 創新 它 需要 很多 的 資金 我 有 在 耶魯大學 的 圖書館 裡面 看到 了 一本 這樣 的 一個 身體量 非常 大 放在 一個 展示 的 一個 透明 盒子 裡面 非常 的 精美 裡面 有 非常 非常 多 的 這種 裝飾性 的 線條 呀 每個 字體 啊 設計 的 非常 而且 我 感覺 有 部分 可能 是 燙 金 的 哇 回到 我们 话题 的 正题 啊 最 开始 是 要 用 印刷体 去 代替 手写 所以 设计 的 时候 可能 会 尽量 的 去 模仿 这种 手写 的 感觉 比如说 还有 另外 一个 现象 就是 刻碑 这 可能 是 早于 印刷体 的 我们 手写 出来 的 字体 把 它刻 出来 它 也 是 在 尽量 去 模仿 你 手写 的 这种 感觉 我們 現在 看到 的 很多 這種 書法 作品 都 是 靠 篆刻 出來 比如 說 多寶塔 培寫 出來 之 後 他 再刻 出來刻 到 杯 上 他 是 完完全全 去 復 原手 寫 的 感覺 那 這個 階段 的 字體 設計 可能 更 多 的 是 說 我 怎麼樣 還原 出手 寫 的 感覺 說 到 歷史 對 字體 的 一個 階段 影響 啊 我 想到 前段 時間 我 去 植物 園的 時候 有 注意 到裡面 有 一個 花園 叫 莎士 比亞花園 然後裡面 的 這種 植物 的 小 名牌 作 非常 有意思 其中 有 一個講 迷迭香 Rosemary 的 小 名牌 上面 有 一個 很 奇妙 的 處理 啊 他 的 這個 Rosemary 這個 Rose 的 S 他用 了 一種 不同 的 形式 是 用 了 這個 我們 叫 LongS 長 S 的 這種 形式 呃 去 拼 寫 他 當時 我 一下 注意 到 這個 時候 我 就 想到 他 應該 是 為 了 還原 歷史 的 準確性 因為 莎士 比亞 所處 的 年代 剛好 是 個 LongS 在 文學 上 比 較 大量 應用 的 一個 年代 是 大概 是 17 世紀 到 18 世紀 最為 頻繁 的 使用 這個 LongS 我们 现在 的 日常 文学 上 的 使用 是 不会 再 使用 到 longs 了 longs 有 非常复杂 的 呃 使用 上 的 一些 规则 我们 现在 就 一律 全部 都 用 这个 我们 常见 的 这个 s 使用 呃 在 日常生活 中 longs 还是 出现 在 其他 地方 比如说 在 数学 里 微积分 这个 积分 符号 就是 使用 这个 longslongs 最 开始 是 由 一个 德国人 微积分 的 发明者 莱布尼茨 他 最 开始 在 自己 的 私人 的 这种 记录 里面 最先 使用 这个 符号 啊 慢慢 的 就 变成 因为 他 和 牛顿 发明 微积分 的 人 最后 这个 符号 被 广泛 的 在 数学 上 应用 也 是 我们 今天 还 能 看到 Longice 的 比较 唯一 的 一个 地方 就是 积分 符号 但 我 觉得 这个 符号 用到 他 有 这种 历史 的 底蕴 在 当 我 看到 这个 名牌 上 用到 这个 Longice 这种 奇特 的 拼法 的 时候 我会 觉得 有 一点点 平面 设计师 独特 的 巧思 在 里面 有 一点 用心 有 一点 时代感 会 觉得 自己 能够 发现 这样 的 细节 很 开心 或者 是 欣赏 到 了 别人 的 用心 回到 我们 话题 那 发展 发展 慢慢 到 近代 之后 也 有 很多 的 这种 設計 藝術 的 運動 啊 慢慢 的 去 摒棄 說 我們 不要 手寫 了 我們 不要 那種 這 classical 這種 經典 的 感覺 我們 是 現 在 新 的 時代 我們 要 摒棄 舊 的 東西 發明 一種 新 的 一個 樣式 我們 現在 看到 的 最常見 的 這種 非 呈 現字體 就 沒 有 多少 手寫 的 感覺 對 不 對 比如 說 hobotica 啊 中文 里 的 黑體 就是 橫平 豎直 你 拿手 你 哪能 寫 出 這種 字 啊 橫平 豎直 每個 字體 的 線條 都 那麼 的 均 勻 它 已经 有 了 新 时代 的 一些 新 的 影响力 不再 是 手写 的 影响 可能 是 电脑 显示器 的 影响 有 一个 著名 的 例子 就是 最 开始 去 设计 这个 电脑 显示 的 字体 的 时候 因为 电脑 它 那个 内存 有限 所以 你 要 记录 非常 多 的 这种 曲线 很 占 空间 程序员 就 和 自己 设计师 MatthewCarter 说 我 的 内存 存 不了 你 这么 多 曲线 你 把 曲线 给 变成 直线 行 吗 听 上去 就
特别 像 我们 每天 工作 当中 城市 人 和 设计师 的 对话 对 对
对 然后 MatthewCarter 回去 就 开始 设计 了 嘛 就 说 啊 那 把 曲线 去 他 当时 设计 的 是 衬线 字体 还 不是 我们 后来 经常 看到 非 衬线 字体 哎 什么 是 衬线 嗯 这 是 个 很 好 的 问题 衬献 字体 我们 可以 不 知道 大家 熟 不 熟悉 像 timesnewroman 它 就是 一个 衬献 字体 写 论文 的 人 都 知道 对 所谓 的 衬献 就是 比如说 那个 字母 i 它 除了 一个 竖线 来 表示 这 是 个 i 以外 它 上面 有个 小角 下面 有个 小角 这 就是 它 的 所谓 的 衬献 有点像 我们 宋体 也 像 衬献 字体 和 衬献 字体 有 很多 的 共通 之处 吧 送体 比如说 我们 横到 了 最后 结尾 时候 要 有 个 三角形 去 收尾 这 也 是 他 的 这个 横 的 衬线
让 我 想到 了 我 那 时候 写 书法 的 时候 比如说 一横 你 要 先 提笔 点 下去 再 拉 过去 再 提笔 再点 下去 再 收尾 就 这样 就是 前面 那个 提笔 点
就是 衬线 对 对 就是 这个 意思 所以 趁线体 有 很多 手写 的 对 它 的 影响 它 的 曲线 变化 比较 多 比如说 我们 看 timesnewroman 它 一个 字母 a 字母 g 里面 有 大量 的 曲线 而且 它 每 一个 线条 的 粗细 还 在 变化 比如说 我们 一个 字母 o 有些 地方 很细 对 吧 左上角 和 右下角 有个 对角 地方 很 细 两边 宽 宋体 也 是 一样 的 横细 竖 宽 啊 这 是 宋体 的 一个 一个 标志 黑体 就 不 一样 黑体 是 横 的 跟 竖 的 差不多 宽 当然 其他 也 调整 了 也 不能 说 是 一样 的 如果 是 一样 的 看上去 就是 横 宽 和 竖 窄 所以 衬线 字体 它 更 多 有 这种 手写 的 因素 然后 它 有 更 多 的 曲线 那 当时 MaxwellCurry 就 在 设计 一款 衬线 字体 它 需要 用 很多 曲线 特别 是 衬线 那 部分 你 从 从 这个 他 说 我们 这个 主要 的 线条 研发 到 这个 衬线 里面 我们 还有 个 东西 叫 bracket 它会 有 一个 平滑 的 过渡 啊 我们 去 仔细 的 观察 timesnewroman 这个 i 上面 的 一个 衬线 跟 下面 衬线 它 都 是 平滑 过渡 去 的 但 这些 地方 都 需要 用到 大量 的 曲线 啊 需要 用 贝塞尔 曲线 去 把 它 连 起来 它 不能 是 个 直角 如果 是 直角 的话 程序员 会 非常 喜欢 那 我 只 需要 对 吧 只 需要 几个 点 然后 连 起来 就 好 了 不 需要 用 很多 的 内存 首先 不 需要 记录 那么 多 的 数据 点 第二 渲染 的 时候 也 方便 非常 多 我 也 不 需要 考虑 防 锯齿 了 一个 横 平竖直 的 东西 对 吧 然后 呢 那 陈旭 就 跟 MatthewCarter 说 我 有 这样 的 一个 问题 你 帮 我 解决 一下 你 把 你 的 字体 设计 改 一下 吧 他 就 回去 改 了 他 把 他 所有 的 曲线 都 给 改 了 改成 了 直线 改好 了 之后 呢 陈旭 他 又 跑 去 找 陈旭 说 我 改好 了 你 快 看 一下 特别 高兴 他 特别 满意 因为 他 不光 按照 要求 他 还 在 这个 我们 设计 是 很 喜欢 这种 常冷 就是 你 给 我 一个 限定 你 说 不能 干嘛 不能 干嘛 原来
是 这样 因为 我 觉得 作为 程序员 来说 你 我 就是 在 想 那个 是不是 他 就是 捏紧 拳头 最后 无奈 的 设计 出 这个 字体 哦 不是
有时候 你 给 我 一些 限定 啊 像 比如说 我 设计 icon 的 时候 我 我 给 自己 很多 限定 没有 程序员 要 给 我 限定 我 也 要 给 自己 很多 限 这样 我 才 可以 设计 出 一个 有 一套 有 系统 的 东西 那马 逊 carter 在 这个 情境 下 也 是 他 不光 他 设计 他 满足 你 的 这个 对 我 这个 挑战 你 说 不能 用 曲线 我 还 在 这种 情况 下 设计 出 一种 有 独特 风格 的 字 非常 满意 回去 找 那个 找 那个 程序员 程序员 说 哦 我 忘 了 告诉 你 了 我 把 这个 技术 问题 解决 了 你 可以 用 任何 的 曲线 他 好
不 开心 在 在 听 这个 节目 的 广大 程序员 听众 大家 注意 了 就是 以后 你 跟 设计师 打交道 的 时候 你 可以 跟 他 说 如何 设计 出 一个 产品 形态 能够 让 我 不 久久 的 工作 花 最少 的 时间 实现 设计师 会 非常高兴 程序员
跟 设计师 沟通 这个 问题 也 是 我 一直 都 去 关注 的 一个 事情 因为 我们 知道 有 很多 这种 之间 的 摩擦 我 觉得 设计师 喜欢 的 是 你 对 我 的 限定 不是 说 什么 东西 不能 啊 你 要 告诉 我 为什么 不能 那 我 我 可以 找 一个 workaround 我 可以 绕 着 它 走 然后 我 还 说不定 有 一个 新 的 发现 一个
新 的 形态 你 看 若干年 之后 大家 还会 记得 那个 受到 挑战 的 设计师 觉得 他 做 了 一件 非常 伟大 的 事情 对 但是 如果 你
跟 我 说 你 就是说 这个 不行 比如说 这个 是 这个 程序员 说 你 设计 的 字体 我们 渲染 不了 不能 用 但 不 告诉 原因 的话 那 masterycard 回去 肯定 只能 是 沮丧 的 就是 很 不 开心 但 你 告诉 他 为什么 不能 是因为 不能 曲线 那 他 那 我 知道 了 不能 曲线 那 我 回去 都 用 直线 我 还是 可以 你 得 给 我们 一点 希望 你 得 给 我们 一点 前进 的 一个 一个 空间 你 说 这个 东西 不行 比如说 有时候 前端开发 和 UI 设计师 的 一个 冲突 比如说 设计 出 一个 东西 我 设计 了 一个 交互 你 说 这个 没有 办法 实现 那 等于 说 这个 对话 或者 这个 项目 没 办法 进行 下去 你 要 告诉 他 为什么 不能 实现 对 吧 你 说 啊 因为 这个 很难 实现 那 设计师 可以 回去 改 就 给 大家 提供 一个 小 的 tips 怎么样 去 跟 设计师 好好 的 沟通 好好 的
合作 那 刚才 就是 他 回去 改了 之后 发明 出 这个 无 衬线 的 字体, 就是 相当于 一炮 而 走红 吧, 就是 从此 之后 就 成为 一个 新 的 方向。
呃 對 回到 剛才 的 正題 上 就是 在 新 的 這個 時代 這個 電腦 的 時代其 實電腦 它 作為 一種 媒介 它 也 在 影響 自己 設計 那 我 剛才舉 的 一個 例子 是 一個 非常 微觀 的 例子 啊 我們 因為 內存 的 原因 你 回去 設計 了 一個 全部 由 直線 組成 的 一個 衬線 字體 那 如果 去 放在 一個 大 的 一個 變化 上 非 衬線 的 字體 的 出生 很大 程度 上 也 是 就是 新時代 的 要求 我們 一是 要 尋找 新 的 樣式 啊 新 的 風格 我们 看惯 了 这种 经典 的 呈现 字体 啊 我们 想要 一个 全新 的 全新 的 样式 嗯 还有 电脑 这种 像素 化 的 显示 也 给 了 我们 一些 灵感 或者 是 constraint 就是 对 你 的 限制 条条框框 那 我们 就 开始 设计 新 的 样式 了 所以 前 部分 你 回到 你 刚才 的 问题 我们 设计 字体 在 设计 什么 我们 有 什么 考量 有 很多 的 对 它 的 影响 我们 最 开始 可能 考虑 是 怎么样 去 模仿 手写体 的 感觉 啊 把 它 这个 自體 設計 的 好 彷 彿 是 手 寫現 在 還會 其 實現 在 這也 不是 一個 消失 的 藝術 我們 還在 做 這樣 事 比如 說 結婚 的 時候 送出去 的 情節 有 錢 人 你 知道 都 是 用 請 一個 專門 的 書法 大師書 法大師 來 寫 情節 的
嗎 但是 沒錢 的
就 用字 體嘍但 那個 字體 就要 盡量 的 模仿 出 好像 是 個 人手 寫 的 那 人手 寫 的 話 不 可能 每個 字母 都 寫 的 一模 一樣 還有 不同 的 字母 跟 連起 來 的 感覺 就是 a 和 s 碰到 時候 他們 怎麼 連起 來 s 跟 h 碰到 時候 怎麼 連起 來 那 如果 是 個 手 寫 說 他 每次 他 都 有 一個連 的 方式 呃 設計 weddingfont 這種 婚禮字體 的 呃 設計師 他 會 想 辦法 去 模仿 出 這種 手 寫 的 感覺 他 會 有 很多 的 字体 的 我们 叫 就是 可以 替换 的 字符 去 尽量 的 去 去 模仿 这种 感觉 比如说 一个 字母 我们 不 可能 每 一次 写 的 都 一样 他 可能 同一个 字母 s 他 有 5 种 不同 的 写法 放在 字体 文件 里面 去 在 适当 的 软件 里面 有 适当 的 会 这个 功能 的 设计师 还 可以 调用 出来 一个 段落 里面 出现 了 5 个 s 每个 都 是 不同 的 都 有 区别 根据 他 前后 字母 的 变化 他 调用 出 不同 的 字符 可以 更好 的 连 起来 還有 甚至 有 的 weddingfont 他會 模擬 出 那種 手寫 體手 寫 的 眉墨 的 時候 斷墨 的 對 吧 斷 墨然 後 又續 上 施加 了 眉墨 對 的 這種 感覺 這種 是 我 剛才講 就是 手 寫體 我們 盡量 去 模仿 這種 手 寫體 的 樣式 呃 還有 就是 電腦 對 他 的 影響 電腦 中間 還有 一個 就是 用 相機 的 形式 去 印刷 字體 他 也 曾 經對 字體 設計 有 了
很多 影響 什么 叫做 用 相机 的 形式 相机 不是 拍照 了 吗 对
相机 拍照 的 有 一段时间 我们 的 印刷术 介于 我们 不是 用 这个 活版印刷 活版印刷 可能 是 在 之前 了 这 之后 呢 就是 我们 的 什么 这种 激光打印机 这 中间 有 一段时间 我们 是 用 相片 在 印 的 就是 每个 字母 它 有 一个 底片 就 像 你 刚才 说 的 我们 就 把 那些 所有 的 这个 字 每个 字母 是 一个 相片 我 把 它 拼 起来 就是 这 一个 意思 每个 字母 还有 一个 底片 然后 把 这个 底片 叠加 起来 然后 就 拼成 了 一个 段落 就 把 它 印刷 出来 就
真的 是 印 一排 照片 來 寫
一句 話 對 他 其實 他 原理 就是 和 這種 跟 這個 相機 是 一樣 的 那 在 這個 階段 裡面 也 會 影響 到 那個 時代 那個 階段 設計字體 考慮 的 讓 我 想起
來 一句 話 他們 就 說 偉大 的 藝術 創新 都 是 來源 於
限制 对 没有 错 哦 说 到 那个 印刷 帖 这个 活字印刷 大家 有没有 关注 到 这个 Figma 这个 软件 他们 有 一套 自己 的 品牌 标识 他 有用 了 自己 的 一套 字体 这个 字体 有 一个 特点 英文 叫 Inktra 他 在 笔画 转角 的 时候 呢 他 会 凹 进去 一块 这 一块 现在 他们 是 成 了 一种 形式 一种 样式 一种 这是 我们 的 特征 其实 以前 这 这个 是 一个 非常 functional 的 一个 做法 為 什麼 因為
非常 功能性 的 一個 做法 非常 功能性
的 一個 做法 為 什麼 呢 因為 活字印刷 的 時候 不是 他 那個 像 一個 小 印章 一樣 他 先 去 站 個 墨然 後 再 印到 紙上 那 這種 轉角 的 地方 很 容易 有墨 嵌 在 裡面 站 不 上 對 吧 就 就 所謂 叫 inktrap 那個 墨 他 就 這個 轉角 的 地方 他 就 會 就 蓄墨然 後 你 就 會 出現 這種 轉角 的 地方 就 變成 了 一個 弧形 的 東西 有些 墨 trap 在 這裡面 印出 來 效果 就 不好 那為 了 去 防止 這種 現象 呢 他 就 把 這個 轉角 地方 往裡面 凹 進去 一點 這樣 我 知道 你 會 有些 墨到 時候 會 trap 在 這裡 我 設計 的 形狀剛 好給 你 留 了 這個 空間 到 時候 你 墨續 到 這裡面 正好 成 了 一個 直角 有 這種 考慮 那 當時 是 一個 非常 功能性 的 設計現 在 成 了 一個 樣式化 的 一個 選擇 這是 我 的 風格 我 就要 這個 樣式 現在 我們 去 用 电脑 去 显示 这个 字样 飞个 马 所有 的 宣传材料 可以 说 都 是 电子 的 就是 屏幕 上 的 网站 上 的 就算 是 打印 出来 也 是 用 激光 打印 喷墨 打印 都 不会 有 这种 喷墨 还是 跟 伙伴 不太 一样 他 不太会 有 这种 inktrap 在 里面 他 是 慢慢 的 喷上去 的 嘛 不会 有 这种 现象 的 他 就 会 不再 需要 这个 功能性 的 设计 我们 看到 的 这个 inktrap 都 完完整整 的 就 展现 给 我们 他 就 成 了 我 一 看到 这个 我 知道 这是 飞个 马 的 品牌 标识 哇 真的 是 属于
内行人 之间 玩 的 一个 游戏 的 感觉 我 都 没有 注意 到 这
一点 以后 你 可以 多去 关注 一下 Vegaman 大致 都 是 会 用 这种
字体 的 刚才 有 提到 就是 除了 手写体 有 很多 的 门道 道 之外 就是 自从 衬线体 被 发展 了 出来 之后 发觉 现在 衬线体 是 变得 非常 流行 包括 你 会 发觉 大家 前 几年 的 时候 很多 的 品牌 它 都 把 自己 的 字体 变 了 变成 了 一个 无 衬线体 的 字体 这是 一个 怎么样 一个 大 的 趋势
嗯 這個 趨勢 嗯 非常 值得 討論 啊 因為 我 覺得 我 的 觀點 和 其他人 的 觀點 每個 人 可能 都 有 自己 不一樣 的 觀點 有些 人 對 他 是 比 較 批判 的 態度 吧 我 也 是 持 這種 態度 我 覺得 有 一点 我们 可以 叫 formal 吗 就是 fearofmissingout 觉得 哇 别的 公司 都 改成 这样 我 不 改 我 好像 他们 都 是 新潮 的 我 就是 古板 的 呃 我 就 代表 着 旧时代 我 代表 着 一些 过时 的 价值观 他们 会会
有 这种 formal 所以 无称 限 字体 就是 给 大家 感觉 是 一种 更 新潮 更 走 在 时代 前 的 感觉 吗 现代化 的 感觉 对 现在
是 这样 的 大家 也 都 知道 的 就是 不管 是 时尚 啊 fashion 还是 呃 还是 什么 其他 的 就是 平面设计 都 是 一阵一阵 的 它 是 会 有 这种 cycle 的 有 这样 一个 轮回 的 可能 过 几年 又 不 一样 了 过 几年 又 是 用 衬衫 字体 又 又 硬 了 又 用 非 衬衫 又 out 了 也 是 有 这种 现象 的 比如说 今年 流行 藍色 可能 過了 明年 這個 藍色 不行 了 orangeisthenewblack 或者 是 blueisthenewblack 對 吧 他們 都 會 有 一個 週期性 的 所以 fashiondesign 會有 專門 的 這種 潮流 觀察者 他們 會 去 寫 文章 去 告訴 你 啊 現 在 的 潮流 是 什麼 明年 的 潮流 預測 是 什麼 目前 來 看 的 確是 這樣 的 非稱 限字體 代表 著先鋒 代表 著先進 的 時代 所以 我覺 得 很多 的 特別 是 科技 公司 會爭 先恐 後 的 把 自己 的 品牌形象 改成 非稱 限字體 但是 非稱 限字體 一部分 因為 他 的 局限性 吧 它 长得 非常 小 如果 你 不是 一个 专业 的 设计师 我 给 你 拿 两 三套 不同 的 飞圈线 你 可能 分 不 出来 谁 是 谁 我 刚刚
还 想 说 说 你 这 手写体 的话 这 大家 手写 千词 百怪 你 刚才 提到 说 啊 为了 墨水 的 那个 inktrap 我 还 可以 凹个 角 就是 感觉 可以 玩 的 东西 很多 但是 你 一旦 把 这些 东西 去除 之后 你 还 能 玩 啥 呢
可以 被 没有 被 训练 过 的 眼睛 看到 的 这种 特征 越来越少 了 是 在 做 减法 最后 减出 了 非 趁现 的 自己 比如说 非 趁现 自己 把 趁现 给 减 了 是 一个 就是 最大 的 变化 对 吧 还有 其他 的 比如说 笔画 的 粗细 变化 都 都 减去 了 嗯 他 的 可以 被 大家 感知 到 的 特征 越来越少 了 所以 有 这样 的 一个 缺憾 吧 如果 越来越 多 的 公司 想 把 自己 的 品牌 改成 非 趁现 那 他们 的 這種 品牌 的 個 性化 就 越來 越少 了 但 我 觉得 现在 又 有 一个 回潮 不是 说 品牌 字体 啊 不是 说 logo 字体 但是 UI 字体 有 一阵子 回潮 就是 有 一段时间 我们 的 UI 字体 全部 都 要 用 非 衬衔 字体 一个 是 是 就 于 这个 渲染 的 渲染 的 原因 因为 UI 字体 有时候 就 有 的 icon 上面 或者 一个 小 button 上面 写个 字 非常 小 你 用 一个 衬衔 字体 呢 可能 会 渲染 的 不是 那么 好 觉得 衬衔 字体 在 小字 号 表现 不是 那么 的 理想 特别 是 在 这种 像素 比较 低 的 情况 下 那 现在 也 有 很多 技术 上 的 变化 比如说 我们 的 手机 现在 都 是 3x 的 像素 用 3x3 的 像素 去 显示 一个 像素 它 就 非常 的 细节 化 就算 是 呈现 自己 这种 细节 的 曲线 变化 这些 小 细细的 小 衬线 它 都 可以 很 细腻 的 展现 出来 跟 原来 就是 1x 的 这种 屏幕 已经 不 一样 了 所以 有些 技术 限制 又 消失 了 也 是 一种 影响 另外 呢 就是 我们 可能 就是 UI 字体 全 是非 呈现 字 也 有点 看累 了 特别 是 手机 APP 你 可能 手机 APP 手机 的 这个 像素 的 密度 最大 哦 嗯 就 开始 用 呈现 字体 去 做 UI 字体 比如说 我 记得 最 开始 是 DatingApp 用 了 呈现 字体 做 它 的 UI 字体 非常 的 有 这种 亲和力 对 庆贺 力 然后 挑战 这种 旧 的 规矩 啊 觉得 我们 是 最新 的 因为 datingapp 不是 几年 要换 一次 吗 你 必须 是 最新 的 对 吧 你 如果 出 了 新 的 henge 你 还 在 用 okcupid 你 就是 你 就是 丑 的 那句
这里 再 插播 一条 广告 关于 DatingApp 我们 之前 做过 一期 节目 叫 赛博 姻缘 然后 通过 分析 DatingApp 然后 我们 嘉宾 就 开始 分析 他们 看到 了 就是 如何 在 DatingApp 上面 设置 好 更好 的 预期 和 更 有效 的 找到 对象 插播 广告 完毕 同时 的话 听 完 这 一期 之后 以后 听众 用 DatingApp 的 时候 可以 再 看 一下 他们 自己 是 用 什么
的 對 我 覺得 亨執 最 開始 用 了 這種 呃 呈 現字體 之後有 蠻 多 其他 的 app 也 慢慢 的 開始 有 特別 是 一些 financialapp
也 開始 用 了 金融 的 軟件 哎 為 什麼 因為 金融 軟件 不是 要給 大家 一種 那種 非常 我 很 專業 冷峻 的 這種 感覺 那 要
看 你 是 哪 一種 金融 現在 fintech 不是 他們 最 想要 抓住 的 是 嗯 millennial 千禧 一代 像 acorn 這種 都 是 把 你 們 這種 年 輕人 啊 其 實千禧 一代 我們 這種 千禧 一代 也 不是 什麼 年 輕人 了 我 先 把 你 抓住 所以 特別 是 這種 startup 他們 會 想要 用 一些 跟 傳統 的 大銀行 不 太 一樣 的 一些 標識 比如 說 我們 覺得 呃 銀行 做 品牌 標識 的 時候 最喜 歡用 藍色 最喜 歡用 某些 字體 很 古板 很 傳統 但 也 是 展現 了 他們 這種 可 被 信賴 的 權威 的 高高在上 的 甚至 有 一點 他 越 高 再 上 我 越覺 得 我 錢 放在 那不會 被 偷 对 吧 那 新 的 Sara 她 可能 想要 我 跟 你 不 一样 我要 给 你 做 一个 不 一样 的 一个 选择 现在 很多 的 FintechAPP 都 做 的 非常 的 春底 我 有 注意 到
这个 趋势 反正 字体 就 跟 时尚 一样 就是 上 一代 的 人用 什么 我们 就 不用 什么 上 一代 的 人用 有 字 有 衬线 的 我 就 用 不用 没有 衬线 再 下一代 人 觉得 你们 都 用 无 衬线 的 那 我 要 用 有 衬线
的 对 就是 一个 循环 一个 轮回
就是 不 喜欢 上 一代人 简而言之 就是
對 上 一代人 都 去 用 Facebook 的 時候 我們 就 不用 我們 就 用 Instagram 上 一代人 在 用 QQ 的 時候 我們 用 微信 然後上 一代人 開始 用 微信 的 時候 我們 又
開始 用 QQ 那 看來 Facebook 抓到 年 輕人 還是 有戲 的 等到 現在 這年 輕人變 老 了 之後是 吧 他
就 接著 買 各種 各樣 最新 的 App 吧 他 只能 這樣 了 除了
刚才 提到 说 这 相当于 用 什么样 的 字体 体现 的 这样 一个 品牌 是不是 年轻 或者说 是不是 比较 权威 之外 刚才 其实 Kat 也 很早 提到 过 就是 有 专门 的 为了 需求 而 设计 的 字体 比如说 程序员 的 字体
是 的 有 很多 特定 的 场景 的 字体 程序员 字体 是 一种 程序员 字体 大部分 都 是不是 大部分 所有 都 是 等 字距 的 但 等 字距 等 宽 字体 也 有 有些 是 专门 为 程序员 设计 的 我 最近 有 听说 过 一个 还是 很多 成员 愿意 花钱 去 买 的 一个 字体 叫 comiccode 像 comicsense 衍生 出来 的 一种 字体 它 的 呃 设计 的 特征 跟 comicsense 非常 像 但是 它 有 很多 对 字体 对 代码 字体 的 考虑 比如说 啊 连 字符 有些 人 喜欢 啊 这个 可能 说 起来 很多 程序员 都 有 不同 的 看法 有些 人会 喜欢 比如说 我们 经常 用 两个 等 号 或者 三个 等 号 他们 有 不同 的 意思 有些 人会 喜欢 那 如果 两个 等 号 连 起来 你 给 我 一个 长长的 等 号 这 样子 更好 看 有些 人 不 喜欢 有些 人 还是 喜欢 三个 等 号 这样 我 知道 这是 两个 还是 三个 有 不同 的 一个 看法 还有 一个 比如说 一个 arrowfunction 哦, 是
的, 一个 等 号, 一个 大余号, 对 吧? 像 一个 箭头 一样 的 东西。
对, 如果 是 这 两个 碰到 一起 呢, 有些 人会 希望 你 给 我 组成 一个 一个 字符, 他们 连 起来 特别 漂亮 的 那种 这种 设计, 像 faircode 嗯 还有 我 刚才 说 那个 comiccode 它们 有 很多 这种 功能 而且 作为 程序员 你 还 可以 设置 你 想要 还是 不 想要 那 比如说 0 是 你 想要 就是 个 0 一个圈 还是 0 中间 有 一个点 还是 0 中间 有 一个 斜线 不同 的 一个 需求 选择 因为 有些 人 不 喜欢 0 就 像 个 o 一样 它 就 比 o 扁 一点 那 我 看不出来 我分 不 出来 我 在 编程 的 时候 我 特别 需要 区分 它 到底 是 个 0 还是 到底 是 个 o 所以 它会 选择 那 我 想要 0 中间 有个 点 的 那种 或者 0 中间 有个 点 有些 人 特别 是 有 某些 呃 语言 的 使用者 他 有 一个 字母 就是 这个 样子 这个 0 中间 有个 点 他们 对 他们 又 产生 了 另外 一种 混淆 那 他们 比较 想要 的 是 零 中间 有 一个 斜线 这 样子 是 最 清楚 最 清晰 明 了 的 有 很多 这种 细节 的 需求 我 自己 有 做 一个 小 项目 叫 codingfont. com 它 就是 帮助 大家 选出 自己 最 心仪 的 字体 它 的 形式 是 有 一点 像 一个 小游戏 有点像 篮球 两个 队 互相 比拼 如果 赢 了 的话 就 进入 下 一轮 以 这种 回合制 的 形式 去 选出 你 的 字体 你 可以 进行 盲选 每次 给 你 两个 字体 你 觉得 哪个 字体 最 好看 你 选 它 然后 它 就 进入 下 一轮 最后 会 决出 唯一 的 王者 大家 程序员 朋友 尤其 是 可以 去 试用 一下 叫做 codingfont. com 啊 这个 是 一大块 就是 我们 设计 这个 字体 其实 不光 是 为了 好看 我们 是 为了 某 一个 应用 场景 我 刚才 说 的 weddingfont 也 是 也 是 一样 对 吧 我们 要模 模拟 的 就是 手写 的 感觉 这种 高级 的 感觉 还有 很多 这种 大 的 displayfont 就是 我 的 设计 的 目的 就是 做 大字 的 比如说 广告 字体 啊 他 有 一些 特殊 的 考量 很多 人 觉得 好 velika 是 一个 很 好 阅读 的 字体 其实 是 一个 誤解 其實 好伐 利卡 它 最 開始 紅遍 大江南北 是 因為 它 在 廣告 上 的 應用 呃 有 很多 適合 廣告 大幅 廣告 的 一些 特性 比如 它 的 字間 距 非常 的 窄 同一 個 空間 內
可以 塞進 去 更 多 字 嗎
有 這種 考慮 而且 字 變大 了 之 後 這個 間 距 小 一點 它 好看 一些 他們 叫做 almosttouching 有 一種 壓力 緊張 迫感
而且 我 觉得 可能 字大 了 之后 这个 字 本身 就 一个 人大 了 之后 你 要 空格 再空 一个 人大 看上去 可能 会
比较 散 对 是 有 这种 现象 字 非常 大 了 之后 你 需要 的 间距 本身 也 要 小 一点 他 又 夸张 了 这种 需求 让 他 变得 更 靠近 呃 形成 了 一种 这样 的 这样 的 这样 一种 风格 当时 在 广告 圈 非常 的 受欢迎 大家 可以 看到 很多 的 广告 大幅 的 广告 都 用 好 巴黎 卡 慢慢 的 就是 大家 都 开始 就 喜欢 上 好 巴黎 卡 我 最近 教书 有 一个 学生 他 在 设计 一个 帮助 有 这种 阅读障碍 的 小朋友 们 给 他们 设计 的 一款 APP 然后 他用 了 好 巴黎 卡 我 我 非常 的 惊讶 他 说 他 读 了 一个 一个 研究 呃, 很多 人 给 他们 不同 的 字体, 他们 最后 是 觉得 herbalica 是 最好 的, 其实 这 也 是 一种 偏差, 因为 你 看 的 herbalica 很多, 导致 你 觉得 这个 是 你, 你 可能 眼睛 最 适应 它, 其实 如果 没有 这种 限定 条件, 你 看 了 很多 herbalica, 可能 不会 觉得 herbalica 是 最好 阅读 的, 还有 一种 现象 就是 herbalica, 大家 会 认为 herbalica 是 一种 字体, 其实 他们 想要 的 是 senseof 而 不是 和威尼 卡 在 Sensor 無 呈 現字體 裏 面 是 它 其中 的 一種 而且 是 裏 面 不是 那 麽 容易 閱讀 的 一種 不过 这个 话题 可能 就 有点 扯远 了 有 很多 字体 它 本身 设计 是 某 一种 用途 但 因为 它 火 了 之后 它 可能 就 扩大化 了 对 吧 comicsense 也 是 这样 的 一个 现象 其实 后来 很多 人 都 骂 comicsense 然后 说 很多 非常 非常 刻薄 的 笑话 啊 你 用 comicsense 你 没有 品位 等等等等 其实 也 是 一个 扩大化 因为 comicsense 用 在 漫画 里 蛮 合适 的 蛮 好看 的 可是 最后 大家 流行 了 之后 大家 什么 都 开始 用 的话 他 就 开始 有 一点 办烂 了 然后 大家 看烂
了 之后 就 听 我 说 谢谢 你 给 我 什么 因为 有 你
对 就是 这样 这歌 也 不难 听 对 吧 大家 就是 把 它 唱 烂 了 是 是 一 回事 中文 也 有 这种 现象 比如说 康熙字典 题 我 觉得 它 非常 的 古色古香 做 这种 做 旧 的 效果 在 某些 应用 场景 里面 是 非常 好 的 可是 因为 它 一些 特殊 的 原因 吧 它 是 个 免费 的 字体 大家 就 把 它 像 comics 过度 的 去 使用 它 在 它 不 合适 的 场景 也 开始 使用 它 啊 就 像 我 那个 学生 在 做 这种 方便 小孩 有 这种 阅读障碍 的 小孩 去 阅读 APP 里面 用 好 白带 因为 它 太 popular 太 流行 了 一样 的 情况 就是 把 它 的 应用 场景 扩大化 之后 他们 反而 起到 一个 反 效果 大家 觉得 它 好像 适合 其实 它 不 适合
然後我還 想到 就是 像 影視 作品 的 時候 有些 時候 他們 也 會 開發 自己 的 字體 當然 我 說 一個 比較 阿宅 的 一個 話題 就是 有 一個 非常 著名 的 動畫 叫做 新世紀 福音 戰士然 後 他 就 開發 了 一個 字 體然 後 就是 那種 給人 非常 強的 衝擊力 的 那種 感覺然 後 很多 人 都 喜 歡用 這個 字體
影视作品 和 字体 的 关系 其实 一直 都 蛮 蛮 紧密 的 有 很多 的 电影 导演 他 都 会 有 自己 喜欢 的 字体 比如说 WesAnderson 他 拍 了 布达佩斯 大饭店 啊 他 就是
一个 强迫症 可以 感觉 得 出来 对
他 是 个 强迫症 所有 的 镜头 都 必须 是 正面 angle 或者 是 侧面 90 度 angle 他 很少 有 这种 透视 的 角度 对 字体 他 一直 都 很 喜欢 一款 字体 就是 Futura 他 比如 說布達 佩斯 大飯店 還有後面 的 很多 其他 的 電影 他 一直 都 是 用 這個 字體 做 他 的 比如 說 title 啊 就是 標題 啊 還有 最後後面 出現 的 就是 這種 參 與 的 人員 都 用 這個 字體 他 對 字體 的 感情 非常 深當然 他 也 他 也 有 曾經 就是 跟 許初 啊 分道 揚鑣過 一段 時間 他 有 一個 有 一個 電影 他 覺得 可能 更 適合手 寫體 吧 他 專門 去 找 了 一個 很 有名 的 設計師 去 專門 設計 一款 字體 就是 為 他 這個 電影 啊 叫做 MoonlightKingdom
我 突然 在 想 一个 问题 啊 就是 现在 就是 计算机科学 特别 是 图形学 发展 了 这么 先进 了 之后 会 使得 那些 传统 的 研究 字体 的 人会 想要 用到 这些 新 的 技术 设计 出 一些 更 跟 以前 不 一样 玩 的 花样 的
一些 字体 吗 嗯 对 有 字体 的 技术 其实 一直 都 在 更新 已经 在 更新 50 年 了 从 最 开始 的 雕板 印刷 到 活板 印刷 到 后面 我 刚才 说 到 这个 照片 式 的 这种 印刷术 然后 现在 的 喷墨 印刷 其实 它 都 是 让 字体 变得 越来越 可以 變化 我 總結 的 這個 變化 的 趨勢 原來 做 活版印刷 每個 字體 的 大小 是 定 的 你 如果 你 要是 16 號子 我給 你 一套 16 號的 這個 小 模子 你 去 印 如果 是 12 號 就是 12 號 所以 當時 我們 只有 12 號的 14 號的 16 號的 他 有 一個 矩陣 啊 就 有 只有 這些 字號 的 你 想要 說 16 號半 的 沒 有 這 回事 现在 用 了 数字化 的 字体 你 要 16 号 半 你 要 16 号 5 你 要 16 号 59 都 可以 你 可以 任意 的 改变 自己 的 大小 这是 一个 变化 就是 字体 的 大小 可以 任意 的 变化 那新 时代 有 更 多 的 技术 上 字体 的 粗细 也 可以 无限 的 变化 原先 我们 只有 普通 的 regular 还有 粗体 bold 那 我 可能 想要 刚好 是 中间 的 那 一个 既 不是 regular 也 不是 bold 刚好 处于 中间 的 一个 形态 我们 现在 有 一个 新 的 字体 格式 叫 可变 字体 可以 实现 这样 的 一个 变化 连续性 的 变化 哦 就 字体大小 可以 连续 变化 从 15 变成 15. 都 可以 那 从 regular 变成 bold 也 可以 无限 的 连续性 变化 不是 离散 的 变化 我 可以 40 比如说 regular 我们 一般 用 数字 表示 是 40bold 是 70 那 我们 可以 401402403 通过 可 编 字体 都 可以 实现 因为 可 编 字体 它 记录 的 是 一个 记录 的 是 一个 数学公式 那 你 只要 给 我 一个 叉值 我 可以 把 它 各种各样 的 叉 值 形态 全部 帮 你 计算出来 渲染 出来 除了 在 字 众 上 的 应用 上 还有 很多 其他 的 应用 比如说 我 有 做 一个 可 编 字体 的 应用 是 用 在 icon 字体 就是 图标 字体 把 它 做 的 可以 动 起来 动画 因为 动画 就是 一个 连续 变化 嘛 从 一个 icon 变成 另外 一个 icon 用 可编 字体 把 这个 连续 变化 的 这个 过程 把 它 记录下来 然后 你 只 需要 改 这样 一个 轴上 的 一个 数值 就 可以 实现 动画 的 效果 还 可以 做 可 编辑 的 icon 我 现在 在 做 的 startup 里面 就 有用 到 这样 的 一个 技术 大家 可能 觉得 去 编辑 一个 icon 特别 是 要 控制 这个 矢量 的 曲线 我们 叫 贝塞尔 曲线 有 什么 控制点 这些 操作 非常 的 复杂 呃 我們 不太想 去 深入 的 去 改變 這個 曲線 的 這個 控制 點這個 操作 呃 即使 是 非常 有 經驗 的 設計師 也 會 覺得 這個 過程 很 複 雜那麼 我 利用 可變 字體 讓 icon 變得 可以 修改 你 不 需要 去 做 那麼 細節 的 變化 你 可以 在 大 的 方向 上去 控制 它 通過 一個軸 的 拖拽 你 可以 把 它 變得 不 一樣 這也 是 可 變字體 的 一個 不同 的 應用 可 變字體 也 是 最近 幾年 才 出現 2016 年 才 有 四家 公司 聯合 去 宣 佈 我們 要 發 佈 這樣 的 一個 新 的 格式 到 今天 其實 也 不到 六七年 的 時間 已經 有 了 非常 大 的 發展 另外 呢 還有 顏色 字體 我們 知道 字體 一般 都 是 黑字 嘛 如果 你 不 想要 黑字 你 可以 變成 藍字 不管 怎麼樣 它 就 只有 一個 顏色 那 我们 可以 有 不同 颜色 有 不同 的 图层 每个 图层 都 会设 一个 不同 的 颜色 甚至 渐变色 都 可以 这 就 需要 用到 colorfont 颜色 字体 这种 新 的 技术 去 支持 它 啊 在 图标 上 也 是 很 好 的 应用 我 做 的 那个 anycons 它 是 结合 了 可变 字体 和 颜色 字体 做出 的 一种 图标 所以 有些 图标 比如说 我们 现在 叫 duotone 或者 tutoneicon 就是 有 两个 颜色 如果 你 传统 用 字体 去 表现 icon 的话 那 你 icon 只能 有 一个 颜色 不是 黑色 就是 蓝色 反正 你 只能 有 一个 颜色 的 数值 那 呃 用到 了 colorfonts 的话 你 这个 图标 就 可以 统一 了 比如说 有 一个 excellentcolor 比如 红色 然后 其他 底色 是 蓝色 或者 底色 是 黑色 等等 或者 甚至 是 也 可以 有 透明 渐变色 都 可以 这 也 是 一个 很大 的 创新 colorfont 特别 是 应用 在 这种 大 的 图像 化 的 不是 这种 呃 阅读 的 字体 上 啊 有 很大
的 应用 刚刚 听 你 说 了 有 这么 多 的 设计 的 点 然后 有 这么 多 的 考量 我 就 觉得 这个 东西 字体 就 感觉 是 一个 非常 专业 的 然后 需要 设计师 花 大量 心血 去 做 这件 事情 那 我 觉得 这 不是 一个 简单 的 用来 发电 就 可以 实现 的 一件 事情 那 我 就 很 好奇 就是 字体 作为 一个 这么 花 人力物力 精力 的 事情 它 是 如何 在 这个 商业 世界 运作 的 呢 它 是 如何 由 公司 买卖 东西 它 是 如何 去 让 这个 经济 系统 来 运行 起来 的 对 其实
字体 它 是 一种 软件 就 像 其他 的 软件 我们 要 给 他 license 我们 要 卖 这个 软件 license 其实 是 一样 的 字体 我们 也 有 fondlicense 通过 这个 给 你 授权 然后 让 你 来 使用 字体 设计师 其实 是 一个 非常 稀有 的 物种 啊 这个 全世界 也 没有 多少 专业 的 设计师 以此 为生 有 很多 平面 设计师 或者 其他 类型 设计师 会 对 字体 有 这种 爱好 会 做 一些 业余 上 的 一些 探索 但 专门 去 设计 字体 并 以此 为生 的 公司 数量 并 不是 那么 的 多 他们 一般 都 会 以 授权 的 形式 去 卖 他们 字体 授权 有 两种 一种 是 我 直接 授权 给 使用 方 比如说 Facebook 这种 大 的 公司 他们 要 用 一种 字体 我 就 授权 给 你 一种 呢 是 授权 给 设计师 啊, 这 也 是 一种 方便 设计师 方便 设计师 的 客户 的 一种 一种 方式, 这里 的 设计师
是 说 是 平面 设计师 自己 的
使用者, 就是说 比如说 有些 设计, 它 是 外包 给 一个 呃, 设计 工作室 来 制作 的, 那么 一般 情况 如果 是 第一种 的 licensing 的 模式, 我 作为 设计 工作室, 我 使用 了 某某 字体 然后 这个 我 这个 作品 是 设计 给 facebook 或者 uber 的 那 uber 要 单独 再 去 等 他们 要 正式 上线 这个 不管 是 广告 也好 或者 是 一个 app 也好 他 要 单独 再 去 获得 这个 字体 相应 的 授权 然后 这个 授权 呢 可能 会 根据 你们 公司 的 使用 的 程度 比如说 facebook 他用 同 一款 字体 他用 在 这个 app 上 但是 很多 人 都 在 看 这个 字体 他 的 用户数量 非常 大 那 我 可能 会 根据 他 的 pageview 来 进行 收费 进行 授权 也 有 买断 的 形式 啊 有 不同 的 这种 售卖 的 形式 啊 授权 的 形式 就 像 比如说 我们 的 sass 软件 我们 也 有 就是 给 你 卖 单个 的 这个 座位 也 有 就是 企业级 的 我们 直接 你们 全 企业 都 用 slack 然后 给 你 一个 一个 价格 也 是 类似 的 啊 这种 方 licensing 的 模式 另外 一种 是 比较 方便 设计师 的, 就是 你 作为 一个 设计师, 你 只要 购买 了 我 这个, 你 这个 人 产出 的 所有 作品, 不管 是 给 Facebook 做 的, 还是 给 什么 什么 公司 做 的, 都 已经 互动 获得 了 授权, 那 这种 就 稍微 简化 了 一点。 国内 有 一家 公司, 它 就是 采用 了 这种 新 的 模式, 只要 你 这个 设计师 买 了 我 的 字体 的 授权, 你 设计 出来 的, 用 我 自己 设计 出来 的 所有 作品 都 自动 获得 了, 说 你 你 的 客户 不再 需要 单独 的 去 单独 购买 字体 授权 Adobefonts 其实 也 是 这种 模式 因为 Adobefonts 你 只要 subscribe 了 就是 订阅 了 Adobe 的 creativecloud 它 自带 这个 Adobefonts 的 服务 那 Adobefonts 里面 所有 的 字体 都 可以 任意 使用 也 是 一种 授权 给 设计师 设计师 的 一种 模式 剛才
你 提到 的 這個 字體 就是 一款 軟件 它 有 licensing 我覺 得 這個 比喻 非常 的 好 就 讓 我 繼續 在 想 就是 其實 你 看 軟件 裡面 它 也 有分 兩種 類型 的 授權 就是 有 一些 授權 說 是 它 是 商業 的 就 說 我 要 上 一個 公司 買 那 其實 在 軟件 裡面 很大 的 一塊 就是 opensource 開源 項目 这里 再 插播 一个 广告, 我们 之前 有 做 过 一期 节目 专门 讲 开源 软件, 请 到 了 View 的 创始人 游宇熙 来 给 大家 介绍, 如果 大家 对 软件 行业 的 OpenSource 有 兴趣 的话 可以 去 听 那 一期。 好, 插播 广告 完毕。 那 在 字体 这样 的 一个 作为 一个 软件 来说, 它 有没有 一个 类似 的 一个 概念 呢?
有 有 opensourcefont 像 googlefonts 它 就是 一个 开源 自己 的 主要 的 推动者 他们 会 花钱 请 自己 设计师 设计 开源 自己 就是 自己 设计师 他们 设计 自己 要花 很长 的 时间 有 很多 的 人力物力 的 付出 那么 google 他 去 买单 去 支持 你 呃 设计 这个 字体 比如说 我 的 anycons 这个 虽然 不是 传统 的 这个 文字 字体 这个 图标 字体 就是 由 googlesponsor 就是 他 付钱 给 我 来 弥补 我 的 比如说 劳力 上 的 时间 上 的 付出 然后 我 作为 交换 我 的 这个 anycons 要 作为 开源 项目 免费 发布 给 公众 去 使用 google 做 了 很多 这样 的 项目 啊 我 的 自己 设计师 朋友 很多很多 人 啊 他们 都 是 在 为 google 做 这个 开源 字体 啊 这个 工作 的 google 上面 的 字体 都 是 要 呃 用 一种 特殊 的 license 叫 ofl 这样 的 一个 license 有点像 软件 里面 的 mit 这种 软件 开源 许可 协议 你 可以 去 仔细 的 去 阅读 它 这个 协议 非常 的 大方 吧 可以 这么 说 这个 字体 你 可以 免费 的 使用 你 可以 无限 的 更改 你 可以 给 它 改个 名字 你 可以 有 很多很多 的 自由 去 使用 它, 它 可能 唯一 的 要求 就是 你 不能 把 它 改个 名字, 然后 拿出 去 卖, 这 可能 就是 唯一 的 要求, 偶尔 简化 的 时候, 当然 你 具体 的, 你 可能 要 具体 的 去 读 它。 我 觉得 开源 字体 也 是 推动 这个 字体 行业 前进 的 一个 重要 的 组成部分, 因为 如果 大家 没有 很多 开源 的 字体 去 使用 的话, 大家 可能 对 字体 的 需求 会 很小, 因为 大家 就 会 觉得 字体 是 一个 啊, 那 我 就 用 默认 的 Georgia 或者 是 就 没有 没有 追求 了。 对 没有 追求 或者 timesnewroman 我们 就 没有 去 关注 这个 东西 就是 所有 的 市场 都 在 会 有 一部分 消费者 他们 是 不 愿意 出钱 的 但是 他们 也 是 市场 的 大部分 那 他们 可以 用 开源 字体 这 样子 他们 做 的 这部分 市场 还是 有 有 很多 的 这种 呃 设计 的 多样性 我们 的 设计 不是 那么 的 无聊 都 是 用 同一个 字体 他们 可以 用 不过 放置 有 非常 我 觉得 现在 已经 非常 好 了 有 很多很多 的 选择 也 可以 有 很大 的 这种 我们 叫 设计 表达 性 在 不用 付钱 的 情况 下 那 当然 会 有些 高端 客户 有 很多 的 品牌 需求 那么 他们 就 需要 定制 字体 或者 付费 字体 他们 需要 google 上面 的 字体 如果 你 用 它 做 品牌 字体 的话 我 觉得 也 非常 好 但是 呢 如果 你 特别 想要 独特 的话 像 Figma 的 那个 品牌 字体 它 并 不是
一个 googlefont 就是 那个 inktrap 的 那个
字体 对 他 就是 一个 商用 字体 啊 当然 不 只是 他们 可以 用 但是 他们 付费 了 所以 只要 是 一个 付费 的 东西 用 的 人 就 会少 一点 对 不 对 慢慢 的 就 会 培养 市场 其实 也 是 这样 的 一个 过程 opensourcesoftware 也 是 这 样子 的 你 可以 用 这种 免费 的 版本 然后 比如说 商用 的 有 一些 特殊 的 需求 企业级 的 需求 那 我 就 愿意 付费 还有 企业级 的 需求 会 去 跟 googlefunds 说 我们 需要 这个 我 听到 的 一个 需求 啊 就是 我们 用 的 是 这个 字体 但 这个 字体 里面 没有 等 字句 的 数字 我们 是 个 做 数据 的 公司 我们 的 数字 都 需要 是 等 字句 的 叫 tabularnumber 這樣子 我算賬 的 時候 10 位 可以 跟 10 位 對 百位 可以 跟 百位 對 千位 可以 跟 千位 對 這樣子 我們 才能 夠 算清楚 賬嘛 這個 字體 沒有 這種 tabularnumber 那 他 還會 去 跟 google 說 你 可不可以 加一個 這我們 願意 出 錢 啊 google 就 會 說 我們 有 錢 你 不用 出錢 我們 就 去 hire 一個 那 為 什麼 google 做
這個 事情 怎麼 聽 上去 怎麼 這用
愛發電 啊 Google 它 很 有钱 字体 对于 Google 来说 是 一个 很小 很小 的 一个 商业 部分 他们 不 需要 用 这个 来 赚钱 但是 它 可以 给 他 带来 很多 其他 的 这个 竞争 上 的 优势 可以 这么 说 Googlefunds 是 一个 完全 不 赚钱 的 项目 他们 甚至 往里面 投了 很多 钱 但是 在 别的 地方 可以 找 回来 我 也 不 知道 那个 他们 总是 可以 找 回来 的 古人 稀 古人
稀 Google 是 人类 的 希望 刚才 你 提到 说 有 很多 相当于 是 开源 软件 会 让 大家 意识 到 这个 字体 是 一个 有 追求 的 东西 就是 因为 品牌 用 字体 的 时候 会 有 提出 自己 的 需求 包括 我 想到 就是 现在 你 现在 自己 创业 其实 也 就是 在 做 品牌 和 字体 相关 的 内容 所以 一般来说 品牌 对于 字体 会 有 更 多 的 什么样 特殊 的 需求 或者说 字体 是 如何 帮助 品牌 来 建立 它 这样 的 品牌形象 呢 这个 问题
是 个 很 好 的 问题 因为 我 首先 有 一个 很大 的 一个 误区 就是 大家 想到 品牌 的 时候 更 多 想到 是 一个 图像 或者 一个 符号 呃 所谓 的 logo 大家 总是 想到 是 一个 是 一个 什么样 的 一个 形状 一个 一个 图标 等等 它 才 是 logo 其实 大家 去 看 那些 比较 成功 的 案例 他们 的 logo 里面 都 没有 图标 的 这 一部分 我们 很多 比如说 一些 logomaker 或者 是 就是 这种 在线 的 logo 生成器 他 总是 会 让 你 选 一个 图标 选 一个 字体 然后 左边 是 图标 右边 是 你 的 品牌 名 然后 结合 在 一起 这 就是 你 的 logo 啊 其实 不是 这样 你 去 看 比如说 可口可乐 他 的 图标 他们 的 logo 里面 没有 任何 图标 他 就是 可口可乐 这 几个 字
就是 cocadown 一下 cocacola 再 down 一下
对 他 就是 把 这个 字体 风格化 就 足以 让 他 这个 品牌 标识 有 区分 性有 记忆 点 所以 我 做 的 产品 更 多 的 是 在 字体 上 下功夫 其实 做 一个 品牌 标识 最 重要 的 点 是 字体 的 那 一部分 就是 你 這個 品牌 叫 什麼 名 是 靠 字體 的 這 部分 去 傳達 的 可口 可樂 叫 可口 可樂 uber 叫 uberuber 是 一個 上面 有 圖標 的 一個 logo 對 吧 他 左邊 有 一個 這樣 的 一個 有點 像 一個 銅錢 一樣 的 這樣 的 一個 標識 你 單獨 是給 這個 標識 大家 是 没有 办法 说 这个 叫 uber 的 只有 在 很 长时间 这个 大量 的 宣传 之后 我 可以 把 这个 图标 和 你 这个 uber 这个 名字 联合 在 一起 我 看着 图标 我 知道 这个 是 uber 我 已经 记住 了 但 最 开始 大家 记住 你 叫 什么 名字 还有 记住 你 这个 品牌 都 是 靠 字 的 这 一部分 所以 我 的 这个 typegram 软件 是 尽量 的 在 字体 上 下功夫 把 它 做 的 更 有 个性化 细节 化有 一些 不同 的 设计 方法 让 自己 变得 你 用 同样 的 自己 但是 可以 让 这个 自己 作为 品牌 标识 有 这样 的 一个 记忆 点 这 也 是 品牌设计 最 重要 的 一点 就是 我 我们 说 有 三点 啊 一 是 simple 二是 appropriate 第三 是 distinctive 三点 分别 就是 又 要 简单 又 要 得体 所谓 得体 这 也 是 一个 很大 的 话题 就是说 你 是 玄學 倒 不是 玄學 呃 是 很多 人 沒 有 有點 忽視 掉 這樣 的 一個 的 選擇 就是 我選 自己 我 總想 選一個 最 花哨 的 對 吧 或者 是 最 有 記憶點 的 大家 可能 會記 得 我 要 簡單然 後 我 要 我 要 花哨 我要 有 記憶點 那 中间 可能 你 跳 过 了 得体 比如说 你 你 做 的 是 这样 的 一个 行业 你 可能 就 不 适合 用 某 一类 的 字体 它 跟 你 的 品牌形象 不 相符 每个 字体 其实 有 自己 的 个性 的 你 的 品牌 也 有 应该 有 自己 的 个性 比如说 可口可乐 它 应该 有 的 个性 Uber 应该 有 它 的 个性 如果 你 做 的 是 一个 比如说 少儿 培训 那 你 的 品牌 就 应该 更 趋近 于 这 一块 这个 萌萌 哒 对 不 应该 选 一个 这种 比如说 银行 会 选择 了 一个 字体 对 吧 你们 俩 的 品牌形象 品牌 气质 非常 的 不 一样 那 你 可以 选择 非常 得体 的 字体 去 和 你 有 相似 气质 的 字体 去 作为 你 的 品牌 字体 这 是 我 刚才 说 的 这个 得体 的 部分 那 最 重要 的 部分 当然 还是 就是 独特性 跟 别人 都 不 一样 一看 这 就是 我 这 不是 他 这样 的 一个 所谓 的 标识 就是 区分 我 是 我 你 是 你 我们 俩 是 没 办法 搞 我们 不是 双胞胎 在 这方面 我们 有 很多 不同 的 设计 方法 让 一个 标识 变得 有 区分度 比如说 我们 有 8 种 方法 我们 其中 大家 最 喜欢 的 一种 方法 是 把 字母 和 icon 进行 替换 比如说 一个 字母 o 或者 是 那个 i 上面 那个 点 换成 一个 图标 啊 一个 比较 大家 熟悉 的 例子 是 tinder 他 的 旧 的 logo 他 就是 那个 字母 i 上面 的 那个 圆点 换成 一个 小 火焰 的 形状 这 和 他 的 这个 品牌 名是 呼应 的 tinder 就是 干柴烈火 的 意思 吧
你 讓 我 再 想到 一個 最 直觀 的 一個 印象, 就是 大家 看 皮克斯 的 動畫, 他 一開始 的 時候 都 是 一開始 一個 正常 的 pixar 這五個 字符, 然後那個 檯 燈 叫 他 他 他 這樣 跳 過來, 然後把 那個 i 踩扁, 然 後 自己 變成 那個 i。
对 还有 另外 一个 大家 可能 也 比较 熟悉 的 discoverychannel 就是 主要 是 讲 一些 大自然 的 有 的 没 的 对 吧 就是 赵忠祥 以前 会 给 他 做 配音 的 那种 一群 狮子 怎么 怎么 他 那个 标识 里面 因为 他 是 探索 地球 上 各种各样 的 一些 自然界 的 东西 他 就 把 这个 字母 D 左边 这个 竖线 给 替换 掉 了 变成 了 一个 地球 的 一个 icon 在 里边 来 代替 掉 那 一部分 所以 我们 有 一个 专门 的 方式 就是 iconletterswap 就是 把 一个 字母 或者 字母 的 一部分 比如说 I 上面 那个 点 或者 是 D 字母 左边 的 这个 竖线 替换成 某 一个 icon 这 样子 你 不 需要 做 别的 事情 你 这个 单独 用 这个 字体 把 你 的 品牌 密 标示 出来 它 就 已经 有 了 独特性 因为 你 做 了 这样 的 一个 处理 啊 做 了 比如说 替换 掉 了 某 一部分 还 可以 把 比如说 把 字母 欧 中间 的 那个 负型 的 那个 小圆圈 替换成 某 一个 icon 啊 地球 也好 啊 或者 是 符合 你 这个 icon 的 意思 当然 也 要 和 这个 品牌 相呼應 啊, 像 Tinder 做 這樣, Tinder 本身 也 是 指 這個 小 火苗 的 這個 意思 嘛 加上 Dating, 單柴 烈火 等等等等 這是 其中 一個 大家 比較 喜歡 的 一個 方式 還有 其他 的 方式, 比如 說 我們 在 做 Ligature 連 字符 比較 著名 的 例子 像 大都 會 博物 館 以前 的 那個 品牌 設計, 不是 最新 的 那 一款 上 一款 他 就是 做 了 一个 连 字符, 他 的 m 和 e, m 最 右边 的 这个 竖线 和 e 的 这个 竖线 是 e 根线, 他 把 它 连 起来 了, 包括 t 和 那个 e 的 上面 的 那个 胳膊 也 连 起来 了, 他 就 把 它 做 了 一个 连字 的 一个 处理, 连 字体 或者 ligature 特别 适合 这种 有 历史悠久 有 这种 文化底蕴 的 品牌 如果 你 想要 传达 我们 这个 品牌 是 有 一个 一个 传承 的 啊 有 一个 过去 有 一个 传承 的 一个 品牌 故事 你 可以 用 这种 方式 去 去 传达出来 因为 ligature 它 本身 通过 它 的 这个 历史背景 ligature 它 的 出现 也 是 比较 比较 有 这个 呃 历史 底蕴 在 的 所以 啊 你 可以 用 这样 的 一个 处理 连 字体 还 可以 做 比如说 letterinsidershape 著名 的 例子 Salesforce 它 没什么 花哨 就 Salesforce 这 几个 字 我 把 它 放在 一个 云 的 形状 里面 这 就 说明 我们 公司 是 干嘛 的 对 吧 是 个 云端 公司 这 也 算是
字体 的 一部分 吗 还是 说 它 是 一个 更 像是 一个 图面 设计
的 部分 对 平面设计 的 部分 typegram 或者 品牌设计 最终 它 是 一个 平面设计 的 一个 课题 嘛 只是 说 我们 typegram 它 的 我们 的 方式 是 更 专注 于 啊 字体 的 这部分 或者 字体 周边 的 一些 细节 的 处理 啊 包括 之前 说 的 kerning 很多 在线 的 logo 生产 器是 不会 做到 curling 这 一步 的, 但是 在 typeprogram 里面 我们 是 对 curling 有 很多 很 细节 的 处理, 去 学习 怎么 去 调控 它, 然后 对 它 进行 这种 微调, 复形 上 的 微调 其实 决定 这个 logo 最后 它 的 成品 的 质量 的 很大 的 一个 因素。
那 今天 非常感谢 文婷 给 我们 这些 小白 做 了 这么 多 的 科普 可以 看到 字体 原来 是 一个 有 这么 多 学问 包括 花 了 这么 几百年 到 圣经 当时 印刷 到 现在 包括 新 的 技术 新 的 挑战 所 引发 这么 多 的 不 一样 的 新 的 设计 和 想法 也 希望 说 希望 文婷 在 她 的 创业项目 里面 在 这个 把 商标 把 品牌 和 字体 连接 在 一起 这件 事情 能够 越做越 远 谢谢 也 感谢 大家 今天 收听 我们 的 节目 如果 你 收听 的 平台 支持 打分 的话 请 记得 给 牛油果 烤面包 打个 五分 哦 或者 是 五星 哦 也 请 大家 踊跃 地 分享 大家 最 喜欢 的 字体 那 我们 后会有期 下期 再见 拜拜










