DO SKEUOMORPHISM AO FLAT DESIGN: A FORMAÇÃO DE TENDÊNCIAS ESTÉTICAS SOB A ÓTICA DO DESIGN DE INTERFACES

DO SKEUOMORPHISM AO FLAT DESIGN: A FORMAÇÃO DE TENDÊNCIAS ESTÉTICAS SOB A ÓTICA DO DESIGN DE INTERFACES

Mülling, Tobias; Esteves, Jéssica Rodrigues

Artigo Completo:

O presente artigo apresenta o resultado de uma pesquisa sobre a formação de tendências estéticas no design de interfaces, compreendendo o Skeuomorphism e o Flat Design. Ambas são tendências utilizadas no design de interface como forma de referencial estético para a criação de um projeto e se diferem quanto uso de metáforas visuais, identificadas pela quantidade de elementos utilizados para a criação da interface. A fim de contextualizar as tendências estéticas abordadas, foi realizada uma revisão bibliográfica sobre os temas relevantes à pesquisa – conceituação de tendência, Skeumorphism e Flat Design; uma breve abordagem sobre a história das primeiras interfaces gráficas; e uma análise da interface do aplicativo “Notas” presente no sistema operacional iOS da Apple. A análise da interface do aplicativo “Notas” em diferentes versões de atualização do iOS permite a identificação de uma transição de tendências estéticas: no iOS 6 a estética do aplicativo assemelhava-se ao Skeuomorphism, enquanto nas versões atuais – a partir do iOS 7 – a interface representa o Flat Design. A análise compreendeu a observação de elementos como: tipografia, cor, legibilidade, iconografia e interação. Desta forma, foi possível caracterizar ambas tendências, destacando as principais diferenças entre o Skeumorphism e o Flat Design.

O presente artigo apresenta o resultado de uma pesquisa sobre a formação de tendências estéticas no design de interfaces, compreendendo o Skeuomorphism e o Flat Design. Ambas são tendências utilizadas no design de interface como forma de referencial estético para a criação de um projeto e se diferem quanto uso de metáforas visuais, identificadas pela quantidade de elementos utilizados para a criação da interface. A fim de contextualizar as tendências estéticas abordadas, foi realizada uma revisão bibliográfica sobre os temas relevantes à pesquisa – conceituação de tendência, Skeumorphism e Flat Design; uma breve abordagem sobre a história das primeiras interfaces gráficas; e uma análise da interface do aplicativo “Notas” presente no sistema operacional iOS da Apple. A análise da interface do aplicativo “Notas” em diferentes versões de atualização do iOS permite a identificação de uma transição de tendências estéticas: no iOS 6 a estética do aplicativo assemelhava-se ao Skeuomorphism, enquanto nas versões atuais – a partir do iOS 7 – a interface representa o Flat Design. A análise compreendeu a observação de elementos como: tipografia, cor, legibilidade, iconografia e interação. Desta forma, foi possível caracterizar ambas tendências, destacando as principais diferenças entre o Skeumorphism e o Flat Design.

Palavras-chave:

DOI: 10.5151/despro-ped2016-0428

Referências bibliográficas

• [1] CALDAS, Dario. Observatório de sinais: teoria e prática da pesquisa de tendências. Rio de Janeiro: Editora Senac, 2004.
• [2] LAKATOS, E. M.; MARCONI, M. Fundamentos de Metodologia Científica. São Paulo: Atlas, 2010.
• [3] NORMAN, Donald. O design do dia-a-dia. Rocco 2006.
• [4] PICOLI, Julia Isoppo. Coolhunting: pesquisador e suas metodologias. São Paulo: EnModa, 2009. Disponível na Internet por http em: <https://www.enmoda.com.br/site/pesquisas/lista.asp?menu_codigo=1>Acesso em: 10 ago 2016
• [5] RAYMOND, Martin. The Trend Forecaster’s Handbook. Londres: Laurence King, 2010.
• [6] ROYO, J. P. Design Digital. São Paulo: Rosari, 2008.
• [7] VEJLGAARD, Henrik. Anatomy of a Trend (e-book). New York: Confetti Publishing at Smashwords, 2007 (e-book).
• [8] Interface gráfica para o usuário (do inglês, Graphical User Interface). Pode ser compreendido como um tipo de interface do utilizador que permite a interação com dispositivos digitais através de elementos gráficos como ícones e outros indicadores visuais.
• [9] O pop-up é uma janela extra que abre no navegador ao visitar um website ou acessar uma hiperligação específica.
• [10] Scott Thomasnt.io; Pasquale D’Silva, Elepath; Stuart Regan, Finely; Jon Friis, Kera.io; Mig Reyes, 37Signals; Patrick Algrim.
• [11] Disponível em <http://layervault.tumblr.com/post/32267022219/flat-interface-design/>
• [12] Chocola Design. Disponível em < http://chocoladesign.com/tendencias-de-ui-flat-design/>.
• [13] Gizmodo. Disponível em <http://gizmodo.uol.com.br/o-que-e-flat-design/>.
• [14] Dzestudio. Disponível em < http://www.dzestudio.com.br/blog/5-razoes-para-o-sucesso-do-flat-design/>. UX.Blog. Disponível em: < http://www.uxdesign.blog.br/design-de-interfaces/flat-design-recultura-interface/>

Como citar:

Mülling, Tobias; Jessica Rodrigues Esteves; "DO SKEUOMORPHISM AO FLAT DESIGN: A FORMAÇÃO DE TENDÊNCIAS ESTÉTICAS SOB A ÓTICA DO DESIGN DE INTERFACES", p-4997-5009. In: Anais do 12º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design [= Blucher Design Proceedings, v. 9, n. 2]. São Paulo: Blucher, 2016.
ISSN 23186968, DOI 10.5151/despro-ped2016-0428