O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creative Coding with Processing for Designers

Video Description

UI/UX designers are comfortable creating pixel-perfect mockups using tools like Photoshop, Illustrator, and Sketch. We love prototyping designs in order to test them, but static mockups don’t move. How can you possibly know what the finished, moving, interactive piece will feel like?Luckily, with creative coding, you can create live, interactive, moving "mockups" that not only look right, but feel right. Working with code empowers you to define the rules of interaction and qualities of motion in terms more specific than "when". Then you can test your prototype, refine, and test again, until it feels just right.In this half-hour presentation, Scott Murray introduces Processing, a free creative coding tool for artists and designers. It's used around the world for prototyping and exploratory UI/UX work. Scott will show several example projects made with Processing. Then he'll conduct a brief workshop, introducing some of the core concepts of creative coding — including variables, functions, repetition, and logic — to illustrate how designers can create moving, interactive prototypes with this powerful tool.This presentation is for designers who have extensive visual experience, but are new to coding. No prior knowledge of programming concepts is assumed.