Please use this identifier to cite or link to this item: https://hdl.handle.net/10316/83389
Title: Fonte Responsiva para a Web
Other Titles: Responsive Font for the Web
Authors: Diogo, Beatriz José Monteiro
Orientador: Alves, Artur Luís Gonçalves de Azevedo Rebelo
Pereira, Luís Manuel Santos Lucas Bento
Keywords: Tipografia; Web; Responsivo; Variável; Flexível; Typography; Web; Responsive; Variable; Flexible
Issue Date: 20-Sep-2017
Serial title, monograph or event: Fonte Responsiva para a Web
Place of publication or event: Departamento de Engenharia Informática da FCTUC
Abstract: A 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.
Description: Dissertação de Mestrado em Design e Multimédia apresentada à Faculdade de Ciências e Tecnologia
URI: https://hdl.handle.net/10316/83389
Rights: openAccess
Appears in Collections:UC - Dissertações de Mestrado

Files in This Item:
File Description SizeFormat
Tese_Beatriz Diogo.pdf14.04 MBAdobe PDFView/Open
Show full item record

Page view(s) 50

545
checked on Mar 26, 2024

Download(s) 50

516
checked on Mar 26, 2024

Google ScholarTM

Check


This item is licensed under a Creative Commons License Creative Commons