{"id":670,"date":"2023-03-30T12:13:37","date_gmt":"2023-03-30T12:13:37","guid":{"rendered":"https:\/\/mdgpe.fba.up.pt\/?p=670"},"modified":"2023-03-30T12:13:38","modified_gmt":"2023-03-30T12:13:38","slug":"the-creative-potential-of-animation-and-repetition-in-editorial-design","status":"publish","type":"post","link":"https:\/\/mdgpe.fba.up.pt\/?p=670","title":{"rendered":"The Creative Potential of Animation and Repetition in Editorial Design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Creative Potential of Animation and Repetition in Editorial Design: Development and evaluation of a parametric tool for creating typographic compositions.<a href=\"https:\/\/mdgpe.fba.up.pt\/?page_id=131\"> A master research and development project by V\u00e2nia Oliveira, developed in 2020<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-1024x576.png\" alt=\"\" class=\"wp-image-673\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-1024x576.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-300x169.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-768x432.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-1536x864.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-2048x1152.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.06.43-1568x882.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Print screen of the final online digital tool<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The evolution of communicative processes, as well as their supports and techniques, is a constant. Typography is no exception, as this process has undergone considerable changes in its production and consumption. Types and typographic compositions, once static and printed, are now animated and virtual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The main objective of this project is to understand how animation and movement (intrinsically temporal characteristics) can influence the development of graphic objects for the editorial context. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To this end, we define the typographic dimensions and parameters of this context. We present a conceptual model of kinetic typography for editorial design focusing on four principles: Denotation and Connotation; Repetition; Behavior; and Mutation. We also analyzed three cases of the current context of Typography tools, namely by Mutschelknaus, Rodenbr\u00f6eker, and Chung. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And we developed an online tool for creating typographic compositions using the p5.js library, where we apply the principle of Repetition of the proposed conceptual model. <\/p>\n<cite>Excerpt from the project report abstract<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"649\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-1024x649.png\" alt=\"\" class=\"wp-image-671\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-1024x649.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-300x190.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-768x487.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-1536x974.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-2048x1298.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-27-at-15.11.42-1568x994.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The tool is available to be used freely online at: <a href=\"https:\/\/editor.p5js.org\/vaniaoliveira\/present\/lu8-bWUBj\">https:\/\/editor.p5js.org\/vaniaoliveira\/present\/lu8-bWUBj<\/a><\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">To achieve the stipulated objectives, we resorted to a qualitative, non-experimental development research plan. We designed, implemented, and evaluated the tool using the heuristic assessments of three specialists and interviews with designers, animators, and users. (\u2026)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We conclude that, on the one hand, the participants sought to add a reading layer and expand or reinforce the dimension<br>of the message. On the other hand, the parameters and principles were manipulated only from a more experimental perspective. However, the results obtained suggest that the exploration and manipulation of animation, the principle of Repetition, and the parameters present in the tool influence, accelerate, and help the creative process of the participants.<\/p>\n<cite>Excerpt from the project report abstract<\/cite><\/blockquote>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" data-id=\"677\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-1024x684.png\" alt=\"\" class=\"wp-image-677\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-1024x684.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-300x200.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-768x513.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-1536x1025.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-2048x1367.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.07.55-1568x1047.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" data-id=\"679\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-1024x681.png\" alt=\"\" class=\"wp-image-679\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-1024x681.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-300x200.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-768x511.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-1536x1022.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-2048x1363.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.03-1568x1043.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" data-id=\"678\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-1024x457.png\" alt=\"\" class=\"wp-image-678\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-1024x457.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-300x134.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-768x343.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-1536x685.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-2048x914.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.43-1568x700.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" data-id=\"676\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-1024x343.png\" alt=\"\" class=\"wp-image-676\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-1024x343.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-300x101.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-768x257.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-1536x515.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-2048x687.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.08.51-1568x526.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" data-id=\"674\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-1024x445.png\" alt=\"\" class=\"wp-image-674\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-1024x445.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-300x130.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-768x334.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-1536x668.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-2048x890.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.01-1568x682.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" data-id=\"675\" src=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-1024x458.png\" alt=\"\" class=\"wp-image-675\" srcset=\"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-1024x458.png 1024w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-300x134.png 300w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-768x343.png 768w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-1536x687.png 1536w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-2048x915.png 2048w, https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.09.09-1568x701.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Sample images from the final book collecting the artifacts created by the participant users during the final evaluation phase of the tool<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Creative Potential of Animation and Repetition in Editorial Design: Development and evaluation of a parametric tool for creating typographic compositions. A master research and development project by V\u00e2nia Oliveira, developed in 2020. The evolution of communicative processes, as well as their supports and techniques, is a constant. Typography is no exception, as this process&hellip; <a class=\"more-link\" href=\"https:\/\/mdgpe.fba.up.pt\/?p=670\">Continue reading <span class=\"screen-reader-text\">The Creative Potential of Animation and Repetition in Editorial Design<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":672,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[74,75,71,73,76,58,70,18,72],"tags":[87,78,83,85,88,84,86,80,53,79,89,77,81,82],"class_list":["post-670","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-design","category-creative-coding","category-dynamic-typography","category-interaction-design","category-interactive-applications","category-master-dissertations-and-reports","category-multimedia","category-portfolio","category-web-design","tag-animation","tag-creative-coding","tag-dynamic-typography","tag-interactive-typography","tag-kiel-mutschelknaus","tag-kinectic-type","tag-multimedia","tag-p5js","tag-pedro-amado","tag-processing","tag-tim-rodenbroeker","tag-vania-oliveira","tag-web","tag-web-app","entry"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/mdgpe.fba.up.pt\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-30-at-13.04.59.png","_links":{"self":[{"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/posts\/670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=670"}],"version-history":[{"count":1,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/posts\/670\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/posts\/670\/revisions\/680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=\/wp\/v2\/media\/672"}],"wp:attachment":[{"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mdgpe.fba.up.pt\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}