Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Design System General Knowledge

Design System General Knowledge

danielwang

July 23, 2022
Tweet

More Decks by danielwang

Other Decks in Design

Transcript

  1. We acknowledge the Traditional Owners of country throughout Australia and

    recognise their continuing connection to land, waters and culture. We pay respect to their Elders past, present and emerging. 2
  2. Intro Daniel Wang Focus Design framework and capability (GEL) Design

    processes and tools Design operations 3 Design Practice Lead
  3. Agenda • Where is Design System coming from • What

    is Design System • Why we need a Design System • Who should be involved • Who are the consumers of Design System • The future of Design System • AEMO’s Design System 4
  4. 6

  5. 12 • Homepage • Dashboard • Section Landing • Search

    Results • Detail Page • Special Pages (Login, 404, empty state) Templates
  6. A Design System is a collection of reusable components, guided

    by clear standards, that can be assembled together to build any number of applications. A Design System is the single source of truth which collects rules, principles, assets, constraints and best practices that will allow the teams to design, realize and develop a digital product. 15
  7. 18

  8. 19

  9. 20

  10. 21

  11. 22

  12. 23

  13. 24

  14. 25

  15. 26

  16. 27

  17. 28

  18. 29

  19. 31 Scale design Design consistency Make testing easier Creates a

    shared language Prototype faster Iterate more quickly Build in accessibility and usability Benefits of having a Design System
  20. 33

  21. 34

  22. 37

  23. 39

  24. 40

  25. 41

  26. 45