No campo do design ou da mídia impressa, normalmente se espera que a criatividade flua livremente para que tudo o que for criado possa ser belamente ilustrado e exibido. No entanto, como todas as coisas, existem certas leis e regras que devem ser seguidas e alguns termos que é preciso saber para fazer as coisas correrem da maneira certa.
Dois dos termos mais comumente usados e facilmente dois dos termos mais confusos são preenchimento e margem. Ambos são usados no design de interfaces e ambos são usados para criar uma lacuna. Então onde eles diferem?
Preenchimento vs Margem
A diferença entre o preenchimento e a margem é que o preenchimento é o espaço entre a borda e o conteúdo de um elemento, enquanto a margem é a lacuna que fica entre a borda e os elementos externos.
Tabela de comparação entre preenchimento e margem
| Parâmetros de comparação | Preenchimento | Margem |
| Definição | Preenchimento refere-se ao espaço entre a borda e os elementos. | Margem refere-se ao espaço entre a parte externa do layout e a borda. |
| Automação | O preenchimento não pode ser automático. | A margem pode ser definida como automática. |
| Cor de fundo | O acolchoamento é afetado por qualquer elemento de estilo interno. | A margem não é afetada por nenhum elemento de estilo interno. |
| Valor numérico | Os valores de preenchimento só podem ser números reais positivos. | Os valores das margens podem ser qualquer número inteiro. |
| Localização | O preenchimento lida com o aspecto interno do documento. | A margem trata do aspecto externo do documento. |
O que é preenchimento?
Preenchimento se refere ao espaço entre a borda de um desenho ou texto e os elementos internos desse desenho ou texto. O preenchimento está presente em todos os lados do elemento e é por isso que existem quatro tipos de preenchimento que são tratados durante o uso da interface de design. Eles são preenchimento esquerdo, direito, superior e inferior.
Os nomes exatos desses termos podem mudar de interface para interface, mas seu objetivo principal permanece o mesmo. Nesse caso, é importante observar que essas direções são indicadas em relação ao usuário, e não ao elemento de design ou texto. Se tivesse sido mantido assim, os forros superior e inferior teriam permanecido os mesmos, entretanto, os dos lados teriam se invertido.
É importante notar também que o preenchimento nada tem a ver com a espessura da borda do documento, ou elemento, e que a espessura da borda é uma propriedade própria, tendo seus próprios valores, que podem ser alterados. O preenchimento é sempre calculado quando a largura total de um item deve ser determinada. Portanto, é muito importante para o designer manter isso em mente. Isso, no entanto, não é importante se o designer planeja trabalhar com imagens de fundo transparente, porque nesses casos, essas imagens caberão em qualquer lugar, tornando o preenchimento irrelevante.
O acolchoamento faz parte do design e suas cores, designs e gradientes podem ser manipulados de acordo com os requisitos do usuário. Deixar o preenchimento com uma cor suave, ou apenas branco, enquanto o resto do design é excelente, diminuiria o apelo do design geral.
Como isso realmente precisa ser preciso, os preenchimentos geralmente não podem ser definidos como automáticos e são ajustados manualmente pelo designer, de modo a ajustá-los aos requisitos personalizados do design.
O que é margem?
Margem é o espaço que fica entre a borda de um documento, design ou texto e a parte externa da interface de design. Basicamente, isso significa que a área começando da parte externa da borda até qualquer lugar em que a folha vai é a borda. No entanto, se houver qualquer segunda borda "externa", o espaço da margem se torna uma região de preenchimento. No entanto, esses casos são geralmente raros e não são muito usados. As margens duplas são usadas principalmente em designs complexos, para separar adequadamente a área de trabalho da parte externa.
Como a margem cobre quatro lados, existem quatro tipos de margens. Eles são a margem esquerda, a margem direita, a margem superior e a margem inferior. Isso é semelhante à nomenclatura dos preenchimentos, e os nomes podem frequentemente mudar de interface para interface. Além disso, essas direções, assim como o preenchimento, são centradas no usuário.
A forma como o preenchimento determina o tamanho de um design, estendendo ou comprimindo a área interna do design, da mesma forma, as margens também determinam o tamanho do elemento interno, especialmente quando está relacionado à tipografia. Se o valor da margem aumentar, isso significa que o comprimento da linha diminuirá, e se o comprimento da margem diminuir, isso resultará em um aumento no comprimento da linha. Basicamente, eles estão inversamente relacionados.
As margens podem ser definidas como automáticas e, nesse caso, geralmente, o software determina quanto espaço de margem deve ser deixado para o documento de modo a torná-lo limpo e apresentável. Normalmente, no caso de designs, uma vez que o design é exportado, parece que a margem não teve um impacto perceptível, pelo menos tanto quanto os preenchimentos tiveram.
Principal diferença entre preenchimento e margem
Conclusão
Projetar, tipografia, etc. parece muito trivial e fácil de fazer à primeira vista. No entanto, apenas profissionais treinados sabem como utilizar cada detalhe sutil e sabem a necessidade de compreender todos os termos necessários para fazer a arte perfeita e aperfeiçoar a aparência de cada documento. No entanto, termos como preenchimento e margens são realmente triviais e precisam ser conhecidos por todos.
