From the course: Principle for UX Design

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Create a drag-and-drop effect

Create a drag-and-drop effect - Principle Tutorial

From the course: Principle for UX Design

Start my 1-month free trial Buy for my team

Create a drag-and-drop effect

“

- [Instructor] In this project, we're going to do a simple drag and drop exercise. And to get yourself started, open the drag/drop file found in your chapter download. A common thing that we do with interfaces is you don't have a series of images. And we just drag them into place. And when we release, something happens. They either stay put or something happens. In this exercise, we're going to do a couple of things. We're going to take this image and we're going to move it into this box. And when it's in the box, it's going to appear over here full size. And the other thing we're going to do is we're going to give the user a visual clue that this is the box they really should drop the image into. So I've got four images here and I could have four boxes. And when I move this image, the box it's supposed to go into should light up. So let's get started. So the first thing to do is to select this first image, crafts.…

Contents