Graphic Design with Creative Coding

Using Abstract Art as Bidimensional Logic in Project Development

Authors

DOI:

https://doi.org/10.29147/datjournal.v9i3.852

Keywords:

Graphic Design, Logic, Abstract Art, Creative Coding, Design Method

Abstract

This paper describes an approach to teaching creative coding to design students. It may respond to a situation where ‘apprehension of automation replacement’ from artificial intelligence and machine learning regarding graphic design production may affect students. As such, this paper also intends to evoke the importance of diversity in problem-solving and methods. This text started with a literature review regarding strategies for creative coding in design tertiary education. A detailed methodology of using abstract art as a principle to apply bidimensional logic in creating coding is presented. The method was applied during two semesters in a design course of 120 hours consisting of laboratory tutorials and project development. Finally, two significant projects where logic and coding tutorial learning resulted in graphic design products were selected to discuss the method. This work contributes to the topic by providing further data supporting creative coding methods in visual design education while demonstrating the graphic potential of such an approach.

Downloads

Download data is not yet available.

Author Biographies

Marília Lyra Bergamo

Dr Marília Lyra Bergamo is a researcher and computational artist. She has taught graphic and interaction design, digital arts, and game art for the past 17 years. She is currently Professor of Games Art/Interactive Design in the School of Humanities, Creative and Social Sciences at the University of Newcastle, Australia. She graduated in Design and Computer Science and worked in interface design at the beginning of her career. Her work as an educator also began in Interface Design and traditional print graphics. As an artist, he sought to produce and research art related to interaction, digital images and the concept of evolution and interaction with digital systems.

Andre Luiz Silva

MA André Silva is a multidisciplinary designer who works at the intersection of art, architecture and digital design. He is interested in project methodologies, Human-Computer Interaction, Traditional Techniques and Computer Technology to develop Architecture, Products and Art. He is currently a doctoral candidate in the Technological Poetics research line of the Postgraduate Program in Arts at the School of Fine Arts at UFMG. He has experience teaching graphic, interior and fashion design subjects, with a focus on creative coding and generative design approaches. He teaches architecture, focusing on art history, representation and design. His teaching and research experience focuses on digital design methodologies, creativity, and workflows influenced by artificial intelligence.

Victor Hugo Soares Valentim

Adjunct Professor of music, art and technology at CECULT - Center for Culture, Languages ​​and Applied Technologies of the Federal University of Recôncavo da Bahia, Musician, Music Producer, Multimedia Artist, Researcher of music and new technologies, graduated in musical composition and master in art and technology from the University of Brasília and a doctorate in technological poetics from PPG-Artes. He works in the music and art technology scene, with experience in research and artistic creation of the relationships between sound and image, with works presented in Brazil and several countries. Develops research into the creation of works for fulldome (cinema for planetariums), projection mapping, projects in music, art and emerging technologies.

References

Artut, S. Geometric Patterns with Creative Coding Coding for the Arts. 1st ed. 2023. [Online]. Berkeley, CA: Apress, 2023. DOI: https://doi.org/10.1007/978-1-4842-9389-8_1

Bergstrom, I. & Lotto, R. B. Code Bending: A New Creative Coding Practice. Leonardo (Oxford), Vol. 48, No. 1, pp. 25-13., 2015. DOI: https://doi.org/10.1162/LEON_a_00934

Costa, M . Creative coding expanding visual possibilities in graphic design. PhD diss. (ESAD - Escola Superior de Artes e Design). In 2023, (https://comum.rcaap.pt/handle/10400.26/45675) .

Duyver, A., Groeneveld, W., & Aerts, K. Does Interdisciplinary Creative Coding Boost Creativity? A Mixed Methods Approach. Preprint, submitted on 03 Jul 2023. (https://arxiv.org/abs/2307.00800)

Edmonds, E. Art and Code: Programming as a Medium. In: Brooks, A., Brooks, E. (eds) Interactivity, Game Creation, Design, Learning, and Innovation. ArtsIT DLI 2019 2019. Lecture Notes of the Institute for Computer Sciences, Social Informatics and Telecommunications Engineering, vol 328. Springer, Cham, 2020. DOI: https://doi.org/10.1007/978-3-030-53294-9_1

Jia, P. & Li, C. & Liu, Z & Shen, Y. & Chen, X. & Yuan, Y. & Zheng, Y. & Chen, D. & Li, J. & Xie, X. & Zhang, S. & Guo, B. COLE: A Hierarchical Generation Framework for Graphic Design. Preprint, submitted on 28 Nov 2023. (https://arxiv.org/abs/2311.16974)

Knochel, A. D. & Patton, R. M. If Art Education Then Critical Digital Making: Computational Thinking and Creative Code, National Art Education Association, Vol. 57, No. 1, pp. 21-38, 2015. DOI: https://doi.org/10.1080/00393541.2015.11666280

Matthews, B. & Shannon, B. & Roxburgh, M. Destroy All Humans: The Dematerialisation of the Designer in an Age of Automation and its Impact on Graphic Design—A Literature Review, International Journal of Art & Design Education, Vol. 42, No. 3, pp. 367-383, 2023. DOI: https://doi.org/10.1111/jade.12460

Mosher, M. Processing: A Programming Handbook for Visual Designers and Artists, Second Edition by Casey Reas, Ben Fry (review). Leonardo (Oxford). 49 (5), 476–477, 2016. DOI: https://doi.org/10.1162/LEON_r_01316

Reas, Casey. et al. Form+code in design, art, and architecture. New York: Princeton Architectural Press, 2010.

Shiffiman, D. Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction. Burlington, MA: Morgan Kaufmann Publishers, 2008.

Terroso, T. & Pinto, M. Programming for Non-Programmers: An Approach Using Creative Coding in Higher Education, International Computer Programming Education Conference (ICPEC). Open Access Series in Informatics (OASIcs), Vol.102, pp. 13:1-13:8, Schloss Dagstuhl - Leibniz-Zentrum für Informatik, 2022.

Xisto, T, Playful Occupations: Mobile Creative Coding for Critical Consciousness. PhD diss., (Program in Media Arts and Sciences (Massachusetts Institute of Technology). In 2023 (https://dspace.mit.edu/handle/1721.1/153095)

Zhang, Y. & Funk, M. Coding Art: The Four Steps to Creative Programming with the Processing Language. 1st Edition. [Online]. Berkeley, CA: Apress L. P, 2021. DOI: https://doi.org/10.1007/978-1-4842-6264-1_1

Downloads

Published

2024-11-21

How to Cite

Bergamo, M. L., Silva, A. L., & Valentim, V. H. S. (2024). Graphic Design with Creative Coding: Using Abstract Art as Bidimensional Logic in Project Development. DAT Journal, 9(3), 108–124. https://doi.org/10.29147/datjournal.v9i3.852

Issue

Vol. 9 No. 3 (2024): ART, DESIGN AND TECNOLOGY

Section

Articles

License

Copyright (c) 2024 DAT Journal

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.