The Impact of Incorporating Styleframe in Motion Design: A Case Study on Animation Undergraduate Students
DOI:
https://doi.org/10.37134/Keywords:
Styleframe, Motion design education, Creative processesAbstract
Adapting industry practices into academic contexts has gained increasing relevance in Design education, particularly to enhance students' creative planning and execution of a project. This study investigates the application of styleframe as a main element in the creative development process in a Motion Design course. It consisted of undergraduate students in an animation program, where the students were tasked with a project-based learning to utilize styleframe as the project’s primary visual tool for articulating their concepts and guiding the project’s production. The research employs a case study approach, combining an in-depth analysis of a selected student project with a survey of 15 students, which included open-ended responses, to evaluate their application of styleframe. The results show that implementing styleframe fosters concept development and ensures consistent project execution from ideation to final production. It indicates that using styleframe supports the students' conceptual clarity and ensures coherent execution from ideation to final output among the production team. This study offers practical insights for educators seeking to align academic instruction with industry expectations and to enhance learning outcomes in Motion Design education.
Downloads
References
Cone, J. (2015). Ash Thorp remixes Adobe in this psychedelic journey through the creative process. Motionographer. https://motionographer.com/2015/10/19/ash-thorp-remixes-adobe-in-this-psychedelic-journey-through-the-creative-process/
Hamilton, D. (2020). An exploration of procedural methods for motion design. East Tennessee State University Digital Commons. https://dc.etsu.edu/honors/522/
Hawk, L. (2017). Create style frames in Photoshop. Creative Bloq. https://www.creativebloq.com/how-to/create-style-frames-in-photoshop
de La Celle, A. (2022). The power of styleframes. Medium. https://medium.com/@adrien.delacelle/the-power-of-styleframes-d1b0ed1c8790
Le, C. (2023). 5 questions to consider when creating styleframes. Motionographer. https://motionographer.com/2023/06/15/5-storytelling-questions-to-consider-when-creating-styleframes/
McDonagh, D., & Storer, I. (2004). Mood boards as a design catalyst and resource: Researching an under-researched area. The Design Journal, 7(3), 16–31. https://doi.org/10.2752/146069204789338424
Omwami, A., Lahti, H., & Seitamaa-Hakkarainen, P. (2024). Creating inspiration by developing digital mood boards in student teams. Techne Serien – Forskning i Slöjdpedagogik och Slöjdvetenskap, 31(1), 65–81. https://doi.org/10.7577/TechneA.5361
Perkins, W. (2016). Westworld (2016). Art of the Title. https://www.artofthetitle.com/title/westworld/
Shaw, A. (2015). Design for motion: Fundamentals and techniques of motion design. Routledge. https://doi.org/10.4324/9781315731106
Shi, X., Wang, Y., Wang, Y., & Zhao, J. (2024). Piet: Facilitating color authoring for motion graphics video. In Proceedings of the 2024 CHI Conference on Human Factors in Computing Systems (pp. 1–17). ACM. https://doi.org/10.1145/3613904.3642711
Syed, A. (2017). Sohni Mahiwal: Preserving South Asian cultural heritage through animated storytelling. RIT Scholar Works. https://repository.rit.edu/theses/9625/
Weinberg, E. (2016). What is a styleframe? [Video]. Vimeo/Cut&Paste. https://fitc.ca/article/what-is-a-styleframe/
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Auzani Zeda Mohamed Kassim
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
