数学驱动设计:尺寸和填充

您好,我叫Dmitry Karlovsky,我是设计师。设计师来自于单词设计,而不是来自于单词风格(设计)。我正在开发一个高级的$ mol框架乐高是其中的主要概念之一。也就是说,它是一组非常小的构建基块,具有简单且通用的通信接口。通过将这些砖块以不同的组合进行组合,您可以构建任何复杂的应用程序。



但是,为了使应用看起来不像是拼布的被子,而是简洁而整洁,必须以相同的样式制作这些砖块,并且可以以任何组合方式排列它们,而不会损失整洁度。



因此,我们开发了一种经过数学验证的设计概念,其实质可以从以下速查表中获取:





接下来,我将告诉您为什么一切如此,仅此而已...



要求



.



  1. . , .
  2. . , .
  3. . , , .
  4. . , .
  5. . .




, .



  1. . , 2 .
  2. . , , .
  3. . , .
  4. . ( ) , , .
  5. . , 6 , 40 css .




  1. . , . , .
  2. . , , ( ), — . .
  3. . , . widow.devicePixelRatio. , "".




1rem, 16px. / . , . , . — 1rem, .



1rem. . , . 1rem, . 2rem, , .



, 2 , , . , . .





, . 1.5rem.





0.5rem . 8 , 2 4, , , , .





. , . , . , . , , , , , .



, . 1.5rem . , , 1-2 .





- , 0.5rem, .



, (, line-height: 1.5), , 0.5rem.





. . . , — .



, (, ).



, , . 1.5rem 1rem, , .5rem .







, . /, . — . :



  1. , .
  2. .
  3. .


— , , . , .



0.5rem. : 0.25rem, 0.5rem, 0.75rem, 1rem.



, 1.5rem. 0.5rem . 0.25rem . , , 0.25rem: 0.75rem 0.5rem ( 0.75rem).





. . , , , , . . . , .



, 0.75rem, . ( , ) 1.5rem.







1em . 1.5rem . 16 — . , — , . , , 0.25rem , .



, . , . , , , .





, . . . , , . - - — , - - . $mol . !




All Articles