正在初始化...

← Laboratory

ZenType Studio

在碑刻的斑驳中,在竹简的错落里,在曲水流觞的酒杯旁,文字顺应着材质的纹理,遵循着自然的无序。它们有疏密,有聚散,有呼吸

ReactViteTypeScripthtml-to-image
Initialize Module
ZenType Studio
Algorithmic Typesetting Engine
基于数学几何模型(极坐标、三角函数、斐波那契数列)构建的动态布局系统。摒弃传统 DOM 流式布局,实现了螺旋 (Spiral)、星河 (Galaxy)、扇面 (Fan)、曲水 (River) 等六种非线性文字排列形态
Procedural Texture Generation
不依赖静态图片素材,完全使用 SVG Filter (feTurbulence/fractalNoise) 实时计算生成的纸张纹理与噪点效果。保证了无限分辨率下的细节质感与极小的资源体积
Zen Motion System
Entrance: 基于索引延迟 (Index-based Stagger) 的流淌式入场动画
Live Customization Matrix
提供字块尺寸、间距疏密、边框粗细、错落程度 (Randomness) 等全参数调节。支持 Google Fonts 在线书法字体(马善正、龙仓等)与本地字体回退机制

Timeline

  1. 2026-01-10

    启发来源

    小红书 @indesign脚本插件排版教程

  2. 2026-01-11

    12h开发

    说干就干

“文章本天成,妙手偶得之。” 十分感激小红书达人 @indesign脚本插件排版教程 的创意启发。尤其在告知他我开发了这款应用之后,未生嫌隙,内心颇为感动。

致失落的排版美学:用代码重构东方文字的“气韵”

在这个充斥着像素与标准网格的数字时代,我们的阅读体验正变得前所未有的高效,却也前所未有的枯燥。

我们习惯了左对齐、习惯了 1.5 倍行距、习惯了黑体与无衬线。文字变成了信息的尸体,整齐地躺在发光的屏幕上。但我常在想,千百年前,当古人在此刻研墨、落笔时,文字是不是活的?

在碑刻的斑驳中,在竹简的错落里,在曲水流觞的酒杯旁,文字顺应着材质的纹理,遵循着自然的无序。它们有疏密,有聚散,有呼吸。

于是,我写下了 ZenType(野盐禅心艺坊)

这不是一个为了“生产力”而诞生的工具,恰恰相反,它是一个为了“浪费时间”而存在的数字玩具。

关于「秩序」与「混沌」的实验
ZenType 并不排版,它只是在计算“缘分”。
我利用现代浏览器的渲染引擎,写下了一套基于极坐标与黄金分割的算法。当你输入《心经》或是你喜爱的一首现代诗,文字不再被禁锢在矩形的牢笼里。

  • 螺旋(Spiral):模拟植物生长的斐波那契数列,文字如花瓣般绽开。

  • 星河(Galaxy):引力与离心力的拉扯,让诗句在虚空中旋转。

  • 曲水(River):模仿水流的波形函数,让段落随波逐流。

数字化的「侘寂」
在视觉设计上,我极力克制了“科技感”的侵入。屏幕不再是冰冷的玻璃,而是通过 SVG 噪点滤镜生成的动态宣纸。每一个字块(Tile)都拥有独立的“呼吸”频率——它们会以极其微小的幅度浮动、放缩,仿佛在屏幕背后,有一阵看不见的风吹过。

致每一位文字的耕种者
我希望 ZenType 能成为你的一方数字枯山水。在这里,没有 KPI,没有排版规范。你可以随意拖动滑块,调整文字的“错落度(Chaos)”,在秩序与崩坏的边缘,寻找那个最让你心动的瞬间。

最后,点击“保存画作”,将这一瞬的电子禅意,凝固成一张图片。

文字本该如此,静默,但生生不息。