Revista Digital e Ferramentas de Design Digital: Arquitetura de Tela, Tipografia Fluida e Ergonomia de Leitura
O design da revista digital não é uma cópia exata do design da página impressa; Requer uma mentalidade e disciplina de tela completamente diferentes. Enquanto o designer cria um mundo dentro dos limites do papel no impresso, no digital ele precisa se adaptar à infinita variedade de telas nas mãos do leitor, que vão desde um telefone de 6 polegadas até um monitor de 27 polegadas. Ferramentas de design digital; São modernos equipamentos de cozinha que combinam grade tipográfica, modos de cores, ilustrações vetoriais e elementos interativos de acordo com a ergonomia da tela. Este curso ensina a lógica das ferramentas profissionais de design digital e da arquitetura de páginas orientadas para a tela.
O que você aprenderá nesta lição
- Gerenciar a integração de ferramentas de design digital e software de colaboração baseado em nuvem no fluxo de trabalho editorial
- Estabelecendo tipografia fluida, hierarquia de pontos e padrões de contraste de cores amigáveis aos olhos em telas de dispositivos móveis
- Produzindo layouts multissensoriais que aumentam a profundidade do texto com áudio, vídeo incorporado e infográficos de dados interativos
Atlas de ferramentas de design digital e ecossistema aberto
Um designer moderno de revistas digitais não depende de um único software fechado. É usada uma combinação de ferramentas de desenho vetorial, software de layout de código aberto, mecanismos de escalonamento tipográfico e ferramentas de colaboração em equipe baseadas em nuvem.
A regra mais crítica; Manter arquivos de design e bibliotecas de componentes (fontes, paletas de cores, modelos) em pastas corporativas na nuvem e sistemas de design digital que toda a equipe pode acessar simultaneamente. Dessa forma, os membros da equipe podem produzir páginas com a mesma disciplina visual mesmo que estejam em cidades diferentes do mundo.
Design Editorial Orientado para Tela e Tipografia Fluida
A rolagem vertical no celular é o ritmo natural da leitura. O designer deveria desviar o texto para a esquerda em vez de justificá-lo à força; porque justificar no celular cria feios 'rios brancos' (fendas espaciais) dentro do texto.
O tamanho dos pontos deve ser de pelo menos 17-18 pixels, o espaçamento entre linhas deve ser 1,6 vezes o da fonte e os parágrafos devem ser mantidos espaçosos. Em vez de um fundo branco puro e deslumbrante, devem ser oferecidos tons de leite levemente quebrados ou opções de modo escuro.
Aprofundamento Narrativo Multidimensional com Multimídia
O maior poder da revista digital é; É quando o som e a imagem entram em jogo que as palavras terminam. Incorporar uma gravação de áudio da voz do próprio poeta ao lado de seu poema ou adicionar um mapa de satélite interativo a um arquivo ambiental transforma a revista em uma jornada de contemplação multidimensional.
Mas o equilíbrio editorial nunca deve ser perdido: não transforme a página em um parque de diversões com animações e janelas voadoras. A tecnologia deve sempre ser serva do significado; Nunca se deve dar preferência a ornamentos tecnológicos que distraem.
Perspectivas de especialistas e fontes
Neville Brody, que foi diretor de arte da revista The Face na década de 1980; Destruiu a ordem tradicional dos jornais e estabeleceu uma linguagem de layout dinâmica e ousada que reflete o espírito rebelde da juventude e da cultura musical nas páginas.
Ponto-chave para esta lição: Não fique preso a estereótipos, especialmente em revistas juvenis e fanzines; Qualquer que seja o espírito da sua revista, mostre coragem no design da página.
Herb Lubalin mostrou que as palavras existem não apenas para serem lidas, mas também para serem vistas. Transformou as letras em esculturas vivas com as ligaduras (letras ligadas entre si) e layout tipográfico que desenvolveu na revista Avant Garde.
Ponto-chave para esta lição: A tipografia é a alma do layout; Escolher a fonte e o kerning corretos adicionam instantaneamente peso intelectual à sua revista.
Aplicação prática e estudo de caso
Edição digital da National Geographic; No arquivo da Antártida, ele colocou o som do derretimento das geleiras ao fundo enquanto o texto fluía e trouxe o poder editorial das ferramentas de design digital ao topo, apresentando um gráfico interativo de mudança de temperatura à medida que o leitor rolava.
Nota: Exemplos não citados são modelos pedagógicos para ilustrar a metodologia editorial; nomes e métricas são ilustrativos.
Avisos editoriais críticos e armadilhas comuns
- Não tente espremer páginas de revistas impressas nas telas sem qualquer edição.
- Não sobrecarregue os elementos multimídia e aumente o tempo de carregamento da página e o consumo de bateria.
- Ao projetar um modo escuro, não escreva branco puro em preto puro; suavizar o contraste.
Resumo da lição e principais conclusões
- Ferramentas de design digital; Produz arquitetura de página responsiva que flui de acordo com o tamanho da tela.
- Tipografia fluida, composição tipográfica à esquerda e espaçamento amplo entre linhas são a espinha dorsal da ergonomia da leitura móvel.
- Áudio, vídeo e infográficos incorporados transformam o ato de leitura em uma exploração multissensorial.
Terminou esta lição?
Você pode prosseguir diretamente para a próxima lição. Marcadores, questionários e certificados são desbloqueados para estudantes inscritos em nosso programa 100% gratuito.