Introduction
Creating a WordPress site? Prototype it first in Adobe XD
()
What you should know
()
How to use the exercise files
()
1. Get Familiar with the Project
What is UX?
()
What is UI?
()
UX workflow
()
Consider your client/website project
()
Outline the needs of end user
()
Take inventory of available assets
()
Create site map
()
Get familiar with WordPress themes
()
2. Approach the Project
Use the content first design
()
Starting with wireframe or UI kits
()
3. Get Started in Adobe XD
Create wireframes
()
Using the Adobe library
()
Layout sections with labels
()
Using assets for consistency
()
Creating components
()
Component overrides
()
4. Workflow for Building the Site
Create a style guide artboard
()
Start mobile first
()
Layout pages with content
()
Repeat grid
()
Importing content
()
Plugins
()
5. Building Interactivity
Animation overview
()
Menu animation
()
Carousels
()
Lightbox
()
Draggable carousel
()
6. Finalizing the Prototype
Convert a page layout by re-using assets
()
Finessing your prototype
()
7. Sharing and Exporting
Sharing your Adobe XD file
()
Collaborate with others using the cloud
()
Using linked assets
()
Export assets from XD
()
Ex_Files_Prototyping_a_WordPress_Project_in_Adobe_XD.zip
(402.0 MB)