How to add gradients in Adobe XD

Опубликовано: 18 Декабрь 2024
на канале: Monica's Design Process

7,232

In this UI design tutorial, learn tips and tricks for how to add gradients in Adobe XD. I show you how to add a linear gradient fill to your artboard background. I share examples for monochromatic, transparent to color, and diagonal angle gradients. You'll also learn how to create multi-color gradients as well as design tips for how to make better gradient color combinations by using the same values.

NEED HELP WIREFRAMING?
Check out the Wireframe Kit: https://monicagalvan.co/wireframes

WATCH NEXT
How to create a wireframe kit in Adobe XD:    • How to create a wireframe kit in Adob...
Carousel animation tutorial:    • Adobe XD Carousel Animation Tutorial
UI design tips from top social media websites:    • UI design tips from top social media ...

---
LINKS

Want 10% off Field Notes? Use code MONICA10 https://fieldnotesbrand.com

Present your designs and artwork in a professional way, check out the Modern Frame Mockup Bundle: https://monicagalvan.co/mockups

Need help wireframing? Check out the Wireframe Kit: https://monicagalvan.co/wireframes

Try Skillshare free for 1 month: https://www.skillshare.com/r/user/mon...

---
ABOUT ME

Hello! I'm Monica, a designer living in San Francisco, California. This channel is a place where I share all my design and creative side projects. By sharing my process, I hope to help you learn more about design!

---
SOCIAL

Instagram –   / themonicagalvan
Pinterest –   / themonicagalvan
Website – https://monicagalvan.co/