[{"data":1,"prerenderedAt":493},["ShallowReactive",2],{"person-c56ec853-642c-4adb-8b00-addbc428eac9":3},{"success":4,"person":5,"request":489},true,{"lastName":6,"role":7,"name":8,"description":9,"_id":10,"designation":7,"id":7,"email":11,"url":7,"createDate":12,"filiation":13,"slugs":14,"articles":17},"Novais","","Carlos",{},"c56ec853-642c-4adb-8b00-addbc428eac9","eduardonovais@virtual.ufc.br","2025-12-17T01:55:08-03:00","Universidade Federal do Ceará-UFC",[15,16],"carlos-novais","novais-carlos",[18,142,258,347,457],{"parent":19,"metaData":20,"updateDate":12,"data":22,"langs":31,"_id":34,"contributors":35,"contributorsIds":52,"type":53,"typeData":54,"status":138,"download":139,"slugs":140,"slug":141},"308f2508-39ad-43fe-a49b-3483ee224f04",{"updateDate":7,"createDate":21,"deleteDate":7},1765947308,{"secondary":23,"primary":27},{"keywords":24,"excerpt":25,"title":26},"\u003Cp>Typography, Responsive Web Design, User Interface Design, Book Design, Variable fonts\u003C/p>","The use of typographic systems while creating digital interfaces is a common and recommended practice. When it comes to websites, there is a recurring concern to keep layouts comfortable and consistent for different screen sizes considering the variety of devices on the market. One of the main challenges in this context are the changes in the characteristics of the text","Morets: Development of Tool for Building Web Responsive Typographic Systems",{"keywords":28,"excerpt":29,"title":30},"\u003Cp>Tipografia, Web Design Responsivo, Design de interfaces, Design editorial, Fontes Variáveis\u003C/p>","O uso de sistemas tipográficos na criação de interfaces digitais é uma prática comum e recomendada. Se tratando de websites, há uma preocupação recorrente em manter os layouts confortáveis e consistentes para diferentes tamanhos de tela considerando a variedade de dispositivos presentes no mercado. Um dos principais desafios neste contexto são as mudanças feitas em características dos textos presentes nestes ambientes. Aliado a isso, nos últimos tempos, as fontes variáveis vêm ganhando cada vez mais destaque e visibilidade por parte dos estudiosos e entusiastas de design e tipografia por suas potencialidades. Diante disto, este trabalho apresenta o processo de pesquisa e desenvolvimento de uma solução que visa criar sistemas tipográficos web responsivos. Para tanto, a ferramenta aqui proposta se inspira em cânones do design com tipos, utiliza de técnicas de desenvolvimento web e as possibilidades das variable fonts, permitindo que os usuários criem sistemas type systems fluidos e customizáveis com comportamento responsivo.","Morets: Desenvolvimento de uma Ferramenta para Construção de Sistemas Tipográficos Web Responsivos",[32,33],"primary","secondary","0e05b1b0-3baf-4c4e-b070-3386a18392ae",[36,48],{"id":7,"name":37,"lastName":38,"email":39,"designation":7,"description":40,"role":7,"_id":41,"createDate":42,"filiation":13,"slugs":43,"url":7,"path":46,"lastmodified":47,"objectID":41},"Mateus","Targino","mateusntargino@gmail.com",{},"36182a39-0c9a-4ddc-8016-d27c59d34d58","2025-12-17T04:55:08.550Z",[44,45],"mateus-targino","targino-mateus","people/36182a39-0c9a-4ddc-8016-d27c59d34d58",1765947308550,{"id":7,"name":8,"lastName":6,"email":11,"designation":7,"description":49,"role":7,"_id":10,"createDate":42,"filiation":13,"slugs":50,"url":7,"path":51,"lastmodified":47,"objectID":10},{},[15,16],"people/c56ec853-642c-4adb-8b00-addbc428eac9",[41,10],"article",{"startPage":55,"file":56,"references":59,"endPage":135,"track":136,"doi":137},2446,{"fullpath":57,"name":58},"https://storage.googleapis.com/memoria-ped.appspot.com/articles%2F15_pd_design_2024%2Fdownload-pdf-morets-desenvolvimento-de-uma-ferramenta-para-construo-de-sistemas-tipogrficos-web-responsivos-38027.pdf","download-pdf-morets-desenvolvimento-de-uma-ferramenta-para-construo-de-sistemas-tipogrficos-web-responsivos-38027.pdf",[60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126,129,132],{"id":61,"label":62},"c65cf6a7-ffa7-4645-ba9d-c3faaff3c5a1","\u003Cp>GITHUB. Hello World. Github, 2022. Disponível em \u003Chttps://docs.github.com/en/get-started/quickstart/hello-world>. Acesso em 30/01/2022.\u003C/p>",{"id":64,"label":65},"64347877-3304-4f4c-8006-0387a5390337","\u003Cp>GITHUB. \u003Cstrong>What is Gulp\u003C/strong>. Github, 2019. Disponível em \u003Chttps://github.com/gulpjs/gulp>. Acesso em 30/01/2022.\u003C/p>",{"id":67,"label":68},"bc814be0-4a50-4e08-bfe2-f1bd13e28bc2","\u003Cp>GONZALEZ, R. \u003Cstrong>Figma Wants Designers to Collaborate Google-Docs Style\u003C/strong>. Wired, 2017. Disponível em \u003Chttps://github.com/gulpjs/gulp>. Acesso em 30/01/2022.\u003C/p>",{"id":70,"label":71},"5294ce8b-be44-4d41-aae7-1472404dc85d","\u003Cp>GOOGLE. \u003Cstrong>Material Design\u003C/strong>. Introduction, 2018. Disponível em \u003Chttps://material.io/design/introduction>. Acesso em 30/01/2022.\u003C/p>",{"id":73,"label":74},"32d7ddd2-bcdd-444f-9396-160207d1c58a","\u003Cp>GOOGLE. \u003Cstrong>Google Open Source Blog\u003C/strong>. Introducing OpenType Font Variations, 2016. Disponível em \u003Chttps://opensource.googleblog.com/2016/09/introducing-opentype-font-variations.html>. Acesso em 30/01/2022.\u003C/p>",{"id":76,"label":77},"b82cc84b-768d-4045-b6cf-2e13eba25c95","\u003Cp>GRAHAM, G. \u003Cstrong>CSS Tricks\u003C/strong>. Fluid Typography, 2019. Disponível em \u003Chttps://css-tricks.com/snippets/css/fluid-typography/>. Acesso em 30/01/2022.\u003C/p>",{"id":79,"label":80},"a8feaeae-a21e-42d3-bc3b-402b55b60397","\u003Cp>KELLUM, S. \u003Cstrong>CSS Tricks\u003C/strong>. Intrinsic Typography is the Future of Styling Text on the Web, 2021. Disponível em \u003Chttps://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/>. Acesso em 30/01/2022.\u003C/p>",{"id":82,"label":83},"bc8dc706-b67c-4f3b-b704-e92ef9689b54","\u003Cp>HIBBARD, J. \u003Cstrong>Sitepoint\u003C/strong>. A Guide to the Pug HTML Template Preprocessor, 2019. Disponível em \u003Chttps://www.sitepoint.com/a-beginners-guide-to-pug/>. Acesso em 30/01/2022.\u003C/p>",{"id":85,"label":86},"838caf68-29b1-47be-b2e1-56ed4460e131","\u003Cp>Junior, M.; FREITAS, R.; PERES, S.; FANTINATO, M.; STEINBECK, R.; ARAÚJO, U. Experimenting with design thinking in requirements refinement for a learning management system. In: \u003Cstrong>Simpósio Brasileiro de Sistemas de Informação\u003C/strong>. João Pessoa, 2013.\u003C/p>",{"id":88,"label":89},"c16ae8c8-5d89-4481-8b3a-f75787a53d9e","\u003Cp>LIIKKANEN, L. A.; LAAKSO, M.; BJÖRKLUND, T. Foundations for studying creative design practices. In: \u003Cstrong>Procedings of the Second Conference on Creativity and Innovation in Design\u003C/strong>. ACM, New York, NY, USA 2011. p.309–315.\u003C/p>",{"id":91,"label":92},"e3c6c27c-ccfc-40fa-8ba0-86698ac3187b","\u003Cp>LUPTON, E. \u003Cstrong>Pensando com tipos: Guia para designers, escritores e estudantes\u003C/strong>. 1ed. - Editora Gustavo Gili, 2020.\u003C/p>",{"id":94,"label":95},"3d186fca-c668-4bfc-82f4-2425e28e6a1c","\u003Cp>MOZILLA. \u003Cstrong>MDN Web Docs Mozilla\u003C/strong>. The Web Open Font Format(WOFF), 2022. Disponível em \u003Chttps://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/>. Acesso em 30/01/2022.\u003C/p>",{"id":97,"label":98},"1792f1f8-366f-41a0-8786-eb2e1e92759d","\u003Cp>NETLIFY. \u003Cstrong>Netlify\u003C/strong>. About Netflify, 2022. Disponível em \u003Chttps://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/>. Acesso em 30/01/2022.\u003C/p>",{"id":100,"label":101},"0e0c676e-7b14-4ee2-b729-0a413d961f3f","\u003Cp>PAMENTAL, J. \u003Cstrong>Responsive Typography: Using Type Well on the Web\u003C/strong>. 1ed. - O'Reilly Media, Sebastopol, 2014.\u003C/p>",{"id":103,"label":104},"d680b02a-3c11-4b58-8578-150b0f2c3645","\u003Cp>PIOVESAN, A.; TEMPORINI, R. Pesquisa exploratória: procedimento metodológico para o estudo de fatores humanos no campo da saúde pública. \u003Cstrong>Scielo Public Health\u003C/strong>, 1995. Disponível em \u003Chttp://www.scielosp.org/scielo.php?pid=S0034-89101995000400010&script=sci_arttext&tlng=>. Acesso em 30/01/2022.\u003C/p>",{"id":106,"label":107},"63606a70-1fbe-429f-9fdc-f16484fa0182","\u003Cp>TSCHIHOLD, J. \u003Cstrong>The Form of the Book: Essays on the Morality of Good Design\u003C/strong>. - Hartley & Marks, Vancouver, 1991.\u003C/p>",{"id":109,"label":110},"fc3a57de-3844-455d-8f22-1387fe783064","\u003Cp>TSCHIMMEL, K. Design thinking as an effective toolkit for innovation. In: \u003Cstrong>Proceedings of the ISPIM Conference: Action for Innovation from Experience\u003C/strong>. Barcelona 2012. p.1–20.\u003C/p>",{"id":112,"label":113},"981b68f2-8a99-48c9-adac-81444baf7a42","\u003Cp>VICTIONARY. \u003Cstrong>On the road to variable: flexible future of typography\u003C/strong>. - Two Points, Hong Kong, 1991.\u003C/p>",{"id":115,"label":116},"5158c0ed-6e1e-4a76-a908-3dbcb9fd6aaf","\u003Cp>W3SCHOOLS. \u003Cstrong>W3Schools\u003C/strong>. CSS Web Fonts, 2022. Disponível em \u003Chttps://www.w3schools.com/css/css3_fonts.asp>. Acesso em 30/01/2022.\u003C/p>",{"id":118,"label":119},"a54285e1-fddf-4ec9-a9dc-44322f81a646","\u003Cp>MOZILLA. \u003Cstrong>MDN Web Docs\u003C/strong>. CSS, 2021. Disponível em \u003Chttps://developer.mozilla.org/pt-BR/docs/Web/CSS>. Acesso em 30/01/2022.\u003C/p>",{"id":121,"label":122},"eecfe4a6-e8e3-4ae4-ad3f-8131baea2b12","\u003Cp>MOZILLA. \u003Cstrong>MDN Web Docs\u003C/strong>. HTML: Linguagem de Marcação de Hipertexto, 2021. Disponível em \u003Chttps://developer.mozilla.org/pt-BR/docs/Web/HTML>. Acesso em 30/01/2022.\u003C/p>",{"id":124,"label":125},"d9519f85-cceb-40d7-a684-337127ba044b","\u003Cp>MOZILLA. \u003Cstrong>MDN Web Docs\u003C/strong>. Javascript, 2021. Disponível em \u003Chttps://developer.mozilla.org/pt-BR/docs/Web/JavaScript>. Acesso em 30/01/2022.\u003C/p>",{"id":127,"label":128},"e79521d4-d835-46b7-b513-7c9a275997a9","\u003Cp>MOZILLA. \u003Cstrong>MDN Web Docs\u003C/strong>. Node.js, 2021. Disponível em \u003Chttps://developer.mozilla.org/pt-BR/docs/Glossary/Node.js>. Acesso em 30/01/2022.\u003C/p>",{"id":130,"label":131},"1f168928-9e7a-4eaa-bc08-039295dec7e7","\u003Cp>WITHROW, J. \u003Cstrong>Boxes and Arrows\u003C/strong>. Competitive Analysis: Understanding the Market Context, 2006. Disponível em \u003Chttps://boxesandarrows.com/competitive-analysis-understanding-the-market-context/>. Acesso em 30/01/2022.\u003C/p>",{"id":133,"label":134},"056486a3-70b4-4018-bc0a-6f713a312bbf","\u003Cp>WOLOSZYN, M.; MEÜRER, M.; GONÇALVES, B. S. Fontes variáveis: um estudo prospectivo. In: \u003Cstrong>Anais do 9º CIDI e 9º CONGIC\u003C/strong>. 14 Folhas. Sociedade Brasileira de Design da Informação – SBDI, 2019.\u003C/p>",2467,"lx1qad3","10.5151/ped2022-2169916","enabled",1,[141],"morets-development-of-tool-for-building-web-responsive-typographic-systems",{"parent":143,"metaData":144,"data":146,"langs":155,"_id":156,"type":53,"typeData":157,"status":138,"updateDate":226,"contributors":227,"contributorsIds":254,"download":255,"slugs":256,"slug":257},"f1f23d35-203a-4494-b7cd-e41787bada40",{"updateDate":7,"createDate":145,"deleteDate":7},1765950788,{"secondary":147,"primary":151},{"keywords":148,"excerpt":149,"title":150},"\u003Cp>calligraphy, ductus, pictorial sequence of procedures, information design\u003C/p>","The present paper examines the subject and proposes a specific study about the calligraphic ductus, approaching it as a pictorial sequence of procedure (SPP) and proposing a specific analysis framework for this type of SPP. The methodology to develop the analysis framework was made in three stages: (1) an analysis of the feasibility of its application, (2) analysis of the calligraphic ductus and (3) tests on the effectiveness of the framework. The study generated two versions of the framework, the first being more descriptive and the second more practical for data collection, functioning as a checklist. The tests demonstrated that the framework presents itself as an effective tool of analysis, aiding the description and analysis of several calligraphic models. Nevertheless, we realize that new categories are needed for a better analysis of a calligraphic model.","The Design of a Descriptive Framework for the Calligraphic Ductus",{"keywords":152,"excerpt":153,"title":154},"\u003Cp>caligrafia, ductus, sequência pictórica de procedimentos, design de informação\u003C/p>","O presente trabalho lança um olhar exploratório sobre o tema e propõe um estudo específico a respeito do ductus caligráfico, abordando-o como uma sequência pictórica de procedimento (SPP) e propondo um framework de análise específico para esse tipo de SPP. A metodologia para desenvolver o framework de análise se deu em três etapas: (1) uma análise da viabilidade de sua aplicação, (2) análise dos ductus caligráficos e (3) testes de eficácia do framework. O estudo gerou duas versões de framework, sendo o primeiro mais descritivo e o segundo mais prático para a coleta de dados, funcionando como uma checklist. Os testes demonstraram que o framework se apresenta como uma ferramenta eficaz de análise, auxiliando a descrição e análise de diversos modelos. Ainda assim, mostrou-se necessário novas categorias para uma análise de um modelo caligráfico.","O Desenvolvimento de um Framework Descritivo de Ductus Caligráfico",[32,33],"c04f7717-e947-4c76-af48-fcf0c01b544a",{"startPage":158,"file":159,"references":162,"endPage":223,"track":224,"doi":225},2419,{"fullpath":160,"name":161},"https://storage.googleapis.com/memoria-ped.appspot.com/articles%2F15_pd_design_2024%2Fdownload-pdf-o-desenvolvimento-de-um-framework-descritivo-de-ductus-caligrfico-30122.pdf","download-pdf-o-desenvolvimento-de-um-framework-descritivo-de-ductus-caligrfico-30122.pdf",[163,166,169,172,175,178,181,184,187,190,193,196,199,202,205,208,211,214,217,220],{"id":164,"label":165},"408f2cf9-14bf-423c-a38d-af6cd78d6d6a","\u003Cp>BRANCO, A. Oficina Caligrafia para Designers. Fortaleza, 2012.\u003C/p>",{"id":167,"label":168},"8916f4b1-ee7f-4150-8590-dd866885f588","\u003Cp>DICIONÁRIO Michaelis da Língua Portuguesa. São Paulo: Editora Melhoramentos. Disponível em: http://michaelis.uol.com.br/. Acesso em 3 de Abril de 2018.\u003C/p>",{"id":170,"label":171},"d3adc0e1-0f43-4d17-a31f-5845033932cb","\u003Cp>ESTEVES, I. L. A trajetória dos conceitos caligrafia e escrita. Disponível em: \u003Cwww.sbhe.org.br>. Acesso em: 9 jun. 2016.\u003C/p>",{"id":173,"label":174},"42d9a149-48dc-4d4c-8947-ae98b5688a6f","\u003Cp>FERREIRO, E.; TEBEROSKY, A. \u003Cstrong>Psicogênese da Língua Escrita\u003C/strong>. Porto Alegre: Artes Médicas Sul, 1999.\u003C/p>",{"id":176,"label":177},"ee6bdca1-b6f2-4f2e-adab-605de51f853a","\u003Cp>FETTER, S. Modelos caligráficos na escola brasileira: uma história do Renascimento aos nossos dias. [s.l.] Universidade do Estado do Rio de Janeiro, 2012.\u003C/p>",{"id":179,"label":180},"3388010c-1a8c-491c-b471-9be82668f522","\u003Cp>GABRYELLE, T; CARLA, V. \u003Cstrong>Essa Mãozinha Vai Longe: Caligrafia 2\u003C/strong>. 4ª Ed. São Paulo: Editora do Brasil, 2013.\u003C/p>",{"id":182,"label":183},"e7dc941f-6521-4039-8c8b-5de8be0e1997","\u003Cp>GIL, C. La Grafia. Disponível em: \u003Chttp://lagrafia.blogspot.com.br/>. Acesso em: 21 jun. 2017.\u003C/p>",{"id":185,"label":186},"83357288-ee57-4727-a7c4-393103373e96","\u003Cp>HARRIS, D. \u003Cstrong>A arte da caligrafia – um guia prático, histórico e técnico\u003C/strong>. São Paulo: Ambientes e Costumes Editora, 2013.\u003C/p>",{"id":188,"label":189},"8c9f508d-f197-4e6d-8464-768a5c1caf39","\u003Cp>HARRIS, D. \u003Cstrong>The Calligrapher's Bible: 100 Complete Alphabets and how to Draw Them\u003C/strong>. Nova Iorque: Barron's, 2003.\u003C/p>",{"id":191,"label":192},"0adbdb47-2377-467f-a4bf-6827f4ccb515","\u003Cp>HEITLINGER, P. \u003Cstrong>Tipos e Fontes – Manual de Typeface Design, caligráfico e tipográfico\u003C/strong>. Portugal: Tipografos.net, 2011.\u003C/p>",{"id":194,"label":195},"8bab52e5-f1f3-46d8-8c80-7ae0f757ba73","\u003Cp>LIMA, F. P. L. DE. O processo de construção de fontes digitais de simulação caligráfica. Rio de Janeiro: Universidade do Estado do Rio de Janeiro, 2009.\u003C/p>",{"id":197,"label":198},"adf23f9d-5b46-44a8-a6ca-f2fac5795576","\u003Cp>LOAIZA, F.; VALENCIA, J.; ARIAS, R. \u003Cstrong>Caligrafía Expresiva, Arte y Diseño\u003C/strong>. Colômbia: Publiprint, 2010.\u003C/p>",{"id":200,"label":201},"3d9e3bc1-e01c-4aa0-808e-b97dd9a16bf3","\u003Cp>MEDIAVILLA, C. \u003Cstrong>Caligrafía: del signo caligráfico a la pintura abstracta\u003C/strong>. Valência: Campgràfic, 2005.\u003C/p>",{"id":203,"label":204},"c791ee6c-35de-45fb-8e32-303011e8e280","\u003Cp>NEWHALL, A. \u003Cstrong>Calligraphy & Letter Design: Learn the basics of creating elegant letter forms and discover of variety of styles and samples\u003C/strong>. Londres: Walter Foster Publishing, 1989.\u003C/p>",{"id":206,"label":207},"ed782dc9-918e-4740-b423-2ebdf753d440","\u003Cp>RICHARDS, C. Getting the picture: diagram design and the information revolution. \u003Cstrong>Information Design Journal\u003C/strong>, v. 9, n. 2/3, p. 87–110, 2000.\u003C/p>",{"id":209,"label":210},"4ed3bf7d-db9c-4326-9595-601a29260b5f","\u003Cp>SMOLKA, A. L. B. \u003Cstrong>A Criança na Fase Inicial da Escrita: a alfabetização como processo discursivo\u003C/strong>. 13ª ed. São Paulo: Cortez, 2012.\u003C/p>",{"id":212,"label":213},"9e917b2b-f5eb-4aea-8986-b36f8d61e294","\u003Cp>SPINILLO, C. G. An analytical approach to procedural pictorial sequences. [s.l.] The University of Reading, 2000.\u003C/p>",{"id":215,"label":216},"42846d52-5669-4554-b15b-85f1eb73b1d4","\u003Cp>SPINILLO, C. G. Instruções visuais: algumas considerações e diretrizes para o design de sequências pictóricas de procedimentos. \u003Cstrong>Estudos em Design\u003C/strong>, v. 9, n. 3, p. 31–50, 2002.\u003C/p>",{"id":218,"label":219},"b761e396-f7cb-4cd3-9dd7-59bde9cf939a","\u003Cp>TWYMAN, M. The graphic presentation of language. \u003Cstrong>Information Design Journal\u003C/strong>, v. 3, n. 1, p. 2–22, 1 jan. 1982.\u003C/p>",{"id":221,"label":222},"489aa3ec-a311-4aed-b685-16120bf127b3","\u003Cp>TWYMAN, M. Using Pictorial Language: A Discussion of the Dimensions of the Problem. In: \u003Cstrong>Designing Usable Texts\u003C/strong>. New York: Academic Press Inc., p. 245–312, 1985.\u003C/p>",2433,"z6tqwa0s","10.5151/ped2018-3","2025-12-28T20:21:47-03:00",[228,237,248],{"_id":10,"createDate":229,"name":230,"objectID":10,"lastName":6,"role":7,"description":231,"id":7,"filiation":232,"email":11,"slugs":233,"url":7,"lastmodified":236,"path":51,"designation":7},"2025-12-17T05:53:08.009Z","Carlos Eduardo",{},"Universidade Federal do Ceará",[234,235],"carlos-eduardo-novais","novais-carlos-eduardo",1765950788009,{"path":238,"createDate":229,"designation":7,"email":239,"lastName":240,"lastmodified":236,"name":241,"_id":242,"role":7,"filiation":243,"description":244,"id":7,"slugs":245,"objectID":242,"url":7},"people/0325dd61-0032-4360-98cb-31cd7449437e","eduardo.oliveira.m@gmail.com","Moreira","Eduardo","0325dd61-0032-4360-98cb-31cd7449437e","Universidade Federal de Pernambuco",{},[246,247],"eduardo-moreira","moreira-eduardo",{"lastName":249,"_id":250,"role":7,"filiation":7,"designation":251,"name":252,"email":253,"url":7},"Coutinho","bbb7bd68-c36c-434a-9f88-cfdb0201f981","Ph. D.","Solange Galvão","solangecoutinho@globo.com",[10,242,250],3,[257],"the-design-of-a-descriptive-framework-for-the-calligraphic-ductus",{"parent":259,"metaData":260,"updateDate":262,"data":263,"langs":272,"_id":273,"contributors":274,"contributorsIds":313,"type":53,"typeData":314,"status":138,"download":344,"slugs":345,"slug":346},"1ab1f6ea-e043-44d8-a7ab-1bd0d96c1c82",{"updateDate":7,"createDate":261,"deleteDate":7},1765968009,"2025-12-17T07:40:10-03:00",{"secondary":264,"primary":268},{"keywords":265,"excerpt":266,"title":267},"\u003Cp>character spacing, pictorial sequence of procedure, information design, type design\u003C/p>","Constructing character spacing is a crucial and complex step in the development of typographic projects. Walter Tracy (1986) proposed a method to systematize this process, offering an organized graphic representation, however incomplete and with potential for improvement. This study aims to fill these gaps through the development of a descriptive infographic of Tracy's character spacing method from the perspective of a Pictorial Sequence of Procedure (SPPs). The creation of an infographic seeks to provide a visual representation that not only clarifies, but also facilitates the application of the rules established by Tracy. In the end, the results are presented in the form of the infographic and reflections on the development process, contributing to the advancement of type design methodologies.","Development of a Descriptive Infographic About Tracy's Typographic Character Spacing Method From the Perspective of a Pictorial Sequence of Procedure (spps)",{"keywords":269,"excerpt":270,"title":271},"\u003Cp>espaçamento de caracteres, sequência pictórica de procedimento, design de informação, design de tipos\u003C/p>","A construção do espaçamento de caracteres é uma etapa crucial e complexa no desenvolvimento de projetos tipográficos. Walter Tracy (1986) propôs um método para sistematizar esse processo, oferecendo uma representação gráfica organizada, porém incompleta e com potencial para aprimoramento. Este estudo visa preencher essas lacunas através do desenvolvimento de um infográfico descritivo do método de espessamento de caracteres de Tracy sob a ótica de uma Sequência Pictórica de Procedimento (SPPs). A criação de um infográfico busca proporcionar uma representação visual que não apenas esclareça, mas também facilite a aplicação das regras estabelecidas por Tracy. Ao final, são apresentados os resultados na forma do infográfico e reflexões sobre o processo de desenvolvimento, contribuindo para o avanço das metodologias de design de tipos.","Desenvolvimento de um Infográfico Descritivo Acerca do Método de Espaçamento de Caracteres Tipográficos de Tracy Sob a Óptica de uma Sequência Pictórica de Procedimento (spps)",[32,33],"efaeb607-16c9-400d-9e34-2df5813acb81",[275,287,297,303],{"id":7,"name":276,"lastName":277,"email":278,"designation":7,"description":279,"role":7,"_id":280,"createDate":281,"filiation":232,"slugs":282,"url":7,"path":285,"lastmodified":286,"objectID":280},"Jamile R.","Sales","jamilesals@alu.ufc.br",{},"ecf9e46a-8054-4aff-9b89-b07f72791c65","2025-12-17T10:40:09.918Z",[283,284],"jamile-r-sales","sales-jamile-r","people/ecf9e46a-8054-4aff-9b89-b07f72791c65",1765968009918,{"id":7,"name":288,"lastName":289,"email":290,"designation":7,"description":291,"role":7,"_id":292,"createDate":281,"filiation":232,"slugs":293,"url":7,"path":296,"lastmodified":286,"objectID":292},"Mickael P.","Castro","mickaelcastro@alu.ufc.br",{},"0b808339-9525-4a4b-a22f-5f08333978b6",[294,295],"mickael-p-castro","castro-mickael-p","people/0b808339-9525-4a4b-a22f-5f08333978b6",{"id":7,"name":298,"lastName":6,"email":11,"designation":7,"description":299,"role":7,"_id":10,"createDate":281,"filiation":232,"slugs":300,"url":7,"path":51,"lastmodified":286,"objectID":10},"Carlos Eduardo B.",{},[301,302],"carlos-eduardo-b-novais","novais-carlos-eduardo-b",{"id":7,"name":304,"lastName":305,"email":306,"designation":7,"description":307,"role":7,"_id":308,"createDate":281,"filiation":232,"slugs":309,"url":7,"path":312,"lastmodified":286,"objectID":308},"Rafael A. F.","Do Carmo","carmorafael@virtual.ufc.br",{},"92433b61-7cbc-4e9e-8dba-842f3864a98b",[310,311],"rafael-a-f-do-carmo","do-carmo-rafael-a-f","people/92433b61-7cbc-4e9e-8dba-842f3864a98b",[280,292,10,308],{"startPage":315,"file":316,"references":319,"endPage":341,"track":342,"doi":343},9823,{"fullpath":317,"name":318},"https://storage.googleapis.com/memoria-ped.appspot.com/articles%2F15_pd_design_2024%2F16721_10221.pdf","16721_10221.pdf",[320,323,326,329,332,335,338],{"id":321,"label":322},"ce4d1bfc-200b-4931-9436-71d499bea672","\u003Cp>BANJANIN, B.; NEDELJKOVIĆ, U. Sidebearings analysis of alphabet letters with complex shape. \u003Cstrong>Journal of Graphic Engineering and Design\u003C/strong>, v. 5, n. 2, p. 17–22, 2014.\u003C/p>",{"id":324,"label":325},"44cb3f9f-db6f-4366-a179-aabf6f4dec4b","\u003Cp>HENESTROSA, Cristóbal; MESEGUER, Laura; SCAGLIONE, José. \u003Cstrong>Como criar tipos: do esboço à tela\u003C/strong>. Brasília: Estereográfica, 2014.\u003C/p>",{"id":327,"label":328},"35a65f11-23a0-4f26-be39-37fb7779f898","\u003Cp>NOORDZIJ, Gerrit. \u003Cstrong>O Traço: teoria da escrita\u003C/strong>. São Paulo: Cosac Naify, 2005.\u003C/p>",{"id":330,"label":331},"4304af07-6ddd-49fe-a63c-1bf7a79f8505","\u003Cp>SPINILLO, Carla Galvão. Instruções visuais: algumas considerações e diretrizes para o design de sequência pictóricas de procedimentos. \u003Cstrong>Estudos em Design\u003C/strong>, Rio de Janeiro, v. 9, n. 3, p. 31–50, 2002.\u003C/p>",{"id":333,"label":334},"e0440936-74a4-40d5-a0eb-9e958b17d9ff","\u003Cp>TRACY, W. \u003Cstrong>Letters of credit: a view of type design\u003C/strong>. Boston: D.R. Godine, 1986.\u003C/p>",{"id":336,"label":337},"a4fbf446-b91c-4840-b6e3-da6cf6dd992d","\u003Cp>UNGER, G. \u003Cstrong>Theory of type design\u003C/strong>. Rotterdam: nai010, 2018.\u003C/p>",{"id":339,"label":340},"23b33f03-f498-4bdf-805f-37d481c7e546","\u003Cp>VARGAS, F. de M. Approaches to applying spacing methods in serifed and sans-serif typeface designs. 2007. Dissertação (Mestrado) - Department of Typography and Graphic Communication, The University of Reading, United Kingdom, 2007. p. 16.\u003C/p>",9841,"k3719kgo","https://doi.org/10.29327/5457226.1-477",6,[346],"desenvolvimento-de-um-infografico-descritivo-acerca-do-metodo-de-espacamento-de-caracteres-tipografi",{"pageRange":348,"parent":349,"updateDate":350,"data":351,"trackId":359,"type":53,"typeData":360,"slugs":421,"metaData":423,"langs":425,"_id":426,"contributors":427,"contributorsIds":456,"status":138,"download":139,"slug":422},"403-411","1d56dc33-e105-4628-a31a-0c0770b7a53d","2025-12-27T18:45:03-03:00",{"secondary":352,"primary":355},{"keywords":353,"excerpt":354,"title":7},"\u003Cp>Typography in the web, Typographic rhetoric, Tyupographic Innovation, Semiotics\u003C/p>","This article aimed to analyze the current situation of typography in the digital media and the web. The starting point was given by the bibliographical analysis of typographic evolution throughout the ages until his arrival in the digital media and the web. In addition to historical analysis of typography was also performed a semiotic analysis. In this regard, it is expected to open the discussion to where the typography should be limited for use on the web, also causing the restriction of the use of types by designers. From the literature survey in this article the losses and gains of typography in the web was evaluated and and was also suggested new research about the difficulties found.",{"keywords":356,"excerpt":357,"title":358},"\u003Cp>Tipografia na Web, Retórica tipográfica, Inovação tipográfica, Semiótica\u003C/p>","O presente artigo buscou analisar a atual situação da tipografia no meio digital e na web. O ponto de partida se deu pela a análise bibliográfica da evolução tipográfica ao decorrer dos séculos até a sua chegada no meio digital e na web. Além da análise histórica da tipografia, também foi realizado uma análise semiótica. Neste sentido, espera-se abrir a discussão sobre até onde a tipografia deve ser limitada para a utilização na web, causando também a limitação da utilização dos tipos pelos designers. A partir do levantamento bibliográfico realizado neste artigo analisou-se as perdas e os ganhos da tipografia na web e também foram sugeridos novos campos de pesquisa para as barreiras encontradas.","A Retórica Tipográfica nos Tempos da Web","88ncp765",{"startPage":361,"file":362,"references":365,"endPage":420,"track":359,"doi":7},403,{"fullpath":363,"name":364},"https://storage.googleapis.com/memoria-ped.appspot.com/articles%2F10_congresso_brasileiro_de_pesquisa_e_desenvolvimento_em_design%2F88ncp765-1766871903-403-411.pdf","88ncp765-1766871903-403-411.pdf",[366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,414,417],{"id":367,"label":368},"ed27d7e3-1246-4f48-9add-5e1d832e5bb6","\u003Cp>BARTHES, Roland. A morte de autor. In: \u003Cstrong>O Rumor da Língua\u003C/strong>, São Paulo, 2004.\u003C/p>",{"id":370,"label":371},"5e0ea7ea-557a-4b50-9272-4a5d4b3fe5e2","\u003Cp>BRAGA, Joaquim. Formas imagéticas e formas discursivas. \u003Cstrong>Revista filosófica de Coimbra\u003C/strong>, Coimbra, v. 37, p. 149-174, 2010.\u003C/p>",{"label":373,"id":374},"\u003Cp>BRUMBERGER, EVA R.. The Rhetoric of Typography: The Persona of Typeface and Text. \u003Cstrong>Technical Communication\u003C/strong>, [S.L], v. 50, n. 2, p. 206-223, mai. 2003.\u003C/p>","57eebb67-0b2f-423d-a7ea-34287d6dfe0f",{"label":376,"id":377},"\u003Cp>CAUDURO, Flávio Vinicius. Desconstrução e tipografia digital. \u003Cstrong>Arcos\u003C/strong>, Rio de janeiro, v. único, n. 1, 1998.\u003C/p>","c476ff82-a404-4e0e-ae2e-0317a66692a3",{"label":379,"id":380},"\u003Cp>DA SILVA, Dennis, imagem, reprodução e representação da cultura tipográfica na web. In: \u003Cstrong>P&D DESIGN – CONGRESSO BRASILEIRO DE PESQUISA E DESENVOLVIMENTO EM DESIGN\u003C/strong>, 11. 2014, Gramado.\u003C/p>","3ed1661f-af6a-4ce6-9c0b-8d8f919c878e",{"label":382,"id":383},"\u003Cp>DA SILVA, Dennis, A influência da cultura impressa nos tipos digitais das primeiras GUIs. In: \u003Cstrong>anais CIDI – Information Design International Conference\u003C/strong>, 7. 2015.\u003C/p>","51dd9e79-2ce7-4fba-a1b3-e8b5a11f368e",{"label":385,"id":386},"\u003Cp>DA SILVA, Dennis; FRAGOSO, Suely, Aspecto e herança cultural das Safe Fonts na web. In: \u003Cstrong>Infodesign – Revista Brasileira de Design da Informação\u003C/strong>, São Paulo, v.11, n.3, p. 291-304, 2014.\u003C/p>","fbb29157-f2bf-4e2c-9a27-10af39911f0b",{"label":388,"id":389},"\u003Cp>EIS, Diego. \u003Cstrong>Propriedade @font-face CSS – Fonts externas na web\u003C/strong>. 2010. Disponível na internet por http em: \u003C http://tableless.com.br/font-face-fonts-externas-na-web/>. Acesso em 30 abril 2016.\u003C/p>","38908bee-a083-4313-9bb3-cc5f8de45f4e",{"label":391,"id":392},"\u003Cp>FONSECA, Joaquim da. \u003Cstrong>Tipografia & Design Gráfico - Design e Produção de Impressos e Livros\u003C/strong>. 1 ed. Brasil: Bookman, 2008. 280p.\u003C/p>","57fce6bb-44c4-47c5-9886-3b0b4f13cfe2",{"label":394,"id":395},"\u003Cp>\u003Cstrong>iOS Human Interface Guidelines\u003C/strong>. 2016. Disponível na internet por http em: \u003C https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html#//apple_ref/doc/uid/TP40006556-CH19-SW1>. Acesso em 29 de abril de 2016\u003C/p>","a7d40b4c-cd6a-4384-b2e1-672c31df101d",{"id":397,"label":398},"52628387-54c7-42ea-afb8-68c785cd0d00","\u003Cp>LOPEZ, Fabio. \u003Cstrong>Tipografia de texto\u003C/strong>: pesquisa, planejamento e construção. 2000. 118 f. Projeto (Graduação). Universidade do Estado do Rio de Janeiro – Centro de Ciências e Tecnologias.\u003C/p>",{"label":400,"id":401},"\u003Cp>LUPTON, Ellen. \u003Cstrong>Pensar com tipos\u003C/strong>. São Paulo: Cosac & Naify, 2006. 184 p.\u003C/p>","9538f008-e61f-4b51-a702-11f383c7af3e",{"label":403,"id":404},"\u003Cp>MEGGS, Philip B, PURVIS, Alston W. \u003Cstrong>História do design gráfico\u003C/strong>. 1 ed. Cosac & Naify, 2009. 720 p.\u003C/p>","d0c58eba-07cf-4d4f-8c65-2bc7e509f88d",{"label":406,"id":407},"\u003Cp>MIGLIARI, Mirella De Menezes; NOJIMA, Vera Lúcia M. Dos Santos. Tipografia ‘desconstrucionista’ e o modelo triádico de Peirce. \u003Cstrong>InfoDesign Revista Brasileira de Design da Informação\u003C/strong>, São Paulo, v. 4, n. 1, p. 20-28, 2007.\u003C/p>","6de98be7-759d-4e12-93d0-73dad63cc782",{"label":409,"id":410},"\u003Cp>NÖTH, Wienfried. \u003Cstrong>Panora da semiótica de Platão a Pierce\u003C/strong>. São Paulo, 1998.\u003C/p>","8f94c675-8314-4d5e-97f1-2f8636fa41e6",{"label":412,"id":413},"\u003Cp>PINHEIRO, Gustavo. \u003Cstrong>Mesclagem e contiguidade na imagem publicitária impressa\u003C/strong>: o papel da metáfora e da metonı́mia na mensagem visual persuasiva. 2011. 315 f. Tese (doutorado). Universidade Federal da Bahia Faculdade de Comunicação, Programa De Pós-Graduação em Comunicação e Cultura Contemporâneas.\u003C/p>","aa6331fb-ed01-41fb-bac7-4518dc0d4069",{"label":415,"id":416},"\u003Cp>POYNOR, Rick; HELFAND, Jessica. \u003Cstrong>Textos clássicos do design gráfico\u003C/strong>. 1 ed. WMF Martins Fontes, 2010. 336 p.\u003C/p>","20ae3f7e-14e2-4506-b03e-d1f0f7200826",{"label":418,"id":419},"\u003Cp>VASCONCELOS, Priscila. \u003Cstrong>Tipografia para web\u003C/strong>. 2015 . Disponível na internet por http em: \u003Chttp://www.designculture.com.br/tipografia-para-web/>. Acesso em 28 abril 2016.\u003C/p>","ba3e7495-aa41-4d57-b6bc-493c0a26c6fa",411,[422],"a-retorica-tipografica-nos-tempos-da-web",{"updateDate":7,"createDate":424,"deleteDate":7},1766871903,[32,33],"f7d33b27-f3ae-4e72-99cf-bbcb10ab23bb",[428,440,446],{"createDate":429,"lastmodified":430,"_id":431,"objectID":431,"path":432,"filiation":232,"url":7,"slugs":433,"email":436,"description":437,"designation":7,"name":438,"id":7,"role":7,"lastName":439},"2025-12-27T21:45:03.584Z",1766871903584,"b8f86bf6-39a4-4e9e-91f7-ce0ec3e3fb42","people/b8f86bf6-39a4-4e9e-91f7-ce0ec3e3fb42",[434,435],"kherlianne-de-sa-barbosa","barbosa-kherlianne-de-sa","kherlianne@gmail.com",{},"Kherlianne de Sá","Barbosa",{"_id":10,"designation":7,"lastName":6,"objectID":10,"lastmodified":430,"slugs":441,"name":444,"url":7,"filiation":232,"path":51,"role":7,"description":445,"id":7,"email":11,"createDate":429},[442,443],"carlos-eduardo-brito-novais","novais-carlos-eduardo-brito","Carlos Eduardo Brito",{},{"path":447,"name":448,"lastName":449,"url":7,"lastmodified":430,"slugs":450,"objectID":453,"createDate":429,"email":454,"filiation":232,"description":455,"designation":7,"id":7,"role":7,"_id":453},"people/42b88f0d-32fe-4b96-8a5c-f4369b948977","Georgia da Cruz","Pereira",[451,452],"georgia-da-cruz-pereira","pereira-georgia-da-cruz","42b88f0d-32fe-4b96-8a5c-f4369b948977","georgia@virtual.ufc.br",{},[431,10,453],{"pageRange":458,"parent":349,"data":459,"trackId":463,"type":53,"typeData":464,"slugs":469,"metaData":471,"langs":473,"_id":474,"status":138,"updateDate":475,"contributors":476,"contributorsIds":488,"slug":470},"2631-2641",{"secondary":460,"primary":462},{"keywords":7,"excerpt":7,"title":461},"Ensino de Caligrafia Canônica no Brasil: Análise do Material Didático e Técnicas Utilizadas em Cursos Introdutórios",{"keywords":7,"excerpt":7,"title":461},"7h9nypio",{"startPage":465,"file":466,"references":467,"endPage":468,"track":463,"doi":7},2631,null,[],2641,[470],"ensino-de-caligrafia-canonica-no-brasil-analise-do-material-didatico-e-tecnicas-utilizadas-em-cursos",{"updateDate":7,"createDate":472,"deleteDate":7},1766882963,[32,33],"fb6f23ac-6679-4ec9-9895-5251f54ba36f","2025-12-28T19:04:11-03:00",[477,483],{"email":478,"designation":7,"role":7,"url":7,"lastName":479,"name":480,"_id":481,"filiation":482},"eva.miranda@fau.ufal.br","Miranda","Eva Rolim","e6142fa8-b567-4cd3-8bfe-35e503cc7f65","UFAL",{"objectID":10,"lastName":6,"name":444,"designation":7,"_id":10,"email":7,"url":7,"slugs":484,"createDate":485,"lastmodified":486,"filiation":7,"description":487,"role":7,"id":7,"path":51},[442,443],"2025-12-28T00:49:23.659Z",1766882963659,{},[481,10],{"target":490,"query":491},"people/get",{"id":10,"articles":492},"true",1780316167916]