Adobe XD Tutorial for Website Designs

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024
  • In this video I will show you how to use Adobe XD for website design clients. Adobe XD is a great tool to create website mockups and to get a visual experience of the overall design. If you have been looking to learn how to create website mockups, I hope you find this video helpful!
    In the meantime, check out the below resources ⬇️
    ---------------------------------------
    // FREE GRAPHIC DESIGNER RESOURCES //
    ⬇️ GET THE FREE WEBSITE DESIGN PROCESS GUIDE HERE ⬇️
    view.flodesk.c...
    Learn how to go from hourly freelancer to trusted brand designer:
    GET MY FREE TRAINING VIDEO 💥
    view.flodesk.c...
    ---------------------------------------
    // TAKE MY COURSES //
    GUIDE TO: LANDING GRAPHIC DESIGN CLIENTS
    This course has 5 video led modules, a downloadable e-book and you will be able to join my community as well 💕
    meganweeksdesi...
    ✨ WordPress Website Design Course ✨ meganweeksdesi...
    ✨ Custom Branding Process Course ✨
    meganweeksdesi...
    NOW OFFERING THESE COURSES IN A BUNDLE 💥
    meganweeksdesi...
    ---------------------------------------
    // OTHER HELPFUL LINKS //
    Join my email list for more helpful design tips:
    view.flodesk.c...
    LIKE MY EMAIL STYLE?! JOIN FLODESK FOR 50% OFF
    app.flodesk.co...
    Use this AI writing tool to help with Brand Strategies and more!
    jasper.ai?fpr=megan-w-design
    MY CONTRACT TEMPLATES:
    meganweeksdesi...
    GET DUBSADO (my project management system):
    www.dubsado.co...
    GET MY DESK ACCESSORIES AT GROVEMADE:
    grovemade.com/...
    DESIGNERS: BOOK A COACHING CALL WITH ME:
    meganweeksdesi...
    SITEGROUND (my favorite website hosting for WordPress):
    www.siteground...
    ---------------------------------------
    // FOLLOW ME //
    instagram:
    / meganweeksdesign
    pinterest:
    / meganweeksdesignco
    online portfolio:
    meganweeksdesi...
    work with me:
    hello@meganweeksdesignco.com
    ---------------------------------------
    I do make a commission on some of the links in this description box. Thank you so much for the support.
    #graphicdesign #adobexd #webdesign

Комментарии • 39

  • @SellyS.
    @SellyS. 17 часов назад

    This is helpful! Would you happen to know how to make a gradient inside of a shape in Adobe XD?

  • @Reminiscer0
    @Reminiscer0 Год назад +1

    Just got into ui/UX design and so far.. You tutorials have taught me alot

  • @davidsmusic
    @davidsmusic Год назад +1

    Hi Megan, I am learnin Adobe XD and your video has been so good, thank you so much!! Regards from Germany.

  • @shrutiprabhalkar7375
    @shrutiprabhalkar7375 Месяц назад

    nice brother thankyou so much

  • @Amapolaclarita
    @Amapolaclarita 6 месяцев назад

    wonderful video! love your design

  • @Heart-Test
    @Heart-Test 6 месяцев назад

    awesome video! helped out a lot, thank you!

  • @marisolcanchola6318
    @marisolcanchola6318 Год назад

    Thankyou so much! I am on my 3rd year of college and we are starting to learn but you answered all my questions ☺️🫶🏼

  • @duggrim5574
    @duggrim5574 4 месяца назад +1

    I am a graphic designer, who is fluent in Illustrator, and Photoshop, but not fluent in web design. What I thought this video would begin, is how you start building a mock up page, and then where you set your hex colors from your branding worksheet. While you start with exporting which is where I expect to end up, but not where I would start. I think you need a better outline when you attempt to teach a class, I am now moving onto another video which explains the process better. When you take speech in college, you learn how to prepare your information, and how to organize it to prove certain points. This video is lacking that kind of organizational outline, and preparation.

  • @miao7002
    @miao7002 Год назад +1

    so i know the second program was adobe xd but what was the first one and also how/where do you make all your elements like the mountains for instance

  • @SabrinaGiles
    @SabrinaGiles Год назад +2

    How do you transfer this to Wordpress to finish the site? Does it just transfer over? Thank you for the resources!

    • @MeganWeeks
      @MeganWeeks  Год назад +1

      hi sabrina! you have to develop the site onto Wordpress after the Adobe XD design. Meaning you build the site on WordPress based on the design from Adobe XD. Hope that helps!

    • @xtremevette2
      @xtremevette2 Год назад +1

      @@MeganWeeks so just to be clear are you starting over again from scratch building it? Or is there an option that XD allows you to directly export everything so that you can import your XD designs directly into Wix, Wordpress, Elemento or whatever your choice of website builder app? Thank you.

  • @xandiieee_
    @xandiieee_ Месяц назад

    how did you create link for design review. before sharing

  • @zoricacejic4668
    @zoricacejic4668 9 месяцев назад

    Dear Megan,
    How do you extend the template without expanding it? You did it at 6:57.

  • @ashantim.9678
    @ashantim.9678 Год назад

    Hey what is the bracket? I’m following along and that is what I’m stuck on

  • @franksegovia7335
    @franksegovia7335 10 месяцев назад

    excellent - thanks!

  • @yashkalra6518
    @yashkalra6518 Год назад +1

    Great work🔥

  • @MsDeaDance
    @MsDeaDance Год назад

    Could you do a video showing the process in Wordpress after you export everything

  • @dinnnnnnnnnnnn
    @dinnnnnnnnnnnn 7 месяцев назад

    XD is gone and I put a lot of time into it :( I’m using Lunacy now but need a bit more time to get the hang of it

  • @klaudiawos94
    @klaudiawos94 Год назад

    Hi Megan I love the video as always. Great content and website design. Could you do a video on best plugins that work together well? 😊

    • @MeganWeeks
      @MeganWeeks  Год назад

      Aw thank you!! Yes I could do that. So you’re curious what plug-ins I recommend?

    • @klaudiawos94
      @klaudiawos94 Год назад

      @@MeganWeeks I love your aesthetic 🙂 Yes, which ones you recommend and which ones work seamlessly together. I would love to hear your opinion .

  • @shubhamsoni6035
    @shubhamsoni6035 Год назад

    good tutorial👍👍

  • @detricegaines1889
    @detricegaines1889 Год назад

    Great videos.. Where do most of your clients come from you would say? 🙂 Pinterest, IG, or?

  • @damirilinov8277
    @damirilinov8277 Год назад

    thanke thankee

  •  Год назад

    hi. What can I do to export and publish my website design responsively without writing code? Animaapp is paid, is there any alternative to it?

    • @MeganWeeks
      @MeganWeeks  Год назад +1

      hi! I typically rebuild it myself on WordPress using Divi. I dont really use any sort of automated programs although Animaapp looks pretty cool

  • @bhaibhai9181
    @bhaibhai9181 9 месяцев назад

    all is ok but you are so beautiful and you expertionan so so beautiful 😍🥰😍

  • @FinancialYaweli
    @FinancialYaweli 8 дней назад

    Hernandez Christopher Clark Margaret Garcia Scott

  • @leticiamartinez9579
    @leticiamartinez9579 7 месяцев назад +2

    Your video is not for begginers is very confusing not interested

    • @youngchronic
      @youngchronic 6 месяцев назад

      lol😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂

  • @Born2rise94
    @Born2rise94 9 месяцев назад

    Very helpful tutorial, thank you! @mediaartssbcc