让设计服务于
真正的信息表达。
视觉设计、动态实验与案例研究，让复杂信息建立清晰秩序。
VIEW PROJECT →SHIDAFA / VISUAL & MOTION DESIGN02 / TYPE LAB字体实验
从一段文字，
建立完整排版系统。
FROM TYPE TO HIERARCHY.
调整字号、字距、行距与版心，建立能够直接进入设计工作的文字层级。
TYPOGRAPHY AS A DESIGN SYSTEM
文字不仅需要被看见，还需要通过层级、节奏和版心建立清晰的信息关系。
01 / SAMPLE TEXT
示例文字
START WITH WORDS输入中文、英文或中英混排，预览实时更新。
使用所选安全字体栈。
02 / TYPE SYSTEM
排版层级
BUILD THE HIERARCHY从基础字号与比例生成层级，每一级仍可独立微调。
排版模式 / STYLE MODE
03 / SPACING
字距与行距
CONTROL THE LINE调整版心与换行，近似判断当前字体条件下的阅读密度。
约 32 字 / 行
标题预览 / LIVE TITLE
让作品被看见，
也让过程被记录。
04 / CN & EN MIX
中英混排
LANGUAGE RELATION分别控制中文与英文，再决定上下或行内关系。
中文 / CHINESE
英文 / ENGLISH
混排 / MIX
TYPE LAB字体实验
05 / LIVE PREVIEW
实际预览
PUT TYPE TO WORK同一套参数，在网页、海报和电商视觉中接受检验。
让设计服务于
FOLLOWS
THOUGHT.
设计不是装饰，
而是判断。TYPE LAB / 02 / 2026
而是判断。TYPE LAB / 02 / 2026
快速切割
精准省力
42MM 自锁棘轮款- 高硬度刀片
- 稳定咬合
- 快速回弹
¥ 129
06 / TYPE CHECK
排版检查
DESIGN JUDGEMENT基于层级、行距、行长、字距与末行进行规则判断。
07 / EXPORT
复制与导出
TAKE IT TO DESIGNWEB使用em；Adobe Tracking使用 em × 1000 的近似值。
所有计算在当前浏览器内完成。