Papers
Topics
Authors
Recent
Gemini 2.5 Flash
Gemini 2.5 Flash
110 tokens/sec
GPT-4o
56 tokens/sec
Gemini 2.5 Pro Pro
44 tokens/sec
o3 Pro
6 tokens/sec
GPT-4.1 Pro
47 tokens/sec
DeepSeek R1 via Azure Pro
28 tokens/sec
2000 character limit reached

Piet: Facilitating Color Authoring for Motion Graphics Video (2403.02199v1)

Published 4 Mar 2024 in cs.HC

Abstract: Motion graphic (MG) videos are effective and compelling for presenting complex concepts through animated visuals; and colors are important to convey desired emotions, maintain visual continuity, and signal narrative transitions. However, current video color authoring workflows are fragmented, lacking contextual previews, hindering rapid theme adjustments, and not aligning with progressive authoring flows of designers. To bridge this gap, we introduce Piet, the first tool tailored for MG video color authoring. Piet features an interactive palette to visually represent color distributions, support controllable focus levels, and enable quick theme probing via grouped color shifts. We interviewed 6 domain experts to identify the frustrations in current tools and inform the design of Piet. An in-lab user study with 13 expert designers showed that Piet effectively simplified the MG video color authoring and reduced the friction in creative color theme exploration.

Definition Search Book Streamline Icon: https://streamlinehq.com
References (38)
  1. Understanding Data Videos: Looking at Narrative Visualization through the Cinematography Lens. In Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (CHI ’15). Association for Computing Machinery, New York, NY, USA, 1459–1468. https://doi.org/10.1145/2702123.2702431
  2. Malcolm Barnard. 2013. Graphic design as communication. Routledge, Abingdon, Oxfordshire.
  3. John Brooke. 1996. SUS: a “quick and dirty’usability. Usability evaluation in industry 189, 3 (1996), 189–194.
  4. DataParticles: Block-based and Language-oriented Authoring of Animated Unit Visualizations. In Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems (CHI ’23). Association for Computing Machinery, New York, NY, USA, Article 808, 15 pages. https://doi.org/10.1145/3544548.3581472
  5. ColorfulCurves: Palette-Aware Lightness Control and Color Editing via Sparse Optimization. ACM Transactions on Graphics (TOG) 42, 4 (2023), 1–12.
  6. Investigating the Role and Interplay of Narrations and Animations in Data Videos. Computer Graphics Forum 41, 3 (2022), 527–539.
  7. Histomages: fully synchronized views for image editing. In Proceedings of the 25th Annual ACM Symposium on User Interface Software and Technology (UIST ’12). Association for Computing Machinery, New York, NY, USA, 281–286. https://doi.org/10.1145/2380116.2380152
  8. Synthesis-Assisted Video Prototyping From a Document. In Proceedings of the 35th Annual ACM Symposium on User Interface Software and Technology. ACM, New York, NY, USA, 1–10.
  9. Taner Çifçi. 2016. Effects of infographics on students achievement and attitude towards geography lessons. Journal of Education and Learning 5, 1 (2016), 154–166.
  10. Video recoloring via spatial-temporal geometric palettes. ACM Transactions on Graphics (TOG) 40, 4 (2021), 1–16.
  11. Leatrice Eiseman. 2000. Pantone’s guide to communicating with color. Adams Media, Avon, MA, USA.
  12. Jorge Frascara. 2004. Communication design: principles, methods, and practice. Allworth Communications, Inc., New York, USA.
  13. Salient region detection by modeling distributions of color and orientation. IEEE Transactions on Multimedia 11, 5 (2009), 892–905.
  14. Amir Jahanlou and Parmit K Chilana. 2022. Katika: An End-to-End System for Authoring Amateur Explainer Motion Graphics Videos. In Proceedings of the 2022 CHI Conference on Human Factors in Computing Systems (CHI ’22). ACM, New York, NY, USA, Article 502, 14 pages. https://doi.org/10.1145/3491102.3517741
  15. Challenges in getting started in motion graphic design: Perspectives from casual and professional motion designers. In Graphics Interface 2021. Springer, Berlin, Heidelberg, 11 pages.
  16. Color Portraits: From Color Picking to Interacting with Color. In Proc. of the 2015 CHI Conf. on Human Factors in Computing Systems (CHI ’15). ACM, New York, USA, 4207–4216. https://doi.org/10.1145/2702123.2702173
  17. Kitty: sketching dynamic and interactive illustrations. In Proceedings of the 27th annual ACM symposium on User interface software and technology. ACM, New York, NY, USA, 395–405.
  18. EunJin Kim and Hyeon-Jeong Suk. 2017. Thoughts and tools for crafting colors: Implications from designers’ behavior. In Proceedings of the 2017 Conference on Designing Interactive Systems. ACM, New York, NY, USA, 321–331.
  19. More than telling a story: Transforming data into visually shared stories. IEEE computer graphics and applications 35, 5 (2015), 84–90.
  20. A layered authoring tool for stylized 3d animations. In Proceedings of the 2022 CHI Conference on Human Factors in Computing Systems. ACM, New York, NY, USA, 1–14.
  21. Susanna Nordmark and Marcelo Milrad. 2012. Mobile digital storytelling for promoting creative collaborative learning. In 2012 IEEE Seventh International Conference on Wireless, Mobile and Ubiquitous Technology in Education. IEEE, New York, NY, USA, 9–16.
  22. Creating online animated videos to reach and engage youth: Lessons learned from pain science education and a call to action. Paediatric and Neonatal Pain 2, 4 (2020), 131–138.
  23. Interactive storytelling via video content recombination. In Proceedings of the 18th ACM international conference on Multimedia. ACM, New York, NY, USA, 1715–1718.
  24. An Intelligent Color Recommendation Tool for Landing Page Design. In 27th International Conference on Intelligent User Interfaces. ACM, New York, NY, USA, 26–29.
  25. Skill level animation technique on dental care motion graphic for children. In 2016 International Electronics Symposium (IES). IEEE, New York, NY, USA, 389–394.
  26. Data Player: Automatic Generation of Data Videos with Narration-Animation Interplay. IEEE Transactions on Visualization and Computer Graphics 30, 1 (2024), 109–119. https://doi.org/10.1109/TVCG.2023.3327197
  27. Autoclips: An automatic approach to video generation from data facts. Computer Graphics Forum 40, 3 (2021), 495–505.
  28. De-Stijl: Facilitating Graphics Design with Interactive 2D Color Palette Recommendation. In Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems. ACM, New York, NY, USA, 1–19.
  29. Nonlinear color triads for approximation, learning and direct manipulation of color distributions. ACM Transactions on Graphics (TOG) 39, 4 (2020), 97–1.
  30. Playful palette: an interactive parametric color mixer for artists. ACM Transactions on Graphics (TOG) 36, 4 (2017), 1–10.
  31. Taketoons: Script-driven performance animation. In Proceedings of the 31st Annual ACM Symposium on User Interface Software and Technology. ACM, New York, NY, USA, 663–674.
  32. Frank Thomas and Ollie Johnston. 1995. The illusion of life: Disney animation.
  33. Johann Wolfgang Von Goethe. 1970. Theory of colours.
  34. WonderFlow: Narration-Centric Design of Animated Data Videos.
  35. Max Wertheimer. 1938. Gestalt theory. Kegan Paul, Trench, Trubner & Company, London, UK.
  36. TW Whitfield and TJ Whiltshire. 1990. Color psychology: a critical review. Genetic, social, and general psychology monographs 116, 4 (1990), 385–411.
  37. Günther Wyszecki and Walter Stanley Stiles. 2000. Color science: concepts and methods, quantitative data and formulae. Vol. 40. John Wiley & Sons, Hoboken, NJ, USA.
  38. Infocolorizer: Interactive recommendation of color palettes for infographics. IEEE Transactions on Visualization and Computer Graphics 28, 12 (2021), 4252–4266.
User Edit Pencil Streamline Icon: https://streamlinehq.com
Authors (4)
  1. Xinyu Shi (16 papers)
  2. Yinghou Wang (2 papers)
  3. Yun Wang (229 papers)
  4. Jian Zhao (218 papers)

Summary

We haven't generated a summary for this paper yet.

Ai Sparkles Streamline Icon: https://streamlinehq.com Summarize Now
X Twitter Logo Streamline Icon: https://streamlinehq.com

Tweets