Adobe Photoshop to XD: Web Design Process

Adobe Photoshop to XD: Web Design Process

Adobe Photoshop to XD: Web Design Process is an Intermediate level course on CAD, written by an expert, Sue Jenkins. This course is a critical base for anyone who needs to get better at his/her CAD talent. It provides you a thorough grip on CAD, Interaction Design, Prototyping, Web, User Experience, Adobe XD, Photoshop, CAD, Interaction Design, Prototyping, Web, User Experience, Adobe XD and Photoshop.

Free Download - Adobe Photoshop to XD: Web Design Process
Author Sue Jenkins
Publish Date 9/5/2019
Skill Intermediate
Duration 1h 41m
Topic Adobe XD
Video Tutorials 40
Last Update N/A

Transition your Photoshop-based web design process to a more UX-based workflow by adding Adobe XD. Vector-based XD allows for faster design revisions, easy adaptability to a variety of device sizes, and quicker development of prototypes to get customer buy-in before the development process begins. In this course, you’ll learn how to set up XD, prototype and collaborate your UX designs with clients and stakeholders, leverage cross-product workflows between Photoshop and XD, and export web-ready assets for developers.

Topics include:

  • Setting up XD for web design
  • Web design strategies
  • Creating CC Library elements in Photoshop
  • Using Wireframe UI kits
  • XD tools overview
  • Editing graphics in XD
  • Adapting designs for breakpoints
  • Responsive resizing
  • Creating prototypes and exporting assets

Adobe Photoshop to XD: Web Design Process : Video Lessons

  • Diving into XD59s
  • Using the exercise files20s
  • Setting up XD for web design2m 47s
  • Configuring the artboard grid3m 22s
  • Creating color swatches2m 32s
  • Creating color assets2m 37s
  • Creating character styles4m 13s
  • Creating CC Library elements in Photoshop2m 55s
  • Creating CC Library elements in Adobe Illustrator2m 1s
  • Using wireframe UI kits3m 32s
  • Challenge: Build a wireframe1m 3s
  • Solution: Build a wireframe1m 25s
  • Working from wireframes4m 4s
  • Building semantic, flexible layouts3m 31s
  • Using HD-ready graphics2m 50s
  • XD tools overview5m 19s
  • Using XD tools5m 14s
  • Challenge: Build a layout1m 38s
  • Solution: Build a layout2m 27s
  • Repeating with Repeat Grid4m 22s
  • Using CC Library assets3m 23s
  • Editing graphics in XD2m 16s
  • Saving time with components3m 25s
  • Challenge: Update the portfolio44s
  • Solution: Update the portfolio2m 7s
  • Adapting designs for breakpoints2m 38s
  • Duplicating artboards2m 16s
  • Responsive resizing4m 58s
  • Manually adjusting layouts2m 58s
  • Challenge: Adapting for breakpoints52s
  • Solution: Adapting for breakpoints1m 35s
  • Discovering prototypes2m 22s
  • Wiring a prototype overview4m 12s
  • Prototype wiring basics2m 27s
  • Sharing web prototypes2m 14s
  • Exporting assets for development3m 15s
  • Challenge: Wiring prototypes31s
  • Solution: Wiring prototypes51s
  • Recommendations1m 6s

Recommended video tutorials from YouTube.

  • Mastering Adobe XD: Importing Photoshop Files
  • Begin your Adobe XD journey: https://letsxd.com/ Many designers are still using Photoshop for UI & UX design – and that's totally okay – but if you're looking to ...

  • DateTime : 2019-03-15 16:21:35
  • Source : Howard Pinsky
  • Getting Started With Adobe XD – Switching from Photoshop
  • Adobe XD is awesome. We are starting a new series all about my favorite design app. This video is for people looking to switch and need to understand the ...

  • DateTime : 2016-11-28 16:23:39
  • Source : DevTips
  • Adobe XD Web Design Tutorial
  • Learn how to make this mockup a reality in the browser: https://goo.gl/mi1fKf (click show more) Here's a written tutorial of this video: https://goo.gl/vJ1VLM ...

  • DateTime : 2016-12-29 14:38:36
  • Source : DesignCourse
HELP THE AUTHOR

Please consider buying this course - Adobe Photoshop to XD: Web Design Process directly from the author - Sue Jenkins. 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.