Conceitos de tipografia para telas
A course by Gemma BusquetsDesigner
A course by Gemma Busquets, Designer
Aprenda a trabalhar e escolher a tipografia perfeita para qualquer projeto digital
De hábitos de leitura do usuário a dispositivos, navegadores e sistemas operacionais ... Para escolher uma tipografia para conteúdo digital, muitos fatores devem ser levados em consideração que determinam que os textos são legíveis e ficam bem nas telas. Gemma Busquets - designer gráfica, diretora de arte e professora - é especialista na área, com mais de 10 anos de experiência colaborando com clientes como Dell, San Miguel, Huffington Post, Coca-Cola, Nike, Peugeot ou Puig e compartilhando suas experiências. ensino de conhecimentos no Mestrado em Infografia e Visualização de Dados da BAU (Barcelona).
Neste curso, Gemma ensinará o conhecimento necessário para trabalhar com tipografia para visualizá-las perfeitamente em telas. No final do curso, você poderá melhorar o texto do seu site, blog, portfólio, revista digital ou ebook para transmitir melhor a mensagem, ser legível e ter uma estrutura clara.
O que você aprenderá neste curso online?
23 aulas & 17 downloads
Projeto final
1 minuto, 1 segundo
Um pouco de história
5 minutos, 33 segundos
A importância da tipografia em formatos digitais
7 minutos, 52 segundos
Como lemos na tela
5 minutos, 4 segundos
Dispositivos, telas e formatos
7 minutos, 29 segundos
Micrótipo e macrografia
2 minutos, 34 segundos
O que está incluído neste curso?
Primeiro, você conhecerá Gemma, que contará um pouco sobre sua paixão pelo design, sua carreira profissional como designer e professora, além dos projetos mais representativos que ela fez para grandes marcas. Além disso, compartilhará suas influências, que variam entre livros e sites que servirão de inspiração.
Você aprenderá um pouco de história e a importância da tipografia em formatos digitais. Você entenderá quais diferenças existem entre o design com papel e tipografia digital, considerando dispositivos, telas e formatos. Você verá o que é micro e macrografia e conhecerá os conceitos de dica , anti-aliasing e ortografia.
Como escolher uma tipografia? Onde encontrar um ideal para telas? O Gemma explicará tudo o que você precisa para obter a tipografia perfeita para o seu projeto, mostrando os sites onde você pode baixá-lo e os recursos necessários para convidá-lo a ler na tela.
Você escolherá fontes diferentes para diferentes funções do texto: títulos, corpo do texto e elementos interativos e, em seguida, inserirá a composição. Você verá tudo sobre o tamanho de fonte recomendado para leitura digital e como deve ajustá-lo de acordo com o dispositivo no qual a fonte será renderizada.
Você criará uma grade para classificar o conteúdo da página, definir uma largura de coluna apropriada e aprender sobre maneiras de estabelecer hierarquia entre os elementos da página, considerando um elemento-chave: o espaço em branco.
Você fará uma verificação final para testar a aparência da tipografia em diferentes navegadores e sistemas operacionais, usando algumas ferramentas e truques que o Gemma compartilhará com você.
No final do curso, você terá o conhecimento necessário para escolher a tipografia para um projeto digital e, além disso, saberá como trabalhar para que seus textos sejam confortáveis de ler.
What is this course's project?
Você executará o design de uma revista digital para a Web passo a passo.
Projetos de alunos do curso
Who is this online course for?
Para quem precisa de um guia sobre como trabalhar bem a tipografia em ambientes digitais.
Requirements and materials
Nenhum conhecimento prévio é necessário. Nos materiais, você precisará de um computador com um programa de design como Adobe Photoshop, InDesign ou Illustrator. Se você tiver Sketch, Figma ou Adobe XD, melhor ainda.
Avaliações
- há 6 meses
Es un curso muy práctico que me llenó de herramientas para mi vida profesional.
- há 10 meses
Muy bueno.
- há 11 meses
For someone with basic knowledge on typography, I really feel like the course helped me level up. I applied everything I learned here in my existing materials, and the improvement can be seen by everyone
- há 1 ano
Me gusto el curso porque es muy practico y ella explica muy bien.
- há 1 ano
Me ha parecido apropiado la manera de explicar el proceso de usabilidad de la tipografia en pantalla y como escoger las tipografias para el diseño de materiales como los educativos
Conteúdo
- U1
1. Introdução
- Apresentação
- Influências
- Projeto final
- U2
Considerações
- Um pouco de história
- A importância da tipografia em formatos digitais
- Como lemos na tela
- Dispositivos, telas e formatos
- Micrótipo e macrografia
- Sugestões e anti-aliasing
- Orthotography
- U3
Escolha tipográfica
- Pensamentos anteriores
- Onde encontrar fontes de tela?
- Características de alguns tipos de letra a evitar
- Tipografia para o corpo do texto e manchetes
- Elementos interativos
- U4
Composição:
- Tamanho da tipografia
- Espaçamento entre linhas e ritmo vertical
- Retículo
- Coluna de texto
- Hierarquia
- Espaço em branco
- U5
Detalhes e verificações finais
- Teste a tipografia
- Verificação final
- PF
Projeto final
- Conceitos de tipografia para telas
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificates
PLUSIf you're a Plus member, get a certificado personalizado signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Você vai aprender a selecionar, combinar e aplicar tipografias para projetos digitais, otimizando a legibilidade e usabilidade em sites, revistas online, e-books e apps, com técnicas profissionais de diagramação, CSS e ferramentas digitais atuais.
O curso é indicado para pessoas com conhecimentos básicos em design gráfico ou digital e tem nível intermediário. Recomenda-se ter experiência prévia em design e no uso de ferramentas digitais.
É necessário ter conhecimentos prévios em design gráfico e no uso de programas básicos de edição digital. Também é recomendável ter acesso a ferramentas como Sketch, softwares de diagramação e conhecimentos básicos de CSS e HTML.
O curso ensina a comparar famílias tipográficas, analisar legibilidade, compatibilidade técnica e adaptar a escolha conforme o público, formato e contexto digital para garantir a melhor experiência de leitura.
Sim, o curso aborda técnicas e critérios de legibilidade, ajuste de espaçamento entre linhas, tamanho, contraste, hierarquia visual e composição para melhorar a experiência de leitura em diferentes dispositivos.
Você vai aprender a identificar e aplicar as diferenças principais, como tamanho, hinting, contraste e composição, adaptando a tipografia às particularidades técnicas dos dispositivos digitais.
Sim, o curso ensina a implementar fontes web via CSS, usar Google Fonts, ativar ligaduras e ajustar parâmetros tipográficos para alcançar resultados profissionais em seus projetos digitais.