How to Design a Beautiful Landing Page In Adobe XD – Process Video



How do you design a beautiful landing page? How do you go from wireframe to visual design? In this video, our Art Director, Sang Chung, showcases his process of designing the video content page in Adobe XD. Check the live page out: https://bit.ly/CD-IG-Workshop

First, make sure you have a style guide and wireframe to reference. By having these things you are drastically reducing your designing time. Next, create a grid system. Know when to follow it and when to break it to be able to fit your design needs. After that, add your images and make your design tweaks to the site. Finally, make sure you have a call to action and that it stands out.

00:00 – Start
00:06 – Step 1: Prepare a style guide and wireframe
00:20 – Step 2: Create a grid system
00:38 – Shortcut for turning off the grid
01:38 – Step 3: Place images
04:00 – Step 4: Make sure to have a prominent CTA
03:09 – Finished Product

===
👉Subscribe: https://goo.gl/vB9zoP
👉See our main channel: https://goo.gl/F2AEbk

#TheFutur #1BminusOne

Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
https://goo.gl/bRt5qd

If you’re a complete beginner, consider taking any of these Adobe Creative Cloud fundamental courses from our friends at Bring Your Own Laptop: http://byol.me/thefutur 

—
Love the content? Become a sustaining member for $5/mo today.
https://goo.gl/nwekfL

Our recommended products and Booklist:
https://kit.co/TheFuturIsHere

Kits & Proposals:
https://goo.gl/mSjuWQ

Visit our website:
https://www.thefutur.com

FREE resources:
https://goo.gl/Qh6gHr

Mandarin (Chinese) Subtitles on UiiUii
https://uiiiuiii.com/?s=the+futur

—
AFFILIATE LINKS*

🙏 Support The Futur but purchasing through our affiliate links:
Amazon: http://bit.ly/thefuturishere
Webflow: http://bit.ly/2EbET9l
Retro Supply Co.: http://bit.ly/2GW8gzR
Creative Market: https://goo.gl/g4jlTE
Design Cuts: http://bit.ly/2GSsAR3

✍️ Sharpen your skills by taking a course, using our affiliate links:
Skillshare: https://goo.gl/YCo2uT
School of Motion: http://bit.ly/futur-som
Bring Your Own Laptop Tutorials: https://byol.me/thefutur

🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound: https://bit.ly/2T647tR
Musicbed: http://bit.ly/futurmb
Artlist: http://bit.ly/2uWdna7

*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

—
Futur Podcast on iTunes: 🎙
https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2
Spotify: 🎙

—
We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404
USA

—
Host– Chris Do
Content Director– Matthew Encina
Producer – Mark Contreras
Cinematographers– Ricky Lucas, Jona Garcia
Editors– Ricky Lucas, Jona Garcia
Live Editor– Jona Garcia
Social Team– Elle Money, Alex Burlui
Futur Theme Music – Adam Sanborne http://www.adamsanborne.com
Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic
Futur theme song— Adam Sanborne

source

RECOMMENDED

Send this to a friend