8 Dicas para Designers de Impressão Mudar para Web e Design Digital
Atualmente, mais designers estão trabalhando em plataformas, alternando entre projetos impressos e digitais. Embora grande parte da teoria seja a mesma, na prática existem muitas diferenças técnicas quando se trata de trabalhar em algo que será impresso em comparação a um site. É preciso um conjunto específico de conhecimentos e habilidades para trabalhar de forma eficaz e eficiente nos dois ambientes.
Mas é possível. Aqui, compartilhamos oito dicas para designers de impressão que mudam para projetos digitais. (E posso garantir cada dica como designer que fez a troca.)
Explore o Envato Elements
Design is Fluid
Uma das coisas que não muda no design da impressão é o tamanho. Todo documento é projetado e impresso em um determinado tamanho. (E frequentemente em um único meio também.)
Simplesmente não é assim que a web funciona. Todo usuário pode acessar um site usando uma largura e altura diferentes do navegador ou acessar o site em um telefone celular ou tablet. Portanto, todo design deve ter uma variedade de tamanhos e dispositivos.
Familiarize-se com o design responsivo, o que é e como funciona. O design responsivo (às vezes chamado de RWD) é uma abordagem para o design de sites, em que os sites são criados para exibição ideal, independentemente do dispositivo - desktop, tablet ou celular. Os designers criam o design usando conceitos fluidos de grade baseados em proporção e tipografia e imagens flexíveis.
Além das mudanças de tamanho, o espaço é "ilimitado". Como designer, você não fica preso às restrições de um cartão postal de 15 cm por 15 cm ou de 11 a 17 cm. A tela continua quantas páginas você quiser e pode rolar quase infinitamente.
Aprenda um pouco de HTML
Se você deseja criar um design para a web, precisa conhecer o básico. E você pode começar treinando a si mesmo. (Confira este artigo anterior do Design Shack para obter uma lista de ótimos lugares para começar.)
Comece com um pouco de HTML, a linguagem da web. Com apenas um pouco de compreensão do HTML, você pode aprender a alterar facilmente cores, fontes e tamanhos em um site. O HTML é a base na qual tudo baseado na Web é construído e sem ele, você terá dificuldade em design digital.
Depois de se familiarizar com o básico do HTML, vá para CSS e código básico. CSS, ou Cascading Style Sheets, permitem criar e alterar um conjunto de estilos para o seu site com base em uma folha de estilos. Ele cria um conjunto de regras de design e pode ser usado para criar hierarquia de sites e manter a consistência visual. A compreensão dos conceitos básicos de codificação ajudará você a entender por que as coisas funcionam da maneira que na Web. Embora a codificação pareça sem sentido no começo, faz sentido quando você realmente começa a olhar para ela.
Você não precisa ser um mestre em HTML ou CSS ou código para criar um ótimo projeto digital, mas isso ajudará tremendamente.
Criar conteúdo dinâmico
O design de impressão é naturalmente plano. Texto e imagens ficam em cima de algum tipo de papel ou outra superfície plana. O design digital é dinâmico e ativo. Lembre-se disso e use-o para sua vantagem.
Os objetos podem se mover, incluir sons ou links e até ferramentas que fazem os itens aparecerem ou pairarem quando o usuário se aproxima deles. Projetos web e digitais devem ser projetados para a experiência do usuário. Isso pode mudar bastante algumas das filosofias com as quais você está acostumado no mundo da impressão.
Também é importante usar dicas visuais comuns e ações da interface do usuário para que seu site funcione da maneira que os usuários esperam e sabem usar.
A cor é diferente
Os designers de impressão trabalham em CMYK. O design digital é baseado nas cores RGB ou HEX.
Assim como a cor CMYK é explicada usando números para representar valores de cores de matizes básicos para criar todas as cores possíveis, o RGB funciona usando o mesmo conceito. RGB - vermelho, verde, azul - são misturados em diferentes quantidades para criar todas as cores no espectro digital.
A diferença está em como as cores são criadas. O CMYK - ciano, magenta, amarelo, preto - é criado combinando cores no processo de impressão. RGB é uma combinação de cores exibidas na luz.
As cores são nomeadas com valores RGB (de 0 a 255 ou cada cor) para criar 16 milhões de combinações diferentes.
Os valores HEX são uma extensão da cor RGB e todo valor corresponde a uma cor RGB. Um valor HEX é simplesmente a expressão HTML de uma cor RGB. As cores são nomeadas usando # seguido por um número de seis dígitos, em que cada par de números se refere a vermelho, verde e azul. (Os valores HEX também contêm letras para representar números maiores que 99.)
Noções básicas sobre tipografia na Web
Os designers de impressão podem se acostumar com a ideia de que podem usar qualquer fonte e ter um número ilimitado de tipos de letra disponíveis. (Dependendo do licenciamento, é claro.)
A tipografia da Web pode ser um pouco mais complicada, embora melhore o tempo todo. O maior desafio é entender o tipo e a compatibilidade do navegador. Nem todo tipo de letra será renderizado da mesma maneira em diferentes dispositivos.
Depois, existem padrões básicos da Web e questões de legibilidade que surgem da leitura em uma tela. Goste ou não, os tipos de letra sem serifa são praticamente o padrão no que diz respeito ao corpo do texto na web. E o tipo de letra frequentemente evitado Arial, está em toda parte. Por quê? Porque sempre é processado como Arial. Não há surpresas lá.
O restante das coisas que você sabe sobre o tipo permanece o mesmo. Pratique um bom kerning, liderança e rastreamento. Dimensione o texto proporcionalmente a outros tipos e elementos no design para obter uma aparência geral limpa e organizada.
O tamanho da imagem é importante
A web, que já abrigou milhões de imagens de baixa resolução, está começando a evoluir novamente quando se trata de fotos, graças ao surgimento de telas de retina.
Embora o padrão para a maioria das imagens da Web seja 72 dpi - sei que isso parece muito pequeno para os designers de impressão, mas as imagens menores são carregadas mais rapidamente e parecem muito bem - mais sites estão começando a considerar imagens para exibição em retina. Essas imagens da Web de alta resolução geralmente ainda são salvas em 72 dpi, mas são muito maiores quando se trata do tamanho geral.
Em vez de salvar uma imagem com 600 pixels de largura - um padrão comum graças ao Pinterest e imagens fixadas - uma imagem para exibição em retina pode ter 1.564 pixels de largura.
As imagens da Web geralmente são salvas em formatos específicos - JPEG, PNG ou GIF - dependendo do tipo e uso da imagem. Formatos de impressão comuns, como TIFF, são inaceitáveis para uso na web.
SEO tem impacto no design
Familiarize-se com a otimização de mecanismos de pesquisa. A forma como o site funciona e o texto que aparece nele (e nas tags ocultas) podem ter um impacto dramático sobre quem encontra o site e como ele é classificado pelos mecanismos de pesquisa. SEO é uma parte importante do processo de web design.
SEO também se relaciona com as mídias sociais. Quase todas as marcas com presença na web têm mídias sociais correspondentes. Lembre-se disso durante o processo de design, para que todas as peças possam ser criadas e projetadas de forma consistente.
Aprenda a deixar ir
O design da impressão é muito preciso. Você pode medir todos os espaços e detalhes e sempre parecerá que você o projetou. A web simplesmente não funciona dessa maneira. Existem algumas coisas que parecerão diferentes em ambientes diferentes. Você tem que aprender a deixar ir quando se trata dessas coisas.
Entenda seu meio e suas limitações. Não sacrifique seu conceito de design, mas também saiba que algumas coisas vão funcionar de maneiras que podem ser desconhecidas ou que parecem de certa maneira. Aceite e siga em frente.
Conclusão
Comecei minha carreira de designer em jornais. Hoje, crio um pouco de tudo e divido meu trabalho entre projetos impressos e web.
Embora tenha levado algum trabalho da minha parte para "obtê-lo" quando se trata do mundo da web e do design digital, é um conjunto de habilidades inestimável e uma necessidade para designers no mercado atual. Não posso expressar como é importante que os designers aprendam a trabalhar com mídias e a entender os meandros de cada uma.
Ser capaz de trabalhar com projetos impressos e digitais fará de você um designer melhor. Você aprenderá coisas que você carrega através de mídias para projetos. Você se tornará mais comercializável e, com sorte, permanecerá satisfeito e desafiado ao aprender e usar novas habilidades.
Você é um designer de impressão que começou a trabalhar em projetos de design digital? Compartilhe algumas de suas dicas e experiências conosco nos comentários.
Fontes da imagem: Webtype e Jeff Eaton.
