Diseño basado en matemáticas: dimensiones y relleno

Hola, mi nombre es Dmitry Karlovsky y soy ... diseñador. Diseñador de la palabra diseño (diseño), no de la palabra estilo (diseño). Estoy desarrollando un marco $ mol de alto nivel . Uno de cuyos principales conceptos es Lego. Es decir, es un conjunto de bloques de construcción muy pequeños con una interfaz de comunicación simple y universal. Al combinar estos ladrillos en diferentes combinaciones, puede crear aplicaciones de cualquier complejidad.



Pero para que la aplicación no se vea como una colcha de retazos, sino que sea lacónica y ordenada, es necesario que estos ladrillos estén hechos con el mismo estilo, y se pueden arreglar en cualquier combinación sin perder la pulcritud.



Por lo tanto, hemos desarrollado un concepto de diseño verificado matemáticamente, cuya esencia se puede capturar en la siguiente hoja de trucos:





A continuación, te diré por qué todo es así, y nada más ...



Requisitos



.



  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