Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.
- Communicating for Development
- Pages
- Screens
- Spacing & Grid Systems
- Interaction States
- Content States
- Styles
- Review of Screens, Spacing, Content States and Interactions 5 questions
- Components
- Assets: Naming & Resolution
- Assets: Format, Performance, and Exporting
- Final Design Handoff
- Review Preparing Design Files 5 questions
Instruction
Spacing & Grid Systems
Spacing units
Websites and apps usually have consistent spacing between elements because it makes a design look cohesive, and it's easier to develop. Atlassian uses an 8px grid system throughout their products. In cases where designs need to be fine-tuned, 4px is used.
Atlassian Grid:
For more information, check out this Treehouse video: Space | Introduction to Design Systems
Setting up a...