ATOMIC DESIGN SYSTEMS
DOI:
https://doi.org/10.24867/17EF09StepanovicKeywords:
design systems, atomic design, web design, web applicationsAbstract
The software development and design industry is advancing at a rapid rate, but processes of their development are standing still. This creates a need for a systematization that will help new employees and the old ones that are already working on ongoing projects. Design systems represent the sum of style guides, work principles, and component libraries that should be used by everybody in a company in order to achieve easier and faster development. This work represents the showcase of the design system and web application for museum exploration. The goal is to show through the example how a product can be created by the combination of elements from the design system.
References
[1] Frost B. (2016) “Atomic Design” [Elektronsko izdanje] Pittsburg, Pennsylvania: Brad Frost Web. Dostupno na: https://atomicdesign.bradfrost.com/table-of-contents/ (pristupljeno u septembru 2021.)
[2] Hacq A. (2018) UX Collective. “Everything you need to know about Design Systems”. [blog] 22. maj. Dostupno na: https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969 (pristupljeno u septembru 2021.)
[3] Kholmatova A. (2017) “Design Systems”. Prvo izdanje. Freiburg, Nemačka: Smashing Media AG. (pristupljeno u septembru 2021.)
[4] Bogawat A. (2019) Smashing Magazine: “Sketch vs Figma, Adobe XD, And Other UI Design Applications”. [blog] 19.april. Dostupno na: https://www.smashingmagazine.com/2019/04/sketch-figma-adobe-xd-ui-design-applications/#similarities-differences (pristupljeno u septembru 2021.)
[5] Suarez M., Anne J., Sylor-Miller K., Mounter D. and Stanfield R. (2019) “Design Systems Handbook” [elektronsko izdanje] DesignBetter.Co by InVision. Dostupno na: https://s3.amazonaws.com/designco-web-assets/uploads/2019/05/InVision_DesignSystemsHandbook.pdf (pristupljeno u septembru 2021.)
[2] Hacq A. (2018) UX Collective. “Everything you need to know about Design Systems”. [blog] 22. maj. Dostupno na: https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969 (pristupljeno u septembru 2021.)
[3] Kholmatova A. (2017) “Design Systems”. Prvo izdanje. Freiburg, Nemačka: Smashing Media AG. (pristupljeno u septembru 2021.)
[4] Bogawat A. (2019) Smashing Magazine: “Sketch vs Figma, Adobe XD, And Other UI Design Applications”. [blog] 19.april. Dostupno na: https://www.smashingmagazine.com/2019/04/sketch-figma-adobe-xd-ui-design-applications/#similarities-differences (pristupljeno u septembru 2021.)
[5] Suarez M., Anne J., Sylor-Miller K., Mounter D. and Stanfield R. (2019) “Design Systems Handbook” [elektronsko izdanje] DesignBetter.Co by InVision. Dostupno na: https://s3.amazonaws.com/designco-web-assets/uploads/2019/05/InVision_DesignSystemsHandbook.pdf (pristupljeno u septembru 2021.)
Downloads
Published
2022-05-07
Issue
Section
Gaphic Engineering and Design