Tehničko veleučilište u Zagrebu · Zagreb

Primjena atomskog dizajna i biblioteke React za kreiranje sustava dizajna i pripadnih komponenti

diplomski rad (stručni)

diplomski rad (stručni)

Primjena atomskog dizajna i biblioteke React za kreiranje sustava dizajna i pripadnih komponenti

Vrsta ocjenski radovi
Tip diplomski rad (stručni)
Godina 2023
Status obranjeno

Sažetak

U ovom radu analizira se primjena atomskog dizajna i React okvira u web dizajnu, kako bi se kreirao vlastiti sustav dizajna i pripadne komponente. Prvi dio rada opisuje sam proces izrade sustava dizajna i njegovih komponenti slijedeći atomsku metodologiju. Ta metodologija pruža smjernice za kreaciju/postavljanje sustava dizajna na slojeve atoma, molekula, organizama, predložaka i stranica, kojih je rezultat jasna struktura sustava dizajna. Počevši od najnižeg sloja, opisani su svi slojevi koji čine komponente dizajn sistema, odnosno sustava dizajna. Drugi dio posvećen je procesu izrade React komponenti, te objavljivanju NPM paketa. Nadalje, u sklopu ovog projekta, stvorena je web stranica pod nazivom https://arneomv.github.io/ui-librery-dip/, na kojoj su predstavljene sve kreirane komponente, te su detaljno objašnjene njihove funkcionalnosti i sveukupni dizajn. Spomenuti NPM paket izrađen je pod nazivom 'metro-ui-components', kojemu se može pristupiti putem linka: www.npmjs.com/package/metro-ui-components. Na linku se nalaze upute za instalaciju, koja će biti opisana u završetku rada.

Ključne riječi

atomski dizajn