001 Introduction (34.32 MB)
002 How to get the most out of this training (69.54 MB)
004 Get started with Adobe XD (16.13 MB)
005 Create your first design in Adobe XD (122.88 MB)
006 Adobe XD vs Photoshop (107.58 MB)
007 How to get around Adobe XD (12.14 MB)
008 Best way to select layers in XD (83.95 MB)
009 Exercise Practice your selecting (15.17 MB)
010 From Photoshop or Illustrator to Adobe XD! (33.23 MB)
011 Cloud documents and saving your work (16.32 MB)
012 Adobe XD quirks (24.46 MB)
013 Section conclusions (15.74 MB)
001 Introduction (19.72 MB)
002 How to work with rectangles like a pro (21.52 MB)
003 Best way to work with images (14.96 MB)
004 How to design a modern presentation (20.2 MB)
005 Use the ellipse, polygon and line tools (7.91 MB)
006 How to edit shapes in Adobe XD (32.73 MB)
007 Discover the Pen tool in XD (4.11 MB)
008 Create geometric shapes (14.53 MB)
009 Add text to our presentation (79.72 MB)
010 Work with colors and gradients (9.86 MB)
011 Grids, guides, smart guides – pixel perfect designs (15.36 MB)
012 The alignment tools - Overview (10.5 MB)
013 How to use the alignment tools (9.92 MB)
014 Create a collage (20.35 MB)
015 Let's have fun – use all the tools (19.07 MB)
016 Section conclusions (33.99 MB)
001 Export our work as PNGs (28.49 MB)
002 Share your work to get feedback (61.08 MB)
003 Optional - Save presentations as PDFs (30.41 MB)
004 Share your work with developers (21.39 MB)
005 Shrink your PNGs and JPEGs without losing quality (21.09 MB)
001 Introduction (5.62 MB)
002 Fast designing with repeat grid (36.85 MB)
003 Quickly replace content (11.22 MB)
004 Components – a revolutionary feature (21.52 MB)
005 Practice working with components (20.74 MB)
006 Why we need to talk about style guides (55.84 MB)
007 How to supercharge your color use (43.95 MB)
008 How to work with character styles (26.51 MB)
009 Here's how you actually set up your assets panel (55.15 MB)
010 A smarter way to work with linked assets (6.04 MB)
011 Undecided Keep multiple versions! (34.14 MB)
012 Working with several designers AT ONCE (16.37 MB)
013 Section conclusion (3.98 MB)
001 Introduction to our first web design project (13.36 MB)
002 Create the website's header (28.35 MB)
003 My advice for perfect social media icons (35.01 MB)
004 Setting our typography (20.26 MB)
005 Adding the search bar (14.94 MB)
006 The website's categories (25.09 MB)
007 Build the content area with repeat grid (37.46 MB)
008 Pagination through XD components (33.72 MB)
009 Create the footer (52.32 MB)
010 Overview of the homepage (12.79 MB)
011 Create the product details page (49.27 MB)
012 Finishing touches on the product details page (59.91 MB)
001 What is responsive design (71.82 MB)
002 Designing without coding why and how (109.08 MB)
003 Making the mobile version of the homepage (52.35 MB)
004 Adjusting the design for the mobile version (41.38 MB)
005 Editing the footer for the mobile version (11.57 MB)
006 Create the mobile version for the product details page (50.22 MB)
007 Design variation #1 - color (48.39 MB)
008 Design variation #2 – typography (44.53 MB)
009 Design variation #3 – the layout (75.2 MB)
010 Key things about our design (25.23 MB)
001 Introduction to prototyping (45.48 MB)
002 The fundamentals of wiring a prototype (10.71 MB)
003 Trigger types in Adobe XD (6.13 MB)
004 Transition Animations and Easing (13.43 MB)
005 Auto-animate – the incredible game changer (9.8 MB)
006 Auto-animate and drag (19.51 MB)
007 Previous artboard – a must in any large project (17.14 MB)
008 How to make menus and pop ups seem real (11.37 MB)
009 Jump to a part of your design with "Scroll To" (11.49 MB)
010 Here's why your animations don't matter (58.56 MB)
001 Here's why we should animate our design (14.2 MB)
002 What you should and shouldn't animate (16.79 MB)
003 Create hover states for social media & main menu (11.81 MB)
004 Prototyping the search box – hover and down state + drop-down (48.28 MB)
005 Create a hover state for the repeat grid (49.91 MB)
006 Setting up the pagination and footer (48.3 MB)
007 How to quickly change your layout with stacks (18.6 MB)
008 Extras Make the navigation work (73.71 MB)
001 The first pillar of web design (18.2 MB)
002 Best settings for a web design project (36.06 MB)
003 Case study Non-standard layouts (58.08 MB)
004 Exercise Create a standard website layout (2.71 MB)
005 How to size your web elements correctly (34.3 MB)
006 My formula for perfect text (42.43 MB)
007 Case study text layers (43.59 MB)
008 Color Contrast (12.07 MB)
009 Case study Colors – Part 1 (32.26 MB)
010 Case study Colors – Part 2 (31.53 MB)
011 How to align elements in the hero area (38.08 MB)
012 3 rules for web design icons (64.65 MB)
013 Case Study Visual Balance (28.97 MB)
014 Thoughts on the first pillar of web design (21.42 MB)
001 Introduction (3.73 MB)
002 What's the point of the website (27.48 MB)
003 The user versus the business owner (73.14 MB)
004 Analytics in Web Design (34.74 MB)
005 Templates & Website Builders – The web designer's death (91.13 MB)
006 Case Study 4 versions of the same website (104.29 MB)
007 E-commerce homepage layout (96.15 MB)
008 E-commerce product details (52.81 MB)
009 E-commerce checkout (40.35 MB)
010 Why aren't websites pixel perfect (76.94 MB)
011 Landing page vs a website (66.19 MB)
012 Case studies the client's needs (83.06 MB)
013 Lead generation in landing pages (39.17 MB)
014 Why landing pages have a bad reputation (146.18 MB)
015 Digital product landing page (41.4 MB)
016 AB testing landing pages (91.84 MB)
017 Case Study Landing page analysis (161.15 MB)
018 Final thoughts about the client's needs (74.51 MB)
001 Introduction (18.38 MB)
002 What's UX (40.41 MB)
003 Improve the checkout process to double sales (57.5 MB)
004 Improve the mobile version to double sales (39.97 MB)
005 7 website tweaks that show attention to detail (38.41 MB)
006 Upgrading the mobile product page (16.87 MB)
007 Doing 1-on-1 sessions with a coder (66.41 MB)
008 Bad UX is very expensive (39.97 MB)
009 The best example of good UX and attention to detail (63.87 MB)
010 UX case study – forms (18.85 MB)
011 UX case study – icons (23.97 MB)
012 UX case study – vague actions (30.79 MB)
013 UX case study – hierarchy (19.86 MB)
014 UX case study – fake content (40.82 MB)
015 UX case study – buttons (34.27 MB)
001 resources (39.35 MB)
002 The most important question when starting a new project (95.24 MB)
003 How to researchfind inspiration for your project (78.71 MB)
004 Set up the most important part of the layout (17.36 MB)
005 Create the top bar (20.01 MB)
006 How to choose fonts for your project (43.19 MB)
007 How to choose beautiful colors (22.4 MB)
008 Organize the top bar (4.15 MB)
009 Create the structure for the header (16.42 MB)
010 Set a style for the header (13.36 MB)
011 Attention to detail in the header (17.3 MB)
012 Building a great hero area (22.22 MB)
013 Redesign the categories menu (19.1 MB)
014 How to display all the product details in a grid (44.98 MB)
015 Here's how you find the best layout for the grid of products (15.74 MB)
016 Create the first version of the product card (95.96 MB)
017 The second version of the product card (34.15 MB)
018 The third version of the product card (55.41 MB)
019 How to design a clean and modern FAQ section (44.43 MB)
020 Create a newsletter sign up form (25.78 MB)
021 How to design a beautiful footer (26 MB)
022 Final variation and thoughts about the homepage (19.76 MB)
001 Analysing how we can improve the product page (23.62 MB)
002 Setting up the layout for the top part of the product page (21.86 MB)
003 How to organize lots of information in the product's page (26.45 MB)
004 How to add small details that make a difference (21.74 MB)
005 How to handle large quantities of text (10.24 MB)
006 Creating the sidebar (30 MB)
001 Introduction to the mobile version (51.79 MB)
002 How to start the mobile version for the homepage (11.18 MB)
003 How to adjust the top bar for the mobile version (43.17 MB)
004 Here's how you create the header for the mobile version (20.65 MB)
005 Modify the hero area & categories for the mobile version (10.95 MB)
006 Improve the navigation for the mobile experience (28.22 MB)
007 Create a grid of products suited for the mobile version (13.61 MB)
008 Finishing the grid of products – mobile version (26.02 MB)
009 Make the text easy to read in the FAQ section (16.08 MB)
010 How to make the newsletter form fit the mobile version (30.96 MB)
011 Make a new layout for the footer (19.52 MB)
012 Conclusions e-commerce mobile version (48.56 MB)
001 The mobile version for the product's page (35.74 MB)
002 Create the mobile structure for the product's page (32.64 MB)
003 How to style items in terms of their importance (30.42 MB)
004 Create a variation to improve sales (12.29 MB)
005 10% more work for 50% better results (14.74 MB)
006 Create another layout for the product's page (43.42 MB)
007 Make a smarter structure for the mobile version (31.99 MB)
008 Create the reviews and nutritional tabs (33.74 MB)
009 Adding small details that matter (44.12 MB)
010 Checking the design on a real phone (52.04 MB)
011 Incredible variations in no time at all (10.94 MB)
001 Preparing the design for coding (146.67 MB)
002 How to give the coder what he needs from Adobe XD (31.26 MB)
003 How to prepare graphics for coding (7.8 MB)
004 Server-side content and multi-layer graphics (72.05 MB)
005 Getting up and running with Zeplin (21.39 MB)
006 Best way to handle assets for the coders (28.97 MB)
007 Here's why it's essential you deliver what's needed (40.71 MB)
008 How the coder sees the projects (61.43 MB)
001 Do this before you start freelancing (37.82 MB)
002 Here's what I suggest you do next (38.4 MB)