SHARP: COLABORAÇÃO E DESENVOLVIMENTO PARAMETRIZÁVEL DE TYPE DESIGN

SHARP: COLABORAÇÃO E DESENVOLVIMENTO PARAMETRIZÁVEL DE TYPE DESIGN ID 09 Pedro Amado Ana Veloso Dep. de Comunicação e Arte, U. Aveiro(CETAC.MEDIA)

ABSTRACT Outline font production software has been developed for more than thirty years (KAROW, 1987; PHINNEY, 2002; RUGGLES, 1983). Parameterization, as an automation process, emerged in the early days and was embedded into the professional workflow facilitating the emergence of new tools, processes and online platforms (BIL’AK, 2009; HASSAN et al., 2010; MEEK, 2008). As a result, the complexity of the font development process has increased as a technical activity, and as a product of social interaction. This paper first presents a timeline review of the font formats and its production systems. Then, it presents a conceptual model of an online community for typeface design and its requirements. Finally, it presents an analysis of the first tests of an online prototype that includes a drawing tool, and modes of communication that support the technical and social aspects of vector drawing, in order to encourage the participation of users (PREECE, 2000; SHNEIDERMAN, PLAISANT, 2004; TSAI, 2010). KEYWORDS Online Communities; Interaction Design, Web Design, Typeface Design.

DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

207

INTRODUÇÃO Segundo Earls (2002), Cheng (2006) e Lupton (2010), podemos sintetizar o processo de DTL (Desenho de Tipos de Letra) como uma atividade que engloba quatro fases gerais de desenvolvimento, organizadas sequencialmente: 1. motivação, investigação, definição dos parâmetros do desenho tipográfico; 2. criação, digitalização e implementação em software específico; 3. espaçamento, criação de tabelas e otimização dos formatos (digitais); 4. publicação e distribuição.

Figura 1 - Evolução dos serviços da WWW, adaptado a partir de Hayes (2006) e Spivack (2007)

208 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR

Dada a evolução do desenvolvimento de plataformas e serviços para a WWW (World Wide Web) (Figura 1), é importante contemplar a criação, publicação e distribuição digital online, numa lógica de partilha social (BOWMAN et al., 2003). As etapas do processo de DTL são aumentadas pela: • partilha, remistura e redefinição dos parâmetros tipográficos; • recriação, redigitalização e modificação; • republicação, redistribuição; Atualmente, através dos recursos disponíveis, possuímos um maior acesso a comunidades de especialistas de desenvolvimento, implementação e distribuição de fontes1. Em setembro de 2010 contabilizavam-se 215 recursos disponíveis online (AMADO, VELOSO, 2010). A ubiquidade do acesso (Figura 2) e o clima de Convergência que observamos na sociedade atual (CHAKAVEH, BOGEN, 2007; DROTNER, 2002; JENKINS, 2006; LUDES, 2008) facilitam também uma convergência do ponto de vista da criação, produção, distribuição e consumo.

Figura 2 Software Glyphs a correr remotamente num iPad

Das 10 principais plataformas para DTL identificadas online, destaca-se o Fontstruct (Figura 3) – uma CO (Comunidade Online) que inclui uma ferramenta de desenho parametrizável2. Segundo uma análise de sociabilidade (HARA et al., 2009; PREECE, DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

209

2000), esta CO é paradigmática. No entanto, segundo a lista de padrões de Crumlish e Malone (2009), para melhorar a plataforma social, é necessário adicionar padrões como o espaço de interação pessoal e a ubiquidade (MARCOTTE, 2011) cruciais no desenvolvimento atual de plataformas online. A finalidade deste trabalho é apresentar um modelo concetual de uma CO para o desenvolvimento de DTL que inclua: • diferentes modos de CMC (Comunicação Mediada por Computador), tendo em vista o suporte da interação social dos utilizadores que pretendam desenvolver DTL; • ferramentas para dinamizar o DTL.

Figura 3 Fontstruct

Este trabalho está organizado em três secções. A primeira secção apresenta uma revisão da literatura sobre a evolução dos formatos e software de desenvolvimento de fontes de contornos3 e sistemas parametrizáveis. Segue-se uma descrição do modelo concetual da comunidade e da ferramenta a desenvolver. A última secção apresenta os resultados dos testes relativos ao desenvolvimento de um protótipo e as considerações finais sobre a implementação de uma CO que visa explorar a prática de DTL, tirando partido da interação social online.

210 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR

REVISÃO DE SISTEMAS E FORMATOS DE FONTES DE CONTORNOS Desde o aparecimento dos primeiros formatos digitais, que o formato de contornos provou a sua superioridade de desenho e reprodução (KAROW, 1987, 1991; PHINNEY, 2002). Os métodos para a obtenção dos contornos podem variar entre o desenho direto, o tracing e a manipulação de parâmetros (RUGGLES, 1983; SHAMIR, RAPPOPORT, 1998). Identificam-se três momentos importantes no desenvolvimento de formatos e softwares de produção de fontes: • Em 1972, o desenvolvimento do primeiro formato standard da indústria – o Ikarus–, que era também uma ferramenta de edição visual (KAROW, 1987). • Entre 1982 e 1988, o desenvolvimento das primeiras ferramentas de EVD (edição visual direta) para o desktop (ex.: Fontographer). Estas beneficiaram do desenvolvimento de formatos importantes como o Postscript, ou o MM (Multiple Master) pela Adobe (1990, 2011a, 2011b; DODD, 2006). • A partir de 2001, destaca-se o aparecimento de ferramentas Open Source (ex.: Fontforge), formatos standard abertos (ex.: SVG) e a incorporação de ferramentas de parametrização que estendem os softwares de EVD (ex.: RoboFab, Font Remix Tools). Este momento foi potenciado pela WWW. Os primeiros sistemas desenvolvidos foram parametrizáveis – o ITSELF, ou o METAFONT (KNUTH, 1979; SOUTHALL, 1985). No entanto, dada a dificuldade da sua criação e manipulação (LAWSON, AGNER, 1990; MORRIS, 1989; SHAMIR, RAPPOPORT, 1998), o uso e desenvolvimento destes sistemas foi temporariamente abandonado em detrimento dos softwares de EVD, standard até aos dias de hoje. O formato responsável pela incorporação generalizada da parametrização nos sistemas de produção foi o MM (PHINNEY, Op. Cit.). Contribuiu para revitalizar formatos como o METAFONT, e para dar origem a novos formatos – o TrueType GX, o Da-Type, ou o MetaType (SCHNEIDER, 1998; VAKULENKO, 2003). Posteriormente, contribuiu para o aparecimento de outros sistemas – o Robofog, o LetterModeler, o Elementar (BIL’AK, Op. Cit.; LUPTON, Op. Cit.), ou o Super Polator (LETTERROR, 2007). Desde 2006 que a partilha e a interação social em plataformas online em torno do DTL é uma realidade (AMADO, 2007; LUPTON, 2006). Destaca-se o Fontstruct (MEEK, 2008) como a ferramenta atual mais influente num contexto onde se anunciam DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

211

outras – o Fontclod (ZICK, 2011), ou o Horus (MUCHNICK, 2007). A convergência tecnológica e a ubiquidade destas plataformas, ferramentas e serviços fazem com que o DTL seja uma área crucial do desenvolvimento de produto multimédia. MODELO CONCETUAL E REQUISITOS DE UMA CO PARA DTL A Figura 4 apresenta o modelo concetual da CO com modos de CMC síncronos e assíncronos suportados por ferramentas de colaboração e criação a ser desenvolvido segundo uma metodologia participativa (AMADO, VELOSO, 2010).

Figura 4 - Modelo concetual de uma CO para DTL

Para concretizar o conceito, o sistema tem que obedecer a especificações técnicas gerais (Figura 5), de forma a que a camada superior permita a ubiquidade, facilitando a comunicação bidirecional entre as ferramentas de desenho parametrizável e as camadas inferiores responsáveis pela execução técnica da CO. Do ponto de vista funcional, para além de ser um sistema utilizável (SHARP et al., 2007), a CO terá que permitir criar e manter o perfil pessoal e a interação social (CRUMLISH, MALONE, 2009), como evidenciado nas áreas A, C, D e E da Figura 6. A área B apresenta a ferramenta para o desenvolvimento de DTL, enquanto prática partilhada da comunidade (WENGER et al., 2007). Esta ferramenta deve implementar um paradigma de EVD (B1, B2) semelhante aos softwares atuais (SHNEIDERMAN, PLAISANT, 2004). Deve também tirar partido da parametrização através da manipulação visual de variáveis (B3, B4) como os valores de espessura, ou 212 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR

valores dos extensores geralmente inseridos em caixas de diálogo. Por fim, de forma a permitir o máximo de interação social, a ferramenta da área B, deve incorporar modos de comunicação e partilha social bidirecional com execução técnica da CO, como a validação, comentários, ou criação de versões de outros utilizadores (B5, B6, B7).

Figura 5 - Diagrama técnico do sistema

Figura 6 - Wireframe funcional da CO

DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

213

WEDRAW – CRIAÇÃO E TESTE DE UM PROTÓTIPO ONLINE Com o objetivo de testar alguns dos requisitos listados, foi desenvolvido um protótipo de uma CO (Figura 7), que integra uma ferramenta de desenho vetorial (ALVES et al., 2011).

Figura 7 - Protótipo weDraw

A plataforma, assente num CMS (sistema de gestão de conteúdos) robusto – Drupal – com a integração de uma ferramenta de desenho – SVG-edit, foi submetida a testes de funcionalidade, segurança e compatibilidade. Revelou como principal problema a incompatibilidade da ferramenta de desenho com os dispositivos móveis, fator que pode ser corrigido com o desenvolvimento de uma ferramenta própria. Os problemas identificados nos testes de usabilidade prenderam-se com a falta de diretivas de ação e feedback. Estes erros podem ser corrigidos com o desenvolvimento de documentação geral, políticas de conduta comuns da comunidade e com a criação temática, ou com o desenvolvimento de competições para orientar os utilizadores. Na uso da ferramenta, os problemas passaram pelo tempo de adaptação dos utilizadores às tarefas. Por um lado, isto pode ser minimizado através da simplifica214 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR

ção da interface e parametrização da ferramenta de desenho. Por outro lado, o uso prolongado da ferramenta na comunidade pode atenuar este problema e ajudar a identificar outros. CONSIDERAÇÕES FINAIS O desenvolvimento de softwares de produção de DTL está sujeito a uma mudança de paradigma tendo em conta a natureza social e ubíqua da WWW. A evolução dos sistemas de produção de fontes aponta para a importância da EVD e para a sua extensão através da parametrização. A WWW permite um acesso universal facilitado, e a possibilidade de interação com uma comunidade de criadores profissionais e amadores, que de outra forma seria difícil. Apresentámos os resultados preliminares do weDraw, um protótipo de uma CO para a prática de desenho vetorial como implementação dos conceitos desenvolvidos a partir de um modelo concetual de uma CO para a criação de DTL. Da análise do protótipo de uma CO com modos de CMC para suporte da interação social e da prática de DTL recomenda-se: • a utilização de um sistema de CMS robusto, baseado em standards abertos; • a utilização, ou desenvolvimento de uma ferramenta de desenho simples, de EVD e parametrizável; • o desenvolvimento de documentação, e dinamização de desafios para estimular a criação de uma massa crítica de utilizadores que alimentem a própria comunidade. Esta investigação em curso prevê o desenvolvimento futuro de melhoramentos do sistema, bem como uma nova fase de avaliação.

REFERÊNCIAS ADOBE – Adobe Type 1 Font Format. Massachusetts: ADOBE, 1990. – Multiple Master Fonts [em linha]. [Consult. 2011-02-20]. Disponível em: . – Multiple Master to OpenType Cross Reference [em linha]. [Consult. 2011-02-20]. Disponível em: . ALVES, P. [et al.] – weDraw: Relatório de Projeto. Aveiro: Departamento de Comunicação e Arte da DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

215

Universidade de Aveiro, 2011. Disponível em: . AMADO, P. – Explorando o Bazar Tipográfico. Porto: Universidade do Porto, 2007. Dissertação de Mestrado. AMADO, P.; VELOSO, A. – Are we engaging in meaningful interactions? A State of the Art review of Online Typography Communities. Dublin, 2010. Comunicação na 54ª Conferência Anual da Association Typographique Internationale. BIL’AK, P. – Elementar Preview [em linha]. Typotheque, 2009 [Consult. 2011-03-15]. Disponível em: . BOWMAN, S.; WILLIS, C.; LASICA, J. – We Media: How audiences are shaping the future of news and information. The Media Center at The American Press Institute. (2003). CHAKAVEH, S.; BOGEN, M. – Media Convergence, an Introduction Human-Computer Interaction. HCI Intelligent Multimodal Interaction Environments. Berlin: Springer Berlin / Heidelberg, 2007. ISBN 978-3-54073108-5, p. 811-814. CHENG, K. – Designing Type London: Yale University Press 2006. ISBN 978-0300111507 CRUMLISH, C.; MALONE, E. – Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience. Sebastopol: O’Reilly Media, 2009. ISBN 978-0596154929. DODD, R. – From Gutenberg to OpenType. Cambridge: ILEX, 2006. ISBN 10-1-904705-77-4. DROTNER, K. – New media, new paradigms? A comparative European perspective. Annals of Telecommunications. ISSN 0003-4347. Vol. 57, n.º 3 (2002), p. 238-245. EARLS, D. – Designing Typefaces. Mies: Rotovision, 2002. ISBN 2-88046-699-7. HARA, N.; SHACHAF, P.; STOERGER, S. – Online communities of practice typology revisited. Journal of Information Science. (2009), p. 1-18. HASSAN, T.; HU, C.; HERSCH, R. – Next Generation Typeface Representations: Revisiting Parametric Fonts. ACM DocEng 2010. Manchester, 2010. Disponível em: ISBN/ISSN 978-1-4503-0231-9/10/09. HAYES, G. – Virtual Worlds, Web 3.0 and Portable Profiles [em linha]. 2007 [Consult. 2010-06-15]. Disponível em: . JENKINS, H. – Convergence Culture. New York: New York University Press, 2006. ISBN 978-0-8147-4281-5. KAROW, P. – Digital Formats for Typefaces. Hamburg: URW Verlag, 1987. ISBN 3-926515-01-5. – Digital punch cutting. ELECTRONIC PUBLISHING. Vol. 4, n.º 3 (1991), p. 151-170. KNUTH, D. – TEX and METAFONT, New Directions in Typesetting. Massachussets: American Mathematical Society, 1979. ISBN 0-932376-02-9. LAWSON, A.; AGNER, D. – Printing Types: An Introduction. Massachusetts: Beacon Press Books, 1990. ISBN 0-8070-6661-3. LETTERROR – Superpolator [em linha]. [Consult. 2011-03-15]. Disponível em: . LUDES, P. – Convergence and fragmentation: Media technology and the information society. Bristol: Intellect, 2008. ISBN 1841501824. LUPTON, E. – Free Font Manifesto [em linha]. [Consult. Disponível em: . – Thinking With Type. New York: Princeton Architectural Press, 2010. ISBN 978-1-56898-969-3. MARCOTTE, E. – Responsive Web Design. New York: A Book Apart, 2011. ISBN 978-0-9844425-7-7. 216 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR

MEEK, R. – Welcome, Early Adopters! [em linha]. [Consult. 2009-02-08]. Disponível em: . MORRIS, R. – Rendering digital type: a historical and economic view of technology. The Computer Journal. ISSN 0010-4620. Vol. 32, n.º 6 (1989), p. 524. MUCHNICK, A. – Introducing Horus: online font editor [em linha]. [Consult. 2008-06-20]. Disponível em: . PHINNEY, T. – TrueType, PostScript Type 1, & OpenType: What’s the Difference? (2002). PREECE, J. – Online Communities: Designing Usability, Supporting Sociability. New York: John Wiley, 2000. ISBN 978-0471805991. RUGGLES, L. – Letterform Design Systems. Stanford: Stanford University, 1983. SCHNEIDER, U. – DaType: a stroke-based typeface design system. Computers & Graphics. ISSN 0097-8493. Vol. 22, n.º 4 (1998), p. 515-526. SHAMIR, A.; RAPPOPORT, A. – Feature-based design of fonts using constraints. In: HERSCH, R.; ANDRÉ, J. ; BROWN, H. - Electronic Publishing, Artistic Imaging, and Digital Typography. Springer Berlin / Heidelberg, 1998. p. 93-108. SHARP, H.; ROGERS, Y.; PREECE, J. – Interaction Design. Chichester: John Wiley & Sons, 2007. ISBN 978-0-47001866-8. SHNEIDERMAN, B.; PLAISANT, C. – Designing the User Interface: Strategies for Effective Human-Computer Interaction. New York: Addison Wesley, 2004. ISBN 978-0321197863. SOUTHALL, R. – Designing New Typefaces with Metafont. Stanford: Department of Computer Science, Stanford University, 1985. Disponível em: . SPIVACK, N. – How the WebOS Evolves? [em linha]. [Consult. 2010-06-15]. Disponível em: . TSAI, C.-W. – Do students need teacher’s initiation in online collaborative learning? Computers & Education. ISSN 0360-1315. Vol. 54, n.º 4 (2010), p. 1137-1144. VAKULENKO, S. – The METATYPE Project: Creating TrueType Fonts Based on METAFONT. Proceedings of EuroTEX. 2003. WENGER, E.; MCDERMOTT, R.; SNYDER, W. – Cultivating communities of practice: A guide to managing knowledge. Boston: Harvard Business School Press, 2007. ISBN 978-1-57851-330-7. ZICK, B. – New web-based font editor in alpha [em linha] [Consult. 2011-12-20]. Disponível em: . NOTES 1. Enquanto produto final do DTL, implementado digitalmente num formato específico como PostScript, TrueType, ou OpenType. 2. Desenvolvida em 2006 por Rob Meek, com mais de 350 000 utilizadores registados, em http://fontstruct. com/ (a 2012-01-30). 3. Do inglês Outline Fonts. DESIGNA2011 - PROCEEDINGS - SHARP: Colaboração e desenvolvimento parametrizável de Type Design

217

218 DESIGNA2011 - A ESPERANÇA PROJECTUAL - INTERNATIONAL CONFERENCE ON DESIGN RESEARCH - UNIVERSIDADE DA BEIRA INTERIOR