How to use Adobe XD with Articulate Storyline

Поділитися
Вставка
  • Опубліковано 21 сер 2024

КОМЕНТАРІ • 52

  • @carbonoriginals
    @carbonoriginals 2 роки тому +3

    That Repeat Grid trick is INSANE!! Thanks so much for your amazing videos. Greetings from Eugene!

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      For sure!! And you’re welcome ☺️

  • @SarahMaier
    @SarahMaier 2 роки тому +1

    I just learned that we have access to Adobe XD at work, this was very helpful. Thank you!

  • @yogeswarans.p.muniandi
    @yogeswarans.p.muniandi 2 роки тому +1

    Thanks a lot with your insight with Adobe XD. I'm a ardent illustrator user and often make my mockups with illustrator then transfer them to articulate. I was thinking that I literally thinking I wasting time rebuilding the design in articulate again and thanks to your video proved I'm not wasting my time at all.

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +1

      You're welcome! Yes, mocking up some layouts and iterating on them before moving into Storyline is a good use of time :D

  • @debbieshelden530
    @debbieshelden530 3 роки тому +1

    You were right. Mind blown on the repeat grid! Thanks for this video--I'm feeling less intimidated. Going to open XD on my computer for the first time next week!

    • @DevlinPeckYT
      @DevlinPeckYT  3 роки тому +1

      You've got this! Thanks for checking out the recording :)

  • @kaoutherakid4433
    @kaoutherakid4433 2 роки тому +2

    Great video, Devlin. Visual experimentation is an important step in any design process. 😊
    But, based on what I've seen in this video, I feel Adobe Illustrator will be an even better tool to use. One of the reasons is that if you need to, you can directly apply changes to vector images (exp: change the color of the shirt). And if interactivity is what you want you can actually import Illustrator files into XD and add interactivity there and it will work just fine.

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +2

      You can definitely use Illustrator if you prefer that 😃. Good comparison & breakdown!

  • @saraafa8340
    @saraafa8340 2 роки тому +1

    I learned so much from this. I feel more confident to proceed with the mock up. Really appreciate this! Thank you!

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      Yay! I'm glad that this helped, Sara. Looking forward to it :D

  • @sneharecites
    @sneharecites 3 роки тому +1

    Thank you Devlin. This inspired to play around more with it.

    • @DevlinPeckYT
      @DevlinPeckYT  3 роки тому +1

      You're welcome :) Thanks for watching, as always.

  • @Kumar-rq9ro
    @Kumar-rq9ro 2 роки тому +1

    Thanks very helpful. Just a thought - even in Canva I guess one can do all that you showed above in Adobe XD. Possibly will take some more time, but the designing part can be done there as well for those who don't have access to Adobe XD.

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +1

      Thank you for sharing, Kumar! I’m not experienced with Canva, but if it works, it works 😃

  • @Frommountaintops
    @Frommountaintops Рік тому +2

    Hi, Devlin! Thank you for the informative tutorial. Just wondering: What are some of the benefits of using Adobe XD versus PowerPoint for visual prototypes? This is my first introduction to XD, so I'm sure there are certain features I am not considering in my comparison.

  • @MisterMessinger
    @MisterMessinger 2 роки тому +2

    Super helpful-I am familiar with Figma so it was helpful to see the differences with XD. Do you suggest adding the XD file to the portfolio so the recruiter can see the “behind the scenes” process?

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +1

      Glad to hear this was helpful, and good question! And yes, I always recommend including a screenshot of the XD file and discussing that part of the process in the write-up.

  • @Kumar-rq9ro
    @Kumar-rq9ro 2 роки тому +1

    Thanks. Had a request - if you can create a video showing the number of slides to be designed for a 5 questions / situation scenario based learning - and how it would look for example. It will help a lot. Thanks.

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +1

      Thanks for the suggestion! We do have a Storyline workshop about how to develop scenario-based eLearning, so that may help 😃

    • @Kumar-rq9ro
      @Kumar-rq9ro 2 роки тому

      @@DevlinPeckYT Thanks. Will check.

  • @sarahberger8576
    @sarahberger8576 2 роки тому +1

    Thank you!

  • @sarayari3495
    @sarayari3495 2 роки тому +2

    Hi Devlin, what does the meaning of "good design is all about iteration" , when you talked about XD?
    and what do you mean when you say" we don't need to make XD for each slide, but we should make for each layout? thank a lot!

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +4

      Good questions! When I say iteration, I mean we work on a draft, get feedback, then revise it, then get more feedback, then revise it again. And we keep going until we make it as good as we can.
      And for the layouts, we may have 10 questions in our learning experience, but we only need to iterate on one question slide to get the visual design right 😃

    • @sarayari3495
      @sarayari3495 2 роки тому +1

      @@DevlinPeckYT thanks a lot Devlin! and when you talk about job aid you mean" we can make something like list or brief or whatever we want... is it right?

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому +1

      @@sarayari3495 Generally a job aid helps someone do the job in their moment of need...something that they can reference as needed to follow a specific process or perform specific tasks. So yes, a checklist may help with that :D

    • @sarayari3495
      @sarayari3495 2 роки тому

      @@DevlinPeckYT thanks! and how we can make that? - I mean which software and tools is useful and you recommend for making job aid??

  • @DhananjaySati
    @DhananjaySati Рік тому

    Hi Devlin ! Liked your video . I have a question . Is there a way where I can create an animation in Adobe XD and export it to Articulate Storyline & make it work . Is there a solution , workaround or product limitation ?

  • @EduardoRodriguez-du4qq
    @EduardoRodriguez-du4qq 3 роки тому +1

    Thank you Devlin. I'll make a mobile app simulator with animation from XD. Can I export entire project to web in XD and embed as a web object in Storyline?

    • @DevlinPeckYT
      @DevlinPeckYT  3 роки тому

      That sounds like an interesting project, Eduardo! And that may be possible re: XD and Storyline, but I it may cause difficulties when you're adding interactivity. For example, it would be difficult to communicate between XD and SL, and then it may defeat the purpose of embedding it in SL in the first place. Sounds like something interesting to experiment with though!

  • @aarushipunia6876
    @aarushipunia6876 2 роки тому +1

    Hi! I understood the Adobe XD part-- but I'm stuck on Articulate Storyline. I'm using a mac and cant seem to find the opening slide you're working with.

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      Did you get Storyline up and running with Parallels on your computer?

    • @aarushipunia6876
      @aarushipunia6876 2 роки тому +1

      @@DevlinPeckYT Yes, finally! Running your video in the background--but can't figure out how to generate multiple choice options on Articulate Storyline like we did in adobe xd using the 'repeat grid'

    • @aarushipunia6876
      @aarushipunia6876 2 роки тому +1

      Also-- could you explain how we build interaction through tags/linking on articulate storyline?

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      @@aarushipunia6876 you can create a rectangle for each answer choice or use the built-in MC question functionality 😃

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      @@aarushipunia6876 check out the “getting started with Articulate Storyline” video 😃

  • @pd3018
    @pd3018 2 місяці тому

    Hi Dev, will Canva do a similar job to CS to create a visual prototype for learning?

    • @DevlinPeckYT
      @DevlinPeckYT  2 місяці тому +1

      You could try using Figma for prototyping. Sabrina has some great Figma tutorials on the channel, if you want to check it out. Although, I'm sure you could find some creative ways to use Canva as well :D

  • @jeevanreddy4690
    @jeevanreddy4690 3 роки тому +1

    Hey Devlin, is it good to learn Adobe XD as an ID?

    • @DevlinPeckYT
      @DevlinPeckYT  3 роки тому

      Hi Jeevan! Yes, XD is a good tool for prototyping visual designs, which is good for any type of eLearning project 😊

  • @jessmariah14
    @jessmariah14 2 роки тому +1

    Can i just cop and paste my vectors to storyline?

    • @DevlinPeckYT
      @DevlinPeckYT  2 роки тому

      If you export them you’ll have much more control over their size (and you can make sure they’re big enough so no pixelation).

  • @jessmariah14
    @jessmariah14 2 роки тому +1

    Could i just build everything in adobe first if i wanted to?

  • @priyankadey82
    @priyankadey82 3 роки тому +1

    Is XD free ?

    • @DevlinPeckYT
      @DevlinPeckYT  3 роки тому +1

      Yes, I believe the personal use version is free 😃