🔠 一个工具箱,
完成所有设计任务

排版比例生成器

用黄金比例、大三度等经典比例生成和谐的模块化字号体系。可视化预览各层级大小,一键复制完整 CSS。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🔠 排版比例生成器

版式比例指南

版式比例是一组遵循一致数学比例的字体大小。每个步骤都乘以相同的比例,而不是随机选择大小,从而在标题、正文和标题之间创建视觉节奏和层次结构。

选择一个基本尺寸(16px 是浏览器默认值,也是一个可靠的起点),然后选择一个比例。较小的比例(例如 1.125)可为编辑网站创建微妙、优雅的比例;较大的比率(例如 1.618)会为营销页面创建鲜明的对比。

专业提示

常见问题

Q: 什么是模块化秤?
什么是模块化秤?模块化音阶是由基本尺寸重复乘以固定比率得出的一系列尺寸 - 与音阶背后的数学原理相同。
Q: 我应该选择哪个比例?
我应该选择哪个比例?从 1.333(纯四度)开始,用于一般网络使用。对于密集的界面使用 1.2,对于大胆的营销网站使用 1.5,对于戏剧性的编辑设计使用 1.618。
Q: 为什么 16px 是标准基本尺寸?
为什么 16px 是标准基本尺寸? 16px 是所有浏览器中的默认根字体大小。当用户更改浏览器缩放或辅助功能设置时,基于它的比例可以确保一致性。
Q: 我应该使用 rem 而不是 px 吗?
我应该使用 rem 而不是 px 吗?是的。以 px 为单位定义比例,但使用 rem 来实现可访问性:1rem 等于根字体大小,因此基于 rem 的大小会根据用户首选项进行缩放。
Q: 秤需要多少步?
秤需要多少步? 6-8 个步骤可以满足大多数需求:标题、小、正文、h4-h1 范围和显示尺寸。更多的步骤增加了维护,但没有多大好处。

中国传统色

中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。

胭脂 #9D2933

古代妆饰与衣料的经典红色,由胭脂虫或红花制成

朱砂 #FF461F

矿物颜料,故宫红墙与印章的常用色

黛蓝 #425066

古代女子画眉之色,沉稳内敛

竹青 #789262

竹叶之色,文人雅士钟爱的清雅色调

月白 #D6ECF0

月光般的淡蓝色,明清宫廷常服用色

藤黄 #FFB61E

取自藤本植物汁液,国画重要黄色颜料

藕荷 #E4C6D0

藕色与荷色的结合,温婉柔美

秋香 #D9B611

秋日桂花的黄绿色,明代流行色

石绿 #16A951

矿物孔雀石研磨而成,山水画中的绿色

墨色 #50616D

书法用墨的深灰蓝色,文房四宝之色

Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。