惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
有赞技术团队
有赞技术团队
博客园 - 【当耐特】
云风的 BLOG
云风的 BLOG
Martin Fowler
Martin Fowler
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
量子位
Engineering at Meta
Engineering at Meta
博客园 - 叶小钗
T
The Blog of Author Tim Ferriss
Recent Announcements
Recent Announcements
罗磊的独立博客
B
Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
U
Unit 42
Microsoft Azure Blog
Microsoft Azure Blog
D
Docker
N
Netflix TechBlog - Medium
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
B
Blog RSS Feed
I
InfoQ
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
V2EX

豆沙工作室

不想(二)十七岁 Get an Oscilloscope 杰理 WTS 格式音频转换和打包 [11ty] 增量式地刷新 CDN 缓存 站起来,为你的成果答辩吧 公理还是定理? [11ty] 处理资产文件的 CDN 缓存问题 [11ty] 无障碍设计:正确地标识图和表 停止 Mac 上的时间机器备份 从 Gitea 迁移到 Forgejo 评论里的私信消息 记得清理你的日志文件 招魂 Annihilation [11ty] 使用 Pagefind 实现静态站点的搜索 直面死亡 [11ty] 修复 RSS 里的数学公式 看到了一个神奇的 UA PreFound:10B - 四次击键 一点小小的 AI 震撼 PreFound:10A - 文本之外,还有(绘)文字 PreFound:09 - 色彩运算子 计算机不予申辩 Re-Game 2.0 Addendum C - Press START PreFound:08 - 动效与仿射 PreFound:07 - 图片拼贴报 PreFound:06 - 漫游雪花海 PreFound:05 - 写出到屏幕 And Trek I Will PreFound:04 - 举起渲染器
小点阵字
dousha99 · 2026-08-27 · via 豆沙工作室

在螺蛳壳里做道场,真的可行么?

最近一些事务要求我能够用尽可能少的像素数量绘制一些文字,具体的,我需要保证每个需要被用到的汉字可以被装进 8x8 像素的点阵中。

因故关注过三言的同志们可能立刻会想到丁卯点阵体,它的 7px 尺寸版本正好满足这个要求。不过遗憾的是,现在丁卯点阵体的个人授权已经无法购买了。我实在是不好意思从内核恐慌的主页上扣字形下来(以及他们那边用的是 9px 的版本),所以只有一个选择:

自己动手,丰衣足食!

虽然说是 8x8 的点阵,但实际上字面只有 7x7 像素可用:要留出 1 像素的白边以便密排。好在我(暂时)并不需要绘制全套的字形,所以就尽可能地即兴发挥——

警告标牌,以一个黑边黄色背景正三角形为背景,由一个灯泡和叠加在灯泡上的闪电组成的示意图。底部文字为「当心认知污染」
当心认知污染

是的,有点老套了。但是工科审美差不多就是这个样子嘛,要啥自行车!

更「正确」的说法应当是「当心认知危害」。由于「害」字我实在是没法在 7x7 的点阵中画出来,所以只能退而求其次,替换更好绘制的同等说法了。这种对于文案的妥协后续还会继续出现。

需要注意到:尽管这些字在丁卯点阵体演示版本中都有提供,我还是选择尽可能不参考既有方案,而是自己先尝试绘制。没错,它会看起来很不匀称或者干脆很丑,但是毕竟 7x7 能给出的排列组合并不多;而且似乎演示版本中的一些字形看起来……更不协调?我希望实现的效果是每个字尽可能等宽,毕竟差一个像素就差了大约 14.28%。以「当」字为例,丁卯的方案绘制出来是 6 像素宽,如果放在其他 7 像素宽的文字之间,就会留下一个尴尬的白条。所以我就需要自行绘制 7 像素宽的字形作为替代。况且,我实在是不想因为个人的一点不成形的爱好染上诸如字体版权之类的麻烦事情。

容易注意到,为了能够将一些字塞到 7x7 的框架中,必须牺牲一些笔画的准确性。最明显的就是「染」字,它的三点水和「九」部件就无法真正完整地绘制出来。在黑白两色的框架约束下,也无法借助 RGB 特征绘制「半个像素」这样的东西,所以黏连和合并就成了唯一的方案。

有了警告标牌,很难不趁热打铁做一个强制要求标牌——

强制要求标牌,以一个蓝色圆形为背景,由墙壁的图形和叠加在上面的火焰图形组成的示意图。底部文字为「必须启用认知滤网」
必须启用认知滤网

「必须使用」会比「必须启用」更自然。但是我花了大概一个多小时琢磨怎么把「使」字画出来,最终决定放弃。7 个像素无论怎么摆放,都很难表达出「吏」的结构。

「滤网」能够绘制出来也是纯属运气好:「滤」的「七」和「心」刚好可以被挤压到一起形成一个看似可行的结构;而「网」的「乂」之间也可以刚好共享中心的像素。

不过,即使再在文案上做妥协,有些时候还是逃不了课的——

安全状况标牌,以一个绿色正方形为背景,由一个按钮和正在按下按钮的手组成的示意图。底部文字为「如有危况按此急停」
如有危况按此急停

「停」这个字上来就超过了我的设计能力,所以磨了半天只能祭出二简字这个大轮椅硬抗。「急」字也是相当抽象,但好在还是硬糊出来了。

这个标牌的原本有另一个图样设计:

安全状况标牌,以一个绿色正方形为背景,由一个按钮和正在按下按钮的手组成的示意图。底部文字为「如有危况按此急停」
如有危况按此急停(替代版本)

不过我最终放弃了提交这个版本:如果你看到了这个标牌长这样,并且理解为什么它会是这样,那么你已经就已经受到污染啦!✿✿ヽ(°▽°)ノ✿ Welcome to the club!

我实在是没有什么动力再去画一个禁止标牌了,本月的文体活动量已经达标了,这些事情之后安排到 9 月再说吧。

到这里不禁还是感叹,给英语设计一个 8x6 像素的等宽字体相对轻松许多,你甚至可以顺手加上用于画框框的各种字符。而想要驯服汉字屈尊于 8x8 像素之间,果真还需下更多功夫!