Getting Started in XD


Resolution

  • Check general stats: https://www.w3schools.com/browsers/browsers_display.asp 
  • Login to Google Analytics for site and see most popular screen sizes
  • Check Mobile section to see if users are using desktop or mobile which gives you an idea to start with desktop or mobile first design
  • 1366x768 is very popular to fit most
Steps
  1. Set column on art board to 1366
  2. Set viewport height to 768
  3. Make Default
  4. Lower opacity


UI Kits - Wires.xd

Add a header
The header goes all the way 1920 but nav stays inside 1366 column



Updating Header
Adding content boxes
Footer



Form Page



Comments

Post a Comment