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
Using the Adobe library
()
Create wireframes
()
Layout sections with labels
()
Using assets for consistency
()
Creating components
()
Component overrides
()
4. Workflow for Building the Site
Layout pages with content
()
Create a style guide artboard
()
Start mobile first
()
Repeat grid
()
Importing content
()
Plugins
()
5. Building Interactivity
Carousels
()
Animation overview
()
Menu animation
()
Lightbox
()
Draggable carousel
()
6. Finalizing the Prototype
Convert a page layout by re-using assets
()
Finessing your prototype
()
7. Sharing and Exporting
Collaborate with others using the cloud
()
Sharing your Adobe XD file
()
Using linked assets
()
Export assets from XD
()
Ex_Files_Prototyping_a_WordPress_Project_in_Adobe_XD.zip
(402.0 MB)