Conception mathématique: dimensions et remplissage

Bonjour, je m'appelle Dmitry Karlovsky et je suis ... designer. Concepteur du mot design (design), pas du mot style (design). Je développe un framework $ mol de haut niveau . L'un des principaux concepts est Lego. Autrement dit, il s'agit d'un ensemble de très petits blocs de construction avec une interface de communication simple et universelle. En combinant ces briques dans différentes combinaisons, vous pouvez créer des applications de toute complexité.



Mais pour que l'application ne ressemble pas à une courtepointe en patchwork, mais qu'elle soit laconique et soignée, il est nécessaire que ces briques soient fabriquées dans le même style et qu'elles puissent être disposées dans n'importe quelle combinaison sans perdre en netteté.



Par conséquent, nous avons développé un concept de conception vérifié mathématiquement, dont l'essence peut être capturée à partir de la feuille de triche suivante:





Ensuite, je vais vous dire pourquoi tout est ainsi, et rien d'autre ...



Exigences



.



  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