Channel: The Futur Academy

Category: Education

Tags: online coursehow toben burnsadobe xdfutur academyxd designweb page design tutorial for beginnerswebsite page designweb designproduct design processwebsite designdesign tutorialuichris dowireframeux uidesignui designtutorialadobe xd tutorialux designwebsiteuxxd tutorialhow to designweb pagegraphic designdiy designuser experiencexdweb page designthe futurwireframe designresponsiveux tutorial

Description: Have you ever wondered how we make our website pages on thefutur.com ? In this video, our Art Director, Sang Chung, showcases his process on designing the video content page in Adobe XD. First, make sure you have a style guide to reference (learn how to create style guides here: bit.ly/Style-Guide-Futur). By having a style guide you are drastically reducing your designing time. Next, create a grid system. Know when to follow it and when to break it. Last, add your image collection and make your final tweaks to the site. 00:00 - Start 00:05 - Step 1: Prepare a style guide 00:12 - Step 2: Create a grid system 00:33 - Adding design elements to the page 01:58 - Step 3: Drag image collection into grid 03:47 - The Final Result === 👉Subscribe: goo.gl/vB9zoP 👉See our main channel: goo.gl/F2AEbk #AdobeXD #MadeinXD #Tutorial #TheFutur #1BminusOne Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here: 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: byol.me/thefutur — Love the content? Become a sustaining member for $5/mo today. goo.gl/nwekfL Our recommended products and Booklist: kit.co/TheFuturIsHere Kits & Proposals: goo.gl/mSjuWQ Visit our website: thefutur.com FREE resources: goo.gl/Qh6gHr Mandarin (Chinese) Subtitles on UiiUii uiiiuiii.com/?s=the+futur — AFFILIATE LINKS* 🙏 Support The Futur but purchasing through our affiliate links: Amazon: bit.ly/thefuturishere Webflow: bit.ly/2EbET9l Retro Supply Co.: bit.ly/2GW8gzR Creative Market: goo.gl/g4jlTE Design Cuts: bit.ly/2GSsAR3 ✍️ Sharpen your skills by taking a course, using our affiliate links: Skillshare: goo.gl/YCo2uT School of Motion: bit.ly/futur-som Bring Your Own Laptop Tutorials: byol.me/thefutur 🎧 Do you like the music? Check out the music libraries we use in our affiliate links below: Epidemic Sound: share.epidemicsound.com/thefutur Musicbed: bit.ly/futurmb Artlist: 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: 🎙 itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2 Spotify: 🎙 open.spotify.com/show/5K96ryZCjCmxqMzEotvS8h?si=J0NnGXwcQCymfBEA4poEVA — We love getting your letters. Send it here: The Futur c/o Chris Do 1702 Olympic Blvd. Santa Monica, CA 90404 USA — Host– Sang Chung Content Director– Matthew Encina Producer - Mark Contreras Editors– Eric Sweet, Jona Garcia Live Editor– Jona Garcia Social Team– Elle Money, Alex Burlui Futur Theme Music – Adam Sanborne adamsanborne.com Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic Futur theme song— Adam Sanborne