How To’s UX Prototyping Using Construct 3

Uncategorized

About Course

This workshop-style course features a collection of targeted technical exercises designed to enhance your prototyping skills. To complete the course, simply work through each of the exercises, which are specifically tailored to building high-fidelity UX prototypes. Each exercise is designed to be concise and focused on a single technique or objective, providing maximum benefit in minimal time. The majority of the lessons are presented in a step-by-step format, making it easy to follow along and understand. These lessons are brief in duration, allowing you to fit them into your busy schedule.”

Course Content

Create a Pixel-Based Graphic
This is useful when creating simple buttons, menu sliders, borders, graphic blocks, etc. This exercise will cover 1) initiating a sprite object, 2) launching the sprite object editor, 3) creating the graphic, and understanding the collision area and anchor point.

Importing a Prebuilt PNG-Based Graphic
Most user-interfaces and screen graphics are prebuilt in programs such as Adobe Photoshop and Illustrator. They are then imported into prototyping tools. This exercise will do just that.

How To’s UX Prototyping Using Construct 3

About Course

Course Content

Create a Pixel-Based Graphic
This is useful when creating simple buttons, menu sliders, borders, graphic blocks, etc. This exercise will cover 1) initiating a sprite object, 2) launching the sprite object editor, 3) creating the graphic, and understanding the collision area and anchor point.

Importing a Prebuilt PNG-Based Graphic
Most user-interfaces and screen graphics are prebuilt in programs such as Adobe Photoshop and Illustrator. They are then imported into prototyping tools. This exercise will do just that.

Navigate Between Screens

Build Simple Buttons (and hovers)

Show and Hide Elements

Make a Menu Slider

Create a Slideshow Gallery

Button Labels with Fade Out

Drag and Drop Snap to Location

About Course

Course Content

Create a Pixel-Based Graphic This is useful when creating simple buttons, menu sliders, borders, graphic blocks, etc. This exercise will cover 1) initiating a sprite object, 2) launching the sprite object editor, 3) creating the graphic, and understanding the collision area and anchor point.

Importing a Prebuilt PNG-Based Graphic Most user-interfaces and screen graphics are prebuilt in programs such as Adobe Photoshop and Illustrator. They are then imported into prototyping tools. This exercise will do just that.

Navigate Between Screens

Build Simple Buttons (and hovers)

Show and Hide Elements

Make a Menu Slider

Create a Slideshow Gallery

Button Labels with Fade Out

Drag and Drop Snap to Location

Create a Pixel-Based Graphic
This is useful when creating simple buttons, menu sliders, borders, graphic blocks, etc. This exercise will cover 1) initiating a sprite object, 2) launching the sprite object editor, 3) creating the graphic, and understanding the collision area and anchor point.

Importing a Prebuilt PNG-Based Graphic
Most user-interfaces and screen graphics are prebuilt in programs such as Adobe Photoshop and Illustrator. They are then imported into prototyping tools. This exercise will do just that.