Tipos na tela
(Andreia Verrone, Bons tutoriais, 06/2015)
AccederTambién puede interesarte
- Descripción
-
Descripción
Detalles
A tipografia é uma disciplina histórica cujo exercício envolve uma abundância de normas rigorosas. Quando ela se liberta de sua condição estática e passa a ser virtual, os leitores alteram os parâmetros da representação visual de acordo com as novas necessidades e preferências. E aí, o que acontece? Como o designer pode controlar esses princípios e garantir a qualidade tipográfica de suas composições?
Escrito por uma equipe de designers, docentes e estudantes do MICA e organizado por Ellen Lupton, Tipos na tela não apenas aborda os novos fundamentos da tipografia quando usada na tela, mas também explora com profundidade as complexidades do design destinado a esse suporte. Para isso, o livro concentra-se nas questões concretas que surgem no dia a dia do desenvolvimento de um projeto de design digital: desde o amplo catálogo de fontes existentes para a Web até como compor os parágrafos e alinhar o texto na tela, ou tratar a sinalização e criar sistemas de ícones para um ambiente digital. Longe de ignorar o saber acumulado por anos de desenvolvimento e evolução da tradição tipográfica, este guia parte dos fundamentos dessa disciplina histórica para propor avanços e forjar novos recursos técnicos.
Tipos na tela é um livro dirigido não apenas aos profissionais e estudantes de design, mas também ao desenvolvedor, que, nestas páginas, conhecerá melhor os princípios visuais do design, e ao editor ou redator de conteúdo, que terá um controle mais sofisticado das ferramentas e dos sistemas digitais.
- Índice de contenidos
-
Índice de contenidosSumárioPrefácioFontes na telaFontes para Web: Uma história breveRenderização de tipos na telaAnatomia e taxonomia dos tiposTítulos e corpos de textoFontes recomendadas por Christopher ClarkFontes recomendadas por Stephen ColesFontes do Googlerecomendadas porDavid CrosslandFontes mutáveisEstudo de caso: ZXX: Tipografia indisciplinadaEm sala de aula: Design de fontesTexto na telaPara escolher o tamanho da telaGridCampos verticais e horizontaisTipografia responsivaTamanho da fonteBlocos de parágrafoAlinhamento de colunasEspaçamento entre linhasEspaçamento entre caracteresHierarquiaTags tipográficas em HTMLCaracteres especiaisEm sala de aula: Cartaz HTMLPublicações digitaisLeitura linearLeitura seletivaFluxo de conteúdoConteúdo orbitalEstudo de caso: Works That WorkEscritaEm sala de aula: Leitores experimentaisEm sala de aula: The Mutant LibraryTipos e interfacesWireframesElementos de interaçãoMenusTipografia como navegaçãoPara expandir o vocabulárioSombras e gradientesOcultar e revelarTipografia e visualização de dadosDesign de tabelas de dadosTabelas de dados: Certo e erradoEstudo de caso: Interfaces de viagemEm sala de aula: Aplicativos de meteorologiaÍcones e logotiposEscrever com figurasEstudo de caso: Noun ProjectSinalização para a telaÍcones como tipografiaTutorial: Criação de um ícone de aplicativoEscalabilidadeEstudo de caso: Aplicativos imagináriosÍcones para interaçãoEstudo de caso: Parentes nem tão distantesEstudo de caso: Logo, conheça a navegaçãoTutorial: Desenho de icones de interfaceLogotiposTrabalhando com coresLogotipos animadosLogotipos flexíveisLogotipos gerativosGráficos vetoriais escaláveisEstudo de caso: Branding para MFAEstudo de caso: Branding de uma metrópoleEm sala de aula: ÍconesAnimação e programaçãoAnimações básicasGIFs animadosEm sala de aula: GIFs animadosStoryboardsTécnicas narrativasTransições: Chegandode “A” a “B”Estudo de caso: Transições na ruaEstudo de caso: Transição de logoEstudo de caso: Pixel Painting TypographyEstudo de caso: Kixel: Um alfabeto cinéticoTipografia e programaçãoProcessing aplicadoScriptographer aplicadoCódigo modificadoEstudo de caso: Tipografia computacionalEstudo de caso: Gerador de tipos SlitscanEstudo de caso: Máquina de cartazesEstudo de caso: Construção de um alfabeto com CSSEstudo de caso: Tipografia Web para solitáriosEm sala de aula: ProcessingÍndice remissivo
- Lee un fragmento
-
Lee un fragmento
Texto da introdução
PREFÁCIO
A tipografia incorpora a linguagem escrita de uma forma concreta. Uma fonte comunica através de seus traços, proporções e peso visual. Os caracteres são agrupados em colunas e grids, em corpos de texto e títulos, em blocos e listas; esses elementos gráficos sustentam sua própria presença física. Mas o que acontece quando a tipografia se desfaz de seu corpo fixo e estático e se torna um fenômeno virtual? O que acontece quando os leitores têm liberdade para transformar os parâmetros de exibição visual para servir às suas próprias necessidades e preferências?
Este livro é um guia para o mundo oscilante e efêmero dos tipos na tela. Com autoria de uma equipe de pós-graduandos e docentes do MICA (Maryland Institute College of Art), Tipos na tela explora diversas questões tipográficas, desde a seleção de fontes até a construção de marcas. Mergulhamos nas águas agitadas das ferramentas e plataformas atuais, sabendo que o mundo que estamos estudando permanecerá em constante mudança. Esperamos que esta seja a primeira edição de muitas.
Tipos na tela não é um manual de software ou um livro de tutoriais técnicos. O que ele faz é um levantamento dos novos princípios de design surgidos a partir da comunicação baseada em telas, bebendo na fonte das tradições de forma e função que evoluíram ao longo dos séculos. A tipografia sempre respondeu às novas tecnologias e aos novos públicos. Desde Johannes Gutenberg, no século XV, até Peter Bil’ak nos dias de hoje, os grandes designers de tipos sempre forjaram novas tecnologias e novos modelos de negócios, bem como novas formas visuais. A tipografia está sempre em movimento – agora mais do que nunca.
Concebemos este guia tendo em mente uma gama específica de leitores: o designer que trabalha em mídias impressas e eletrônicas, o estudante ou educador que está explorando a criatividade para tela, o desenvolvedor que está tentando entender melhor os princípios do design visual e o editor, ou produtor de conteúdo, que busca ter um controle mais sofisticado sobre as ferramentas e sistemas digitais.
Os designers manipulam os parâmetros básicos da tipografia na tela – peso, tamanho, estilo, alinhamento e espaçamento – para ajudar os usuários a encontrarem as informações que estão buscando. Em muitas instâncias, o usuário também pode mudar esses parâmetros, seja ele o leitor do documento final ou o editor ou redator trabalhando em um sistema de gerenciamento de conteúdo.
Os primeiros quatro capítulos apresentam conceitos básicos para dar forma ao conteúdo escrito, seja ele um livro, notícia, blog, infográfico ou anúncio. Esse tipo de conteúdo precisa ser codificado em fontes, formando colunas e seções, de modo a ser acessado através de uma interface, apresentar links para outros textos e ser embalado para distribuição. A saída pode ser um navegador para Web, um dispositivo móvel ou um leitor eletrônico. Os designers fazem uma série de escolhas interconectadas – desde a família tipográfica e estrutura da página até os modos de linearidade, interatividade e navegação – para criar experiências agradáveis de modo a engajar todos os leitores.
Para além dos fundamentos da utilização de tipos na tela, este guia apresenta, em maior profundidade, os conceitos que exploram o design para telas, explicando como criar sistemas de ícones, como abordar questões de branding em um mundo dominado por telas e como dar mais vida ao texto usando animações e programação. Ao invés de logotipos estáticos, limitados pelo processo de impressão, os designers de hoje estão criando sistemas de branding complexos, que pulsam com cores e movimento. Os designers brincam com velocidade, cor, opacidade e ritmo para contar histórias e transmitir emoções. Os caracteres tipográficos podem se mover e mudar na tela, de modo que o fundo, a câmera e os elementos ao redor podem se transformar e mudar de posição. Os designers estão criando códigos para gerar letras e textos dotados das mesmas excentricidades e peculiaridades dos organismos vivos; eles estão usando softwares artesanais para criar um mundo menos previsível.
Ao longo deste livro, os princípios gerais são demonstrados com exemplos de trabalhos de destaque criados por alguns dos melhores profissionais do mundo, bem como por estudantes e novos artistas. Agradecemos aos muitos designers que compartilharam seus trabalhos para que outros possam aprender com eles.
Tipos na tela é o sexto livro de uma série publicada pela Princeton Architectural Press em parceria com o MICA. Através da produção destes livros, nossos alunos e professores expandem seu próprio conhecimento de design, ao mesmo tempo em que compartilham ideias com uma comunidade de designers e profissionais criativos em diversas partes do mundo. Nossas salas de aula vêm se tornando laboratórios práticos, e estes livros são os resultados de nossa pesquisa. É um prazer compartilhar tais resultados com uma comunidade cada vez maior de pessoas que estão ativamente engajadas no meio do design, tanto profissionalmente como em seu cotidiano.
Copyright dos textos: os autores
Copyright da presente ediçao: Editorial Gustavo Gili SL - La prensa ha dicho
-
La prensa ha dicho
«Tipos na tela não é um manual de software ou um livro de tutoriais técnicos, como você pode estar pensando. Diferente disso o livro faz um levantamento dos novos princípios de design surgidos a partir da comunicação baseada em telas, bebendo na fonte das tradições de forma e função que evoluíram ao longo do século.» (Andreia Verrone, Bons tutoriais, 06/2015)
Tipos na tela
(Rafa, Choco la Design, 04/2015)
Acceder«O livro Tipos na tela se propõe a ser um guia para designers, editores, tipógrafos, blogueiros e estudantes, um manual sobre o uso da tipografia na web e nos meios digitais. Não é um manual de software nem um livro de tutoriais técnicos, mas faz um levantamento dos novos princípios de design surgidos à partir da comunicação baseada em telas.» (Rafa, Choco la Design, 04/2015)
Tipos na tela
(Dalmir, Designers Brasileiros, 09/15)
Acceder«Tipos na tela é um livro dirigido não apenas aos profissionais e estudantes de design, mas também ao desenvolvedor, que, nestas páginas, conhecerá melhor os princípios visuais do design, e ao editor ou redator de conteúdo, que terá um controle mais sofisticado das ferramentas e dos sistemas digitais.» (Dalmir, Designers Brasileiros, 09/15)
Tipos na tela
(João Taboada, Visuarea, 07/16)
Acceder«Tipos na Tela inicia tratando sobre a história da tipografia antes da tela, sobre como começaram as fontes na web e, também, sobre sua renderização no monitor.» (João Taboada, Visuarea, 07/16)
Opiniones
DANOS TU OPINIÓN
Escribir Tu Propia Revisión
Editorial GG, SLU
- Vía Laietana 47, 3.º 2.ª
08003 Barcelona
Tel. 933 228 161
info@editorialgg.com
Ayuda a la compra web
Actividad subvencionada por el Ministerio de Educación, Cultura y DeporteDesarrollado por next-ecommerce.com
