长物阁 on fifteenbao

CMF

Fri, 12 Dec 2025 00:00:00 +0000

CMF 基本要素

一级结构

MF 材料与工艺

M（material）F（finishing）材料与工艺，代表学科：材料与工程，为工程创新价值

CP 色彩与图文

C（Color）、P（pattern）色彩与图文，代表学科：艺术与设计，为设计创新价值

SE 感官与情感

S（sense）、E（emotion）感官与情感，代表学科：生理与心理，为消费价值

二级结构（TDM）

T：trend 趋势

D：design 设计

M：Manufacture 量产

三级结构（BS）

B：商业价值

S：社会价值

Gotham｜Sharp Sans｜Optima 字体的背后

Fri, 09 Jun 2023 00:00:00 +0000

2024-7-26更新链接: 《从设计看美国大选：哈里斯标志一天内完成更新、各个环节都是“视觉锤”》

2023-06-09

之前在《从字体开始-设计改变的生活与社会》看到过 ‘Gotham’ 字体的介绍，当时并不以为意，觉得是某种提高档次的套路，晚上偶然看了一下 Gotham 字体的百科，哇哦～太有趣了！

Gotham、Sharp Sans Display No.1、Optima 分别是奥巴马、希拉里和约翰麦凯恩在竞选时使用的无衬线字体，下面分别来看看这三种。

Gotham

Gotham是一个几何 无衬线字体 系列，由美国字体设计师 Tobias Frere-Jones 和 Jesse Ragan 设计，并于 2000 年通过 Hoefler & Frere-Jones 铸造厂发布。Gotham 的字体灵感来自 20世纪中叶的建筑标志示例。

20世纪中叶，纽约城市建筑中很多手写体代表了纽约 “直率、坚韧、富有个性” 的特点，设计师结合建筑铭牌、商店招牌、卡车上的文字、店铺广告等设计出了富有地域特色的字体 Gotham（哥谭）。

自创建以来，Gotham 因其出现在许多著名的地方而备受瞩目。这包括奥巴马的 2008 年竞选活动、密歇根州立大学品牌推广活动，以及澳大利亚工党的2016 年联邦竞选活动。该字体还被用在纽约世贸中心一号大楼的基石上。它也是美国电影预告片的 MPAA 标题卡中当前使用的字体。

Gotham 也找到了进入其他商业媒体的途径。可口可乐、电视节目《柯南》、《莫瑞》和《周六夜现场》、翠贝卡电影节、Qwest广告和佐治亚州州长客户服务办公室都在徽标中使用了Gotham。佐治亚州政府引用 Gotham 的 “干净、清新的线条” 和 “为所有营销、广告和标牌应用提供多种选择” 的变体作为其使用的理由。星巴克在2008 年总统大选中使用了该字体向投票的人宣传免费咖啡。

2014 年 5 月 30 日，Twitter宣布，“从今天开始，我们将使用一种新字体，从 Helvetica Neue 移至 Gotham ”。该更改于 2014 年 9 月 3 日恢复。

喝什么？

Tue, 06 Jun 2023 00:00:00 +0000

咖啡

基础部分

美式： 浓缩咖啡 + 水（1:2）
拿铁： 浓缩咖啡 + 牛奶（1:2-5）
卡布奇诺： 浓缩咖啡 + 热牛奶 + 奶泡（1:1:1）
玛奇朵： 浓缩咖啡 + 奶泡（2:1）
摩卡： 浓缩咖啡 + 巧克力浆 + 热牛奶 + 鲜奶油（1:1:1:1）

花式部分

生椰拿铁： 纯牛奶+厚椰乳+浓缩咖啡（ 1:3:1）
抹茶拿铁： 抹茶粉+牛奶+浓缩咖啡（2勺：七分满：1）
旺仔拿铁： 旺仔牛奶+浓缩咖啡+冰块🧊 （八分满：1：适量）
椰青美式： 椰子汁+浓缩咖啡+冰块🧊 （七分满：1：适量）
奥利奥生椰拿铁： 奥利奥🍪+厚椰乳+浓缩咖啡（适量：七分满：1）
葡萄气泡美式： 葡萄汁+苏打气泡水+浓缩咖啡（2:1:1）
凤梨咖啡： 凤梨汁 + 咖啡
西柚气泡美式： 西柚糖浆 + 冰块🧊 + 苏打水 + 浓缩咖啡 + 西柚片
百香果冰美式： 百香果 + 凤梨汁 + 水 + 糖浆15ml + 浓缩咖啡 + 凤梨片装饰
香橙气泡美式： 鲜橙汁🍊 + 气泡水 + 浓缩咖啡 + 香橙干装饰

金酒

啤酒

其他

Mojito 白朗姆酒+糖/可尔必思啤酒/漂浮梅酒/雪碧、苏打水、青柠檬、少量薄荷叶

胶囊咖啡品牌推荐

优先尝试经典品牌: 如果刚开始接触胶囊咖啡,建议从星巴克(适合奶咖)和 Nespresso(奶咖和美式都不错)入手,这两个品牌风味稳定,容易找到适合自己的口味。
关注超市促销: Co-op、Tesco、Waitrose 等超市经常有折扣活动,黑色星期五和圣诞季折扣力度最大,是囤货的好时机。星巴克胶囊打折后一般£2.5-3,性价比很高。
尝试不同品牌: 每个品牌都有自己的特色。Ueshima 的包装设计讨喜,品质接近 Nespresso;M&S 有香草等调味款,适合喜欢甜味的朋友;Peet’s Coffee 咖啡因含量足,提神效果好。
使用风味指南: Nespresso 官网和第三方表单(如 3rd Party Nespresso Spreadsheet)可以帮助你根据烘焙度、强度、风味选择合适的胶囊。
考虑使用场景: 如果是在工作场所公用,每人自带胶囊最方便;在家使用可以多囤几种口味,根据心情选择。

Nespresso

最常喝的品牌,口味丰富多样,总能找到适合自己的选择。黑色星期五期间有20%折扣,性价比很高。

浅浅学习下可变字体

Sun, 28 May 2023 00:00:00 +0000

OpenType可变字体（英语：OpenType variable fonts）是字体格式OpenType在1.8版规范中引入的扩展规范，由苹果、微软、谷歌和Adobe联合开发，于2016年9月14日正式发布。可变字体的优势：

更小的文件体积
更自由的设计空间
更好的响应式网页适配性

微软可变字体简介： https://learn.microsoft.com/en-us/typography/opentype/spec/otvaroverview

如何在web使用可变字体

可变字体（Variable fonts） 是 OpenType 字体规范上的演进，它允许将同一字体的多个变体统合进单独的字体文件中。从而无需再将不同字宽、字重或不同样式的字体分割成不同的字体文件。你只需通过 CSS 与一行 @font-face 引用，即可获取包含在这个单一文件中的各种字体变体。

@font-face {

}

静态字体和可变字体的差异

标准（静态）字体

过去，一个字体家族往往由大量独立字体文件组成，每个字体文件都代表某一特定的宽度/字重/样式的组合。因此你会看到有单独的字体文件叫做“Roboto Regular”、“Roboto Bold”，或是“Roboto Bold Italic”——这意味着你可能需要 20 或 30 个不同的字体文件才能算是有了一整个字体家族（对于有着不同宽度的大型字体来说，这个数量还要翻上几倍）。

在这样的情景下，为了在一个单纯显示进行正文展示的页面中使用一个字体，你至少需要四个字体文件：常规、斜体、加粗、斜体加粗。如果你想添加更多的字重，比如让题注更轻或让额外强调的地方更重，意味着你需要更多文件。这就导致了更多大量 HTTP 请求的产生，同时也需要下载更多的数据（通常每个文件至少有 20k 或更多）。

可变字体

通过使用可变字体，所有这些情况的排列组合都可以被装进一个文件中。这个文件可能比常规的单个字体文件大一些，但通常情况下，都不会大于，并且常常是小于你因为要展示正文所需要下载的四个文件的尺寸总和。使用可变字体的优势是你可以直接使用所有可用的字重、宽度和样式的字体，而不必像过去一样仅仅受限于使用其中单独的某一种。一个可变字体文件可以包含传统静态字体系列中的所有字体。就原始文件大小而言，这是一个直接的胜利，因为它紧凑地打包了整个字体系列。 替换的静态字体越多，节省的空间就越大——对于非常大的字体系列，压缩甚至高达 70%。

这允许使用常见的排版技术，例如在不同的字重中设置不同大小的标题，以便在每种大小下都具有更好的可读性，或者在数据密集展示时使用稍窄一点的字体宽度。相比之下，在杂志的印刷系统中，在整个出版物中使用 10-15 种或更多不同的字重和宽度组合是很典型的——这比目前在 web 上的典型样式提供了更广泛的样式范围 (或者仅从性能方面考虑确实很实用)。

关于字体系列，字重和变体的说明

您可能注意到，我们一直在讨论为每种权重和样式 (即粗体，斜体以及斜体加粗) 创建特定的字体文件，而不是依赖于浏览器来合成它们。这样做的原因，是大多数字体对于粗体和斜体都有非常特殊的设计，它们通常包含完全不同的字符 (例如，小写字母的“a”和“g”在斜体中常常是完全不同的)。在使用非可变字体时，为了最准确地反映字体设计，避免浏览器之间的差异以及它们如何合成或不合成不同的样式，在需要的地方加载特定的字体文件会更为准确。

您可能还会发现一些可变字体分为两个文件：一个用于正体及其所有变体，另一个包含斜体变体。有时这样做是为了在不需要或不使用斜体的情况下减小整体文件大小。在所有情况下，仍然可以通过通用的 font-family 名称链接它们，以便您可以使用相同的 font-family 和相应的 font-style 来调用它们。

可变轴

可变字体新格式的核心是可变轴的概念，其描述了字体设计中某一特性的允许变化范围。例如： “字重轴”描述了字体的粗细； “宽度轴”描述了字体的宽窄； “斜体轴”描述是否使用斜体字形并且可相应地开关；等。请注意，轴既可以是 范围选择 又可以是 开关选择 。

SANS,SOUCI.

Sat, 20 May 2023 00:00:00 +0000

看关于洛可可的纪录片
腓特烈大帝的无忧宫（女性禁止入内，大帝被对方认为是gay）门口写着sans,souci.
官方解释是sans（没有）-souci（忧虑）
支持还解释了一下标点符号
逗号（virgule）- 小棍子
“sans virgule” “souci point”
哇哦～
不愧是自由法兰西
失敬失敬
这洛可可风估计一辈子不会忘了

浅浅了解下字体设计

Thu, 09 Mar 2023 00:00:00 +0000

字体分类

Roman Typeface（罗马正体/衬线体）

Bracket Serif 括弧型衬线
Hairline Serif 极细型衬线
Slab Serif 粗衬线

Sans-serif（Sanserif） Typeface（无衬线体）

Script Typeface（手写体）

Blackletter Typeface（黑体/哥特体/破笔体）

Italic Typeface（意大利斜体）

经常被使用的几种字体

Caslon - 美国独立宣言

犹豫不决时用的字体

Garamond

没有个性的字体

Courier

最出名的粗衬线字体

Times Roman

泰晤士报字体

Futura

德国字体，现代主义中性风格； LV

Helvetica

最广泛使用瑞士字体；FENDI

最近看了「从字体开始」这本书，The Type 编著。有意思的是感觉和印象派的发展如出一辙，字体设计的发展也体现了时代交织的另一面，例如香港颜楷的霓虹灯、字怀开口更大的英文无衬线字体的公路牌、中文识别度更高的宋体港铁、中文印刷术造成的喇叭口、Dyslexic 给学习障碍人士设计的字体。

拉丁字母的欧洲发展史

文艺复兴时期：

看关于古腾堡的书籍，感觉欧洲的活字印刷更像独立成长起来的，很难说受到毕赣的影响，大学时期有抄写书籍的经验，最开始制作批量制作的赎罪铜镜，逐步演变成为铅字印刷。
这里想说一下古滕堡大学时期要完成基础的博雅教育，取得“自由七艺大师头衔”的头衔才开始真正的学习，即神学、医学或法学。自由七艺 “la liberalaj artoj"的原意是自由人应该具有的学识和应该学习的七门学科，是相对于专业的、职业的和技术性的课程而言的，即七种人文学科 文法、修辞、辩证 (合称三艺)、算术、几何、天文和音乐 (合称四艺)。感叹一下中世纪的教育已经这么先进了吗？ By the way，在正式开始大学前有个带动物面具被凉水泼到面具软化的过程，在当时的学者眼中没有上过大学的人只是动物…这该死的仪式感……
1455年古腾堡用哥特体风格的金属活字印刷了 42行圣经 （印刷一百八十份，前期有四十行和四十一行版本的调整版本），文艺复兴时期诗人皮特拉克（Petrarch）等人文主义者崇尚向古希腊罗马学习，歌颂人性的伟大。他认为哥特体难以辨别其本意也不是让人细读，而更多的展示宗教权威。圣经内页的红色首字母部分依旧采用人工书写的形式，书皮也是手工制作，所以每一本都是独一无二的，而且当时他觉得只有他们制作印刷书籍没有在书上印刷出版社。
By the way，似乎纳粹也很钟情哥特体 Fraktur，马丁·鲍曼1941年1月3日公文副本，禁止使用 Fraktur体来“代表元首” 。

新古典主义

是西方世界在19世纪对古代希腊罗马的艺术产生的复古和改造运动（介于洛可可和新艺术运动之间），路易十四执政期间，法国学者研究设计了国王罗马体，为后世的现代衬线体做了铺垫，同样思路影响力
Didot（被Vogue、时尚芭莎、ELLE、阿玛尼、巴宝莉使用）
Bodoni（被华伦天奴使用）等字体的诞生

工业革命时期

工业化印刷出现了更多易读性跟高更夺人眼球的衬线体

一些设计准则

Wed, 22 Feb 2023 00:00:00 +0000

设计十诫 ## 迪特·拉姆斯（Dieter Rams）

推荐一个很喜欢的一个迪特·拉姆斯的纪录片，看完会非常喜欢这个严谨又古怪的老头子。硬糖工厂最近还联合keychron出了一款致敬「白雪公主」的机械键盘，足以证明其设计界举足轻重的地位了。

好的设计是创新的

创新的可能性还远没有被穷尽。技术的发展不断为未来设计理念提供新的入口，以提升产品的使用价值。设计的革新总是与技术的革新相连，其本身从不是目的。

好的设计是实用的

产品是供人使用的，它应当履行一定的功能——基本功能以及额外的心理和审美上的功能。

好的设计是为了提升产品可用性，

对与此目的无关甚至相悖的一切都不加考虑。

好的设计是美观的

产品的审美品质也是实用性的一部分。日常使用的器具影响着人们的生活环境和幸福感受。然而，只有真正优秀的产品才可能是美的。

好的设计使产品易懂

好的设计应当使产品的结构易于理解，让产品自己说话。最好的设计是自明的，它能够自己解释自己。

好的设计是克制的

产品要履行某种功能，因此具有工具属性。它们既不是装饰物也不是艺术品。因此，它们的设计应该是中性的。器具应当隐退，为人的自我实现留出空间。

好的设计是诚实的

产品不应该看起来比实际上更创新、更高效和更有价值，它不试图通过无法兑现的承诺来操纵消费者。

好的设计是长命的

好的设计避免迎合时髦，也因此不会过时。与短命的时髦式设计形成鲜明对比，好的设计在当今物质丰富的消费型社会里也同样寿命长久。好的设计在细微之处也维持一贯（Gutes Design ist konsequent bis ins letzte Detail.）不要容忍随意和偶然。设计的逻辑性和精确性，最终都是对消费者尊重的表达。

好的设计是环保的

设计为保护环境作出了重要贡献。它涉及到对资源的节约，以及在产品设计中最小化的物理和视觉污染。

好的设计是尽量少的设计

少的设计即是集中于本质，而不在产品上添加“多余”。设计应当回归纯粹，回归简单。

十诫灰昼

灰昼也是非常崇拜的大神，C4D的高度感觉这辈子是无法企及了。这个十诫更适合于国内的本土设计师，一度把它设置为工作的背景桌面，可能是对某些屡屡破戒的设计师的白眼吧……保持一颗好奇心很重要，保持诚实与向上亦然。

抄袭，抄袭会上瘾。

沉迷于技法，想法更重要

事事提问，学会独立思考。

人云亦云，自己去验证。

满足于你的作品，即使客户满意。

依赖别人，你可以依赖的只有你自己。

停止练习的脚步，即使你觉得用处不大。

好高骛远，踏踏实实地走好每一步

同时学习多项技能，把单项技能做到顶尖。

自满，保持谦逊。

52个设计准则小红书

整理notion发现「小红书的52个设计准则网站」好不稳定……

还是要抄一份到本地才行…… 52个设计准则

帕累托法则 PARETO PRINCIPLE

又称二八定律，指大部分系统中的少数变量决定了多数结果，需要识别并提取最重要的 20%。该定律由约瑟夫·朱兰（Joseph M. Juran）根据意大利经济学家帕累托（Vilfredo Pareto）观察到的现象 —— 意大利约有 80％的土地由 20％的人口所有，80% 的豌豆产量来自 20% 的植株 —— 发展而来。

看印象派

Fri, 09 Dec 2022 00:00:00 +0000

最近在看一部介绍印象派的纪录片「印象派简史」（The Impressionists Miniseries），似乎开始理解了一些之前完全不了解的所谓「艺术」。

印象派（Impressionism）是指于1860年代法国开展的一种艺术运动或一种画风。莫内于1874年的画作《印象·日出》遭到学院派的攻击，并被评论家路易·乐华挖苦是“印象派”（起源）。

印象派艺术家们致力于通过他们的作品来捕捉光线和色彩的瞬间变化，而不是静止的景象。印象派的艺术家们通常会使用自然光和平坦的色调来创作他们的作品，并通过刻画细微的细节和快速的笔触来表现出自然世界的瞬间变化。印象派艺术家们通常会使用颜料油画或水彩画的技巧来创作他们的作品。印象派艺术家中的著名人物包括莫内、马内、德加、雷诺阿等，其中塞尚后开创了后印象派。

印象派起源于英国，也许某种程度上工业革命促进了另一种艺术形式的发展。1874年，法国的朱尔·让桑发明了一种（黑白）摄影机，画家们开始探索不同于摄像机的形式，用光影和色彩的变化代替静止的景象。这些发展历程在艺术史上早就有所记录，但看纪录片时候拼凑起来的 ‘Aha moment’ 还是令人愉悦的。

江户时代（1603年至1868年）商人社会地位低，日本浮世绘（Ukiyo-e）兴起于艺能演出和红灯区，日常生活中的人物和风景的主题以及精美的色彩和细腻的线条又通过商品贸易流入欧洲某种程度上促进了印象派的发展。然后开始意识到，某些所谓艺术形式和政治、经济、历史文化早就密不可分。这也是某些画作流芳百世的原因吧，画作的背后承接了那个年代。即使是天才少年王希孟也是承载了北宋时期的精神愿景。

反观前几日因为看《财神道》偶然看到的《明清书画及文房清供特展》（声明：以下纯属个人偏颇理解，不代表任何立场），大概能够分辨的是山水、花鸟、工笔，但「这历史似乎看不出年代」，听到旁边行家在讨论似乎都是大作，有些技法是能够看得出笔法或者浓淡的不一样，但不论是画作本身还是展览提供的介绍，看不到一个完整立体的活人（民国时期还是有一些的，不是全部），像是山水中的人物一样，消失在茫茫大川之中，感受到的是被裹了束脚布的妇人想要展示舞姿，讲述着「大」时代的「呜呼哀哉」。再对比另一个充满民间智慧的《财神道》，大部分是历史中真实存在的人物演变而来的财神。不同的是他们是神，某种程度的有求必应，某种程度的求而不得。真真假假、假假真真，希望有朝一日财神会推荐一些科学理财书籍，告诉他们不要再吃人了。

学着点过老百姓的日子，别总想着跟他们过不去。三年了，完了吗？没完，

写于 2022年12月10日

一些推荐的视频

-艺术即历史