Esta semana em design: 12 de setembro de 2014
Uma parte essencial do que faz alguém se conectar ao design é emoção e sentimento. E essas são duas coisas que podem ser difíceis de prever, descrever e projetar. Mas há um pouco de ciência por trás da emoção e do sentimento e por que você pode reagir de uma certa maneira, e esse é o nosso foco nesta semana em design.
Toda semana, planejamos dar uma olhada nos principais lançamentos e atualizações de produtos, ferramentas e truques e até mesmo algumas das coisas mais populares sobre as quais você está falando nas mídias sociais. E adoraríamos ouvir o que está acontecendo no seu mundo também. Perdemos alguma coisa? Escreva-me uma linha em [email protected].
Como as fontes fazem você se sentir
Existe uma ciência na tipografia. Mais especificamente, existe uma ciência de como as fontes podem fazer você se sentir. A Next Web tem uma ótima visão de como o tipo pode impactar você e o que os designers podem fazer para impactar melhor o tipo em "A ciência por trás das fontes (e como elas fazem você se sentir)".
Quebrar a ciência é mais simples do que você imagina:
- Pense em como você lê. (É um padrão natural!)
- Pense em como as fontes certas fazem você se sentir. (Eles correspondem ao tom do que você está lendo.)
- Pense em como o layout faz você se sentir. (Se os elementos forem colocados de maneira a não atrapalhar o fluxo de texto, você ficará mais feliz.)
- Pense em associações culturais com caracteres tipográficos. (As letras podem representar ou ajudar você a se relacionar com outros objetos ou itens.)
Mas o que você pode fazer com essa informação? Como você pode usá-lo para projetar com tipos de letra que se associam a melhores sentimentos? Entender tipografia é o lugar para começar. Conhecer o básico, como categorias de tipos de letra (serifa, sem serifa, script e decorativo) e princípios de legibilidade e legibilidade, são um bom começo.
Mas existem outras coisas que você também pode fazer:
- Escolha tamanhos de fonte maiores que 12 pontos. "Muitos designers mencionam que a fonte 16pt é a nova fonte 12pt".
- Esteja ciente do comprimento da linha. Observe que o comprimento ideal da linha para um site de desktop varia entre 50 e 75 caracteres.
- Preste atenção ao espaçamento. Verifique se há espaço suficiente entre as linhas de texto para facilitar a leitura.
Noções básicas sobre formas CSS
A forma de uma imagem ou bloco de texto pode fazer você sentir algo a respeito. A forma também fornece informações adicionais sobre um elemento, seu uso e função no design geral. Mas nem sempre foi fácil criar formas para projetos da web, especialmente com imagens complexas.
Formas CSS cria uma solução para esse problema. “A maioria dos sites segue um molde simples: encaixar o conteúdo dentro de retângulos dentro de outros retângulos maiores, algo que a maioria dos usuários provavelmente achará mais chato do que alucinante”, escreve Zack Rutherford para a UX Magazine. “As formas CSS, por outro lado, permitem maior liberdade aos designers que desejam contornar seu conteúdo dentro ou ao redor de parâmetros interessantes e visualmente atraentes.”
Mas quando você deve usar formas CSS em seus projetos. A resposta está no artigo "Simetria, tamanho, velocidade e formas CSS".
Há uma lista bastante convincente de razões pelas quais você deve trabalhar com formas CSS, além de ser divertido.
- Novidade: “A capacidade de alterar o texto para se espremer em espaços reduzidos ou, alternativamente, expandir para faixas mais amplas, oferecerá maior liberdade aos designers que montam seus layouts.”
- Controle avançado dos fluxos do usuário: Permite modelar o conteúdo em figuras, diminuir o texto linha por linha ou usar o texto como formas para enfatizar outros elementos da página.
- A criação de conteúdo facilita a narrativa visual: “As opções de variabilidade depois que você evita a ideia de uma estrutura de paredes para o seu conteúdo escrito são surpreendentes.”
- Simetria, tamanho e velocidade: “As formas CSS podem ser utilizadas para manter a forma do seu conteúdo, independentemente da janela de visualização, tornando-o universalmente simétrico, sem mencionar o RWD.”
Criando uma fonte
Criar fontes não é tão simples quanto desenhar algumas letras em um guardanapo. O desenvolvimento de fontes e tipos de letra é um processo de várias etapas com o qual você precisa se comprometer. Mas mesmo sem muita experiência, você pode criar sua própria fonte.
O designer de tipos Tyler Finck recentemente montou um vídeo com menos de 18 minutos e um artigo para o Creative Market para orientá-lo no processo. “Como criar uma fonte” é uma boa ideia para criar algo por conta própria (mas você precisa ter um Mac para este tutorial).
E embora quase todo mundo possa fazer isso, você precisará estar pronto para ter um pouco de paciência e dedicação. Criar uma fonte não é tão fácil quanto 1-2-3.
"Criar uma fonte boa e utilizável exigirá prática e muitas horas", disse Finck no artigo. “Não é 'difícil' se você gosta de fazer isso, e é provável que você saiba imediatamente se é algo que gosta de fazer. Você provavelmente fará revisões, potencialmente incorporará comentários de outros usuários, testará em várias circunstâncias (diferentes aplicativos / impressão / web) e muito mais. ”
Se criar seu próprio tipo de letra talvez não seja a sua xícara de chá, considere fazer o download de uma das criações de Finck. Ele é designer profissional desde 2005 e possui vários tipos de letra disponíveis no Creative Market.
Apenas por diversão
Finalmente, uma representação visual de como são as linguagens de programação. (E muito preciso nisso, para mim.)
Bjorn Tipling espiou e desenhou uma pequena sequência de fundos em "Se os idiomas de programação eram armas". O post analisa cada linguagem de programação e como ela se relaciona. As comparações são bastante inteligentes e relacionáveis.
“O C ++ é um conjunto de nunchuks, poderoso e impressionante quando usado, mas leva muitos anos de dor para dominar e, muitas vezes, você provavelmente deseja estar usando outra coisa”, ele escreve. Além disso: “JavaScript é uma espada sem punho.”
Certifique-se de fazer uma leitura. É muito divertido e pode até ser um ótimo estímulo para o final da tarde.
