Prototyping a WordPress Project in Adobe XD

Prototyping a WordPress Project in Adobe XD

Prototyping a WordPress Project in Adobe XD is an Intermediate level tutorial on CAD, created by an expert, Emily Kay. This tutorial is an important base for an individual who needs to get better at his/her CAD expertise. It provides you a strong understanding on CAD, Web, CAD and Web.

Free Download - Prototyping a WordPress Project in Adobe XD
Author Emily Kay
Publish Date 10/14/2019
Skill Intermediate
Duration 2h 39m
Topic CAD
Video Tutorials 37
Last Update N/A

Learn how to use Adobe XD to create a WordPress website prototype that you can share with clients, developers, and other stakeholders. Explore the UX (user experience) process and see how to create sitemaps, personas, wireframes, and style guides. Discover how to utilize these assets to plan a layout and create responsive mockups, incorporate assets from Photoshop and Illustrator, and make your prototypes interactive. Throughout the process, see how to effectively communicate your intentions to clients and other stakeholders as well as collaborate with others. Finally, learn how to export a prototype from Adobe XD in a variety of sizes and formats, and have specific direction and assets for use in WordPress.

Topics include:

  • Getting started in Adobe XD
  • Establishing a workflow
  • Creating wireframes
  • Creating a style guide artboard
  • Building dynamic and interactive areas
  • Building a large screen version
  • Reusing assets
  • Creating and sharing a prototype
  • Adobe XD tips and tricks
  • Exporting from Adobe XD

Prototyping a WordPress Project in Adobe XD : Video Lessons

  • Creating a WordPress site? Prototype it first in Adobe XD1m 23s
  • What you should know1m 8s
  • How to use the exercise files1m 48s
  • What is UX?2m 47s
  • What is UI?2m 24s
  • UX workflow2m 55s
  • Consider your client/website project4m 34s
  • Outline the needs of end user4m 40s
  • Take inventory of available assets4m
  • Create site map1m 32s
  • Get familiar with WordPress themes4m 17s
  • Use the content first design4m 18s
  • Starting with wireframe or UI kits4m 5s
  • Create wireframes5m 24s
  • Using the Adobe library3m 10s
  • Layout sections with labels3m 43s
  • Using assets for consistency3m 28s
  • Creating components3m 23s
  • Component overrides3m 19s
  • Create a style guide artboard3m 58s
  • Start mobile first4m 47s
  • Layout pages with content4m 12s
  • Repeat grid5m 51s
  • Importing content3m 48s
  • Plugins7m 38s
  • Animation overview7m 25s
  • Menu animation7m 24s
  • Carousels6m 24s
  • Lightbox4m 26s
  • Draggable carousel3m 57s
  • Convert a page layout by re-using assets10m 23s
  • Finessing your prototype4m 49s
  • Sharing your Adobe XD file4m 32s
  • Collaborate with others using the cloud3m 57s
  • Using linked assets6m 22s
  • Export assets from XD6m 46s
  • Next steps39s

Recommended video tutorials from YouTube.

  • Adobe Xd to Wordpress - My new Adobe Xd Web Design Portfolio
  • He guys, in this video I'm showing you my Adobe xd webdesign Portfolio. I'm gonna use Adobe Xd to Wordpress instead of us Adobe xd to html. For now there ...

  • DateTime : 2019-08-11 10:42:23
  • Source : LivingWithPixels
  • Adobe XD to Webflow: Turning your prototypes into live websites
  • In this video I will show you how I turn an Adobe Xd prototype into a fully functional responsive site in Webflow with some cool parallax effects and animations.

  • DateTime : 2020-01-20 18:00:08
  • Source : Yes I'm a Designer
  • From Adobe XD Prototype to WordPress Theme from scratch - Part 4 WP
  • This is the last tutorial of the series From Adobe XD Prototype to Wordpress Theme where I show the full process from Design to HTML/CSS and then converting ...

  • DateTime : 2019-04-09 14:59:53
  • Source : RaddyTheBrand
HELP THE AUTHOR

Please consider buying this course - Prototyping a WordPress Project in Adobe XD directly from the author - Emily Kay. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.