See how to import raster/bitmap images into Adobe XD, and see the easiest way to import content with the most fexlibility.
- [Instructor] Importing images is pretty easy,…but what I actually wanna show you…is I wanna show you how you can import images…with the most flexibility.…Now, first I'm just gonna start off by importing an image.…So File, Import,…and I'm gonna grab this background jpeg,…it could also be a png file or a gif file,…it happens to be in my assets folder,…importing that image, and what I can do now…is I can reposition it and I can scale it,…but it's always gonna keep its proportions,…so it's never gonna distort it, okay?…So I can, sure, shrink it down a little bit,…I can also adjust its crop, if you will,…so if I double-click on that image…notice how I get these points…that I can actually move…and I can make sure it has kind of a vertical window,…if you will,…so I could do that.…
Okay, but if I decide to move it and scale it,…it actually pops out of there,…so it's not the best experience,…so what I'm gonna do instead…is I'm gonna delete that and I'm gonna drag out a rectangle,…and in this rectangle, I wanna fill it…with an image, okay?…
This course shows everything you need to know to design your first website with Adobe's new prototyping app. Learn how to lay out a design, import graphics, and add headers and body copy. See how to create complex screen designs with repeating lists and grids that are as easy to change as they are to create. Then find out how to add new pages and use screen elements from the iOS, Android, and Windows UI kits that are built right into Adobe XD. Once the design is done, author Paul Trani shows how to add interactions and transitions to demonstrate how the website will "work" from one screen to the next. Plus, learn how to share a fully interactive prototype with other designers and clients, and export artboards and other assets to use in site development.
- Creating and importing graphics
- Adding text and effects
- Creating new pages
- Using Repeat Grid for easy prototyping of lists and recurring elements
- Adding interactions to elements
- Prototyping an entire website
- Sharing and exporting prototypes