Article thumbnail

Responsive Font for the Web

By Beatriz José Monteiro Diogo

Abstract

Dissertação de Mestrado em Design e Multimédia apresentada à Faculdade de Ciências e TecnologiaA tipografia, ao longo da História, tem vindo a responder às necessidades da sociedade e às tecnologias que foram surgindo (Lupton, 2014).Atualmente, a web é um meio de comunicação essencial na vida quotidiana, onde a tipografia é o seu principal constituinte (Reichenstein, 2006). Assim, torna-se cada vez mais importante poder transmitir um conceito ou uma ideia, através da tipografia e as formas tipográficas, em abordagens mais experimentais, aplicados na web. Desde o século XIX, que a tipografia é usada de forma a que a largura da fonte se ajuste ao espaço a ocupar no cartaz, que como é o caso do desenho de tipos de letra condensados e expandidos para resolverem problemas de composição tipográfica ou abordagens mais contemporâneas em cartazes. Por outro lado, atualmente, para além da importância da tipografia na web, torna-se essencial que os seus conteúdos se adaptem ao dispositivo ou tamanho do ecrã onde estão a ser observados. Assim, pretendo realçar certos aspetos do conceito de responsividade e ajustar a largura de uma fonte à largura do ecrã.A concretização prática desta dissertação consiste na criação de uma ferramenta que permita uma exploração alternativa da tipografia na web. Sendo a web um ambiente programático, esta ferramenta vai ser desenvolvida em formato script na linguagem de JavaScript — linguagem para a web que explora e trabalha a interatividade dos seus elementos.Esta ferramenta pretende que um web designer possa tirar partido da tipografia, de forma a possibilitar uma maior experimentação e exploração da tipografia na web, onde esta se torna flexível, de forma a que a sua largura, se ajuste a diferentes áreas, tamanhos de ecrã e dispositivos.Throughout history, typography has been responding to the needs of society and to the emerging technologies (Lupton, 2014).Today, the web is an essential media in daily life, where typography is its main component (Reichenstein, 2006). Thus, it becomes increasingly important to be able to transmit a concept or an idea, through typography and typographic forms, into more experimental approaches, applied on the web.Since the nineteenth century, typography has been used so that its width fits the space to fill the poster, that like the condensed and expanded fonts are used to solve typographic composition problems or more contemporary approaches in posters. On the other hand, today, in addition to the importance of typography on the web, it becomes important that its contents are adapted to the device and screen size where they are being watched. So, I want to take advantage of certain aspects of the concept of responsive design and make the font width fit the screen width.The practical realization of this dissertation consists in the creation of a tool that allows an alternative exploration of typography in the web. Being the web, a programmatic environment, this tool will be developed in a script format, in the language of JavaScript - web language that explores and works the elements interactivity.This tool will allow a web designer to take advantage of the typography in order to allow a greater experimentation and exploration of typography on the web, where the typography becomes flexible, so that its width, adjustable to different areas, screen sizes and devices

Topics: Tipografia, Web, Responsivo, Variável, Flexível, Typography, Web, Responsive, Variable, Flexible
Year: 2017
OAI identifier: oai:estudogeral.sib.uc.pt:10316/83389
Provided by: Estudo Geral
Download PDF:
Sorry, we are unable to provide the full text but you may find it at the following location(s):
  • http://hdl.handle.net/10316/83... (external link)

  • To submit an update or takedown request for this paper, please submit an Update/Correction/Removal Request.

    Suggested articles