# 网页设计中看不见的和谐
音乐排版秤将音乐间隔的数学应用于排版设计。就像音乐作品受精确比例支配一样,一个好的设计受益于一个将所有大小联系起来的数学结构。# 模块化秤如何工作
公式
进度很简单:Size = Base × Ration。第0步是您的基础文本。第1步是小字幕。第4或5步可能是您的主H1。相同的乘法常数(比例)确保所有关系一致。
为什么是"音乐的"
毕达哥拉斯发现,将弦分成简单比例(1:2、2:3、3:4)会产生辅音。这些间隔、八度、完全五度和完全四度,正是排版比例。您正在组成视觉音乐。
# 选择正确的比例
1.125或1.2)。对于编辑或投资组合网站,使用更富表现力的比例(如1.5或1.618)。 font-size。相同的CSS变量适用于margin、padding和gap。当空白遵循与文本相同的数学进度时,设计达到所有人都能感受但很少有人能解释的凝聚力。