Características projetuais do design responsivo para interfaces digitais

Projective features of responsive design applied to digital interfaces

Anjos, Lucas Schwartz dos; Mülling, Tobias Tessmann

Poster:

Neste artigo são abordados alguns conceitos técnicos e as tecnologias que são utilizadas no web design responsivo, a fim de compreender características projetuais do design de interfaces, especialmente no que tange a responsabilidade do designer. Neste processo, são abordados elementos do web design responsivo como grid flexível, media queries, imagens flexíveis, breakpoints, entre outras características projetuais. O conceito do web design responsivo se faz relevante especialmente relacionado ao surgimento de diversos dispositivos com diferentes especificidades. Deste modo, projetar uma interface que “responda” a estes dispositivos, bem como compreender suas variáveis de projeto tornam-se importantes no design de hipermídia multi-plataforma.

This article examines some technical concepts and technologies that are used in responsive web design in order to understand projective characteristics of interface design, regarding the responsibility of the designer. In this process, are discussed elements of responsive design as flexible grid, media queries, flexible images, breakpoints, among other projective characteristics. The concept of responsive design is relevant especially related to the emergence of various devices with different specificities. Therefore, designing an interface that "answer" to these devices as well and understand their design variables are important in multi-platform hypermedia design

Palavras-chave:

DOI: 10.5151/designpro-CIDI2015-cidi_155

Referências bibliográficas

• [1] EIS, D. 2011. Introdução ao Responsive Web Design. In: Tableless. Andlt;http://migre.me/9LAWMAndgt;, 04/07/2014.
• [2] GUERRATO, D. 2012. Design Responsivo II - Grids e Texto. In: Popup Design: Blog. Andlt;http://migre.me/9LAXfAndgt;, 04/07/2012.
• [3] KNIGHT, K. 2011. Responsive Web Design: What It Is and How To Use It. In: Smashing Magazine. Andlt;http://migre.me/9LAWxAndgt;, 02/07/2014.
• [4] MARCOTTE, E. 2011. Responsive Web Design. Nova Iorque: A book apart.
• [5] MARTINS, C.; GODINHO, R.; RABENHORST, R. 2012. Crossroads. Um sistema de resposta multiplataforma. Pelotas.
• [6] T. A. 2012. Finger-Friendly Design: Ideal Mobile Touchscreen Target Sizes. In: Smashing Magazine. Andlt;http://migre.me/9LAVeAndgt;, 04/07/2012.
• [7] WROBLEWSKI, L. 2011. An Event Apart: The Responsive Designer’s Workflow. In: LukeW: Writings. Andlt;http://migre.me/9LAUuAndgt;, 02/07/2014.

Como citar:

Anjos, Lucas Schwartz dos; Mülling, Tobias Tessmann; "Características projetuais do design responsivo para interfaces digitais", p-1322-1328. In: . In: C. G. Spinillo; L. M. Fadel; V. T. Souto; T. B. P. Silva & R. J. Camara (Eds). <strong>Anais do 7º Congresso Internacional de Design da Informação/Proceedings of the 7th Information Design International Conference | CIDI 2015 [Blucher Design Proceedings, num.2, vol.2]</strong>. São Paulo: Blucher, 2015.
ISSN 23186968, DOI 10.5151/designpro-CIDI2015-cidi_155