Advertisement
  1. Web Design
  2. Design Theory

9 Triunfos Rápidos Para um Design Mais ou Menos Decente

Scroll to top
Read Time: 5 min

Portuguese (Português) translation by Hugo Carlos Borges Pinto (you can also view the original English article)

Para realmente fazer bem o design de alguma coisa, você precisa de um entendimento profundo do que está fazendo, e para para quem, assim como um domínio das ferramentas e tecnologias que irá usar. Mas isto nem sempre é possível, especialmente se você é um inciante. Não tenha medo! Essas dicas vão fazer seus designs ficarem mais ou menos decentes, rápido.

Mais ou Menos Decente?!

Talvez você seja um novato em design, mas você só quer fazer coisas que pareçam razoáveis (e provavelmente não exatamente como um certo modelo ou framework que todos estão usando). Talvez você esteja tentando entender a miríade de fatores por trás de um grande design, mas por agora, você só precisa fazer alguma coisa.

Siga estas dicas e você deverá estar em um bom caminho para ter algo que pareça mais ou menos decente, e você estará simplificando o bastante para aprender à medida que vai fazendo, ao invés de ficar se debatendo em um mar de infinitas possibilidades.

As Dicas

Vamos direto ao ponto..

#1 Não Use Fontes Com Truques

Existem milhares de fontes por aí. É um fato que a maioria é terrível. Existem várias ótimas fontes também, mas existem muito mais fontes terríveis.

Definitivamente evite qualquer fonte que tenha um "truque": é feita para parecer escrita à mão, é cursiva, é feita para parecer como queijo suíço. Nem toda fonte com um truque é proibida, mas se você é um designer iniciante, não complique as coisas aumentando as chances de fazer uma escolha de fonte errada.

#2 Mantenha Suas Escolhas de Fontes Simples

Como existem tantos tipos de fontes por aí, não complique as coisas aumentando o risco de escolher as erradas. Fique com alguns exemplos simples, e concentre em aprender como reconhecer quais tipos de fontes são bons para telas menores, quais tipos de fontes são melhores para tamanhos maiores (ou impressão), e quais sensações os tipos de fontes transmitem. Se você deseja uma cola, tente "todas as fontes que você vai precisar" parte do meu curso Design para Hackers.

#3 Nunca Mais do que Quinze Palavras em uma Linha

As telas largas que você usa na web, e a tendência de designs responsivos, tem feito muitas pessoas deixarem seus blocos de texto muito largos. Nunca deixe seus blocos de texto permitirem mais do que doze-quinze palavras por linha, e nunca deixe eles terem menos do que aproximadamente oito palavras por linha.

#4 Use Somente Uma Fonte

Sim, eu realmente estou dizendo isto. Sim, você pode definitivamente fazer um grande design e até enriquecer um design usando mais de um tipo de fonte; mas, se você está apenas aprendendo sobre design, não se deixe distrair. Você vai aprender muito, muito mais sobre como criar um bom design se você simplesmente escolher um tipo de fonte que é adequado para seus projetos e se preocupar com mudanças de tamanho, alinhamento e espaço negativo (mais sobre isso na dica #9).

#5 Use Uma Escala Variada Para Escolher o Tamanho Das Fontes

Em tipografia digital, nós temos o infeliz luxo de poder colocar a fonte em qualquer tamanho que desejarmos. Eu digo "infeliz" porque para a maioria das pessoas isso é negativo porque complica as coisas. Faça a si mesmo um favor, e só use os seguintes tamanhos em pixels: 5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83. Estes tamanhos são baseados na propoção 3:4, e você pode ler mais sobre os detalhes técnicos para se chegar a estes tamanhos em Como Estabelcer Uma Escala Tipográfica Modular.

Se um destes tamanhos não está alcançando o efeito que você deseja, existem várias outras coisas que você pode fazer: use negrito ou itálico, use tudo maiúsculo (para títulos e metadados), ou use uma cor diferente. Se limite a estes tamanhos, e se preocupe com outras coisas.

#6 Nunca Justifique Fontes

Fontes justificadas alinham um bloco de texto nas margens esquerda e direita, espalhando as palavras através do espaço disponível. Fontes justificadas bonitas podem ser conseguidas em impressão através de software de publicação de qualidade, se você realmente conhece tipografia. Na web, é impossível fazer direito. Blocos de texto precisam ter uma textura equilibrada, e justificá-los cria lacunas feias que interrompem o fluxo de leitura. Não sacrifique seu conteúdo pela falsa satisfação de ter uma margem precisa nos seus blocos de texto.

Lacunas feias

#7 Mantenha Ornamentações, Texturas e Efeitos no Mínimo

Desafie você mesmo a evitar ornamentação (linhas de régua, blocos de texto, gradientes e texturas) o quanto for possível. Simplifique e se preocupe com todos os outros detalhes (como aqueles na dica #9), então talvez comece adicionando algumas coisas, onde necessário.

Um dos padrões muito atrativos disponíveis em thepatternlibrary.com, mas use com cuidado!

#8 Escolha Uma Cor

Observe as marcas mais poderosas com as quais você usualmente interage. Talvez seja o Google, Yelp, Duolingo e Twitter, por exemplo. Cada uma dessas traz à mente sua própria cor, e essa cor domina cada um dos seus produtos. Escolha uma cor que seja realmente apropriada para seu design, e faça todo o resto com sombras e tons daquela cor - ou tons de cinza. Mas, mais do que tudo, simplifique. Mais uma vez, concentre no #9 primeiro.

#9 Foque Mais no "Invisível" do que no "Visível"

Todo o acima tem o intuito de te ajudar a simplificar suas decisões para que você possa concentrar nas coisas "invisíveis" do seu design. Nós somos pão-duros de cognição, e somos facilmente distraídos por coisas reluzentes como fontes e cores, quando as coisas que realmente importam para fazer um design parecer limpo e coerente: o tamanho dos elementos, a maneira como eles se alinham e se relacionam ente si, e a quantidade de espaço negativo entre eles - são invisíveis para nós.

Essas forças invisíveis são tão poderosas, que eu desenvolvi um curso inteiro sobre elas, disponível via sua caixa de email.

Conclusão

Design é uma disciplina infinitamente complexa, e todas estas regras podem ser quebradas por um designer muito talentoso. Você pode até tentar quebrar elas por você mesmo depois de estar confortável com essa estrutura; mas até então, siga essas regras e você estará no caminho certo para ser não só mais ou menos decente, mas totalmente decente!

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.