Tom Green
Author
Description
Learn about how to use UXPin, the design and prototyping tool, to design documentation and create accurate wireframes and prototypes for your user experience (UX) projects.
Explore UXPin, the collaborative product design tool that allows you to create and present wireframes, mockups, and prototypes. Instructor Tom Green starts with a review of how to set up UXPin, then shows how to import existing artwork and start to create wireframes. See how to...
Author
Description
Discover Penpot's powerful design features and efficient team collaboration tools. Learn how to create wireframes, interactive prototypes, grids, and more.
Ideal for designers, developers, and project stakeholders, this hands-on course guides you through the features of Penpot. Learn about Penpot's dashboard, interface, and tool menus to navigate the application with ease. Dive into creating boards, wireframes, grid layouts, and interactive prototypes....
Author
Description
Learn how to use Stark to check your design projects for accessibility compliance, and make sure that your work can be enjoyed by as many end-users and viewers as possible.
In this course, expert Tom Green introduces designers and visual professionals to Stark, a utility for checking the accessibility compliance of design projects. Explore the basics of the Stark application and the WCAG 2 accessibility guidelines. Learn how to test your designs...
Author
Description
Get a complete overview of the newest UX design tool to hit the market, Artboard Studio, and its integration with Figma.
In this course, Tom Green takes you through the fundamentals of Artboard Studio, a recent new offering in the UX design market that integrates nicely with Figma. If you’ve been considering incorporating Artboard Studio into your design work, join Tom in this course as he gives an overview of what Artboard Studio is and what it...
Author
Description
Streamline your UX design process. Learn how to use Figma to organize your teams, build your designs, and distribute them for review by nontechnical stakeholders.
Streamline your UX design process. Learn how to use Figma to organize your teams, build your designs, and distribute them for review by nontechnical stakeholders. In this course, instructor Tom Green shows how Figma features can help you create a central hub for your entire team to collaborate...
Author
Description
Learn to create a simple web banner with motion and interactivity.
Learn to create a simple web banner with motion and interactivity. This installment of Web Motion for Beginners shows you how to take a client project from concept to completion—in this case for a banner ad that invites viewers to visit Ontario, Canada. Tom Green shows how to build on an initial idea with sketches and wireframes, and create your image assets in Adobe Photoshop and...
Author
Description
Get an overview of the planning and creation process behind web-based motion graphics.
Web Motion for Beginners is a series of courses designed to introduce you to the emerging field of motion graphics for the web. It kicks off with this course, an overview of the planning and creation process. Author Tom Green reminds you to pay attention to the world around you, and emphasizes the importance of storyboarding, project planning, and tool selection....
Author
Description
Learn the principles of user experience design—from the perspective of a non-designer who needs to work with UX teams, studios, and projects.
User experience (UX) design is more than just pushing pixels and adding interactivity. It's a people-centric practice that involves many stakeholders—not all of them professional designers. This course teaches the principles of user experience design from the perspective of a non-designer who needs to work...
Author
Description
Learn about prototyping from a non-designer’s perspective.
Prototyping is a way for designers to share their visions for what something will look like or how it will work. Regardless of what tool or application you use, this course geared toward non-designers shows you how to create a prototype that you can share for feedback as part of the development process. Learn about the different kinds of prototypes—including wireframes, static, and interactive....
Author
Description
Learn how to create interactive graphics and animations using Rive.
In this course, join expert Tom Green to learn how to create interactive graphics and animations using Rive. Tom shows you how to navigate and explain the Rive interface and tool set, import assets into Rive to create rich media, use the Rive timeline to create animation and motion upon the elements onstage, and use the Rive state machine to create interactive triggers that can be...
Author
Description
Learn how to run effective, empathetic critiques of design, UX, and art projects with expert Tom Green.
Most people want and appreciate feedback and constructive criticism about their work—until they get it. If done poorly, a critique can be a negative, counterproductive experience where egos and emotions clash, where neither the presenter nor reviewer have a clear idea of what needs to be done. In this course, Tom Green shows you how to create...
Author
Description
Learn to build a parallax motion effect using Google Web Designer, Flash CC, and Edge Animate, and add depth and motion to your web projects.
Parallax is an optical illusion that gives 2D objects a sense of depth. Parallax motion, on the other hand, is when objects in the foreground tend to move faster than the background. Adding parallax motion can make your web projects more interesting and immersive by adding the illusion of depth. In this course,...
Author
Description
Learn how to build and prototype the onboarding flow of a mobile application in just three steps, using Adobe Photoshop Sketch and Adobe XD.
Learn how to build and prototype the onboarding flow of a mobile application in just three steps, using Adobe Sketch and Adobe XD. Instructor Tom Green shows how to prepare the animation sequence in Sketch, assemble it in Adobe XD, and then add the interactivity you need to make your design accurately represent...
Author
Description
Learn how to use Google's NotebookLM app to help you research a variety of topics in myriad ways.
In this course, learn how to use Google's NotebookLM app to help you research a variety of topics in myriad ways. Instructor Tom Green starts with the basics of NotebookLM's features and interface. He then shows you how to upload documents and data to your notebook, how to converse with NotebookLM and dig deeper into your data and brainstorming, and...
Author
Description
Learn how to create a preloader from an animated GIF, using After Effects, Photoshop or Fireworks, and Adobe Edge Animate.
Behold the lowly gif animation: it's making a comeback on the web, appearing as a preloader, or indicator that site content is loading. Join Tom Green, as he shows you how to make your own GIF-based preloader in this installment of Web Motion for Beginners. You'll learn how to export a series of fireworks-style explosions from...
Author
Description
Learn how to integrate Lottie animations into Figma projects with expert Tom Green.
In this course, join expert Tom Green to learn how to integrate Lottie animations into Figma projects. Tom covers the scope and workflow for creating Lottie animations, then shows you how to install the Lottie plugin into Figma for direct integration. From there, learn how to create animations in Lottie and configure their properties, use Lottie Creator for deep editing...