Design baseado na matemática: dimensões e enchimento

Olá, meu nome é Dmitry Karlovsky e sou ... um designer. Designer a partir da palavra design (design), não da palavra estilo (design). Estou desenvolvendo uma estrutura $ mol de alto nível . Um dos principais conceitos é o Lego. Ou seja, é um conjunto de blocos de construção muito pequenos com uma interface de comunicação simples e universal. Ao combinar esses blocos em diferentes combinações, você pode criar aplicativos de qualquer complexidade.



Mas para que a aplicação não se pareça com uma colcha de retalhos, mas seja lacônica e cuidada, é necessário que esses tijolos sejam feitos no mesmo estilo e possam ser dispostos em qualquer combinação sem perder a limpeza.



Portanto, desenvolvemos um conceito de design matematicamente verificado, cuja essência pode ser capturada na seguinte folha de dicas:





A seguir, direi por que tudo é assim, e nada mais ...



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