Mobile App Design system - DuckMa
•
0 likes•65 views
Il Design System che abbiamo creato ed adottiamo nel nostro processo di sviluppo per le Mobile App.
Recommended
Recommended
More Related Content
Similar to Mobile App Design system - DuckMa
Similar to Mobile App Design system - DuckMa (20)
Mobile App Design system - DuckMa
- 2. Design system 2 Che cosa è? DuckMa - Design System
- 3. DuckMa - Design System 3 Raccolta di regole, vincoli e principi
- 4. 4 1. Pulsanti Elementi del Design System: DuckMa - Design System
- 5. 5 2. Campi di input Elementi del Design System: DuckMa - Design System
- 6. 6 3. Palette colore Elementi del Design System: DuckMa - Design System
- 7. 7 4. Tipografia Elementi del Design System: DuckMa - Design System
- 8. 8 5. Icone Elementi del Design System: DuckMa - Design System
- 9. 9 6. Spazi e griglie Elementi del Design System: DuckMa - Design System
- 10. 10 • Cards • Modals pop-up • Alerts • Checkboxes • […] Elementi del Design System: DuckMa - Design System
- 11. Più il Design System è completo e dettagliato, più è veloce il nostro flusso di lavoro 11 DuckMa - Design System
- 12. 12 Il Design System ci permette come designer di mettere al centro della nostra progettazione il prodotto e l’utente finale, collaborare più facilmente con gli altri membri del team e di rendere il nostro lavoro molto più efficiente. DuckMa - Design System
- 13. 13 È più di una guida di stile statica. È un esemplare vivente che si evolve man mano che l’azienda matura e/o le esigenze dei clienti cambiano. DuckMa - Design System
- 14. Perché utilizzare un Design system? 14 DuckMa - Design System
- 15. 15 1. Aumentare significativamente la produttività del team, favorendo la velocità di valutazione e nelle decisioni; Perché utilizzare un Design System? DuckMa - Design System
- 16. 16 2. Focalizzare l’attenzione sul design per la risoluzione dei problemi; Perché utilizzare un Design System? DuckMa - Design System
- 17. 17 3. Interfacce e interazioni utilizzabili e accessibili con componenti riutilizzabili; Perché utilizzare un Design System? DuckMa - Design System
- 18. 18 4. Ridurre le rilavorazioni e gli sprechi, oltre a mitigare gli sforzi; Perché utilizzare un Design System? DuckMa - Design System
- 19. 19 5. Favorire la collaborazione e ridurre l’attrito nel processo decisionale della squadra; Perché utilizzare un Design System? DuckMa - Design System
- 20. Sia per prodotti web che per app 20 DuckMa - Design System
- 21. 21 Design system 💛 Atomic design DuckMa - Design System
- 22. 22 Il design atomico è una metodologia che consente di organizzare ogni componente del tuo design system. DuckMa - Design System
- 23. 23 Atomo Molecola Organismo Template Pagina DuckMa - Design System
- 24. 24 Atomi Sono i più piccoli elementi costitutivi del progetto: lettering, pulsanti, icone, campi di input, caselle di controllo, ecc. Tutti questi elementi non possono essere suddivisi in parti più piccole. DuckMa - Design System
- 25. 25 DuckMa - Design System
- 26. 26 Molecole Quelle sono entità più complesse composte da diversi atomi: valori di dati, campi di input con pulsanti, ecc. Talvolta le molecole sono già elementi funzionali che possono essere messi ovunque sulla pagina e funzionare autonomamente. DuckMa - Design System
- 27. 27 DuckMa - Design System
- 28. 28 Organismi Parti funzionali di una pagina, formate da gruppi di atomi e molecole. Molti organismi funzionano da soli, senza fare affidamento su altri elementi nella pagina: navigation bar, forms, popups con molti valori. Gli organismi possono diventare piuttosto sofisticati e avere organismi più piccoli all'interno, proprio come nella vita reale. DuckMa - Design System
- 29. 29 DuckMa - Design System
- 30. 30 Template Sono pagine senza contenuto reale. Combinano gli organismi in una corretta configurazione dell’app o del sito web. DuckMa - Design System
- 31. 31 DuckMa - Design System
- 32. 32 Pagine I modelli si possono combinare per creare pagine, aggiungendo contenuti. DuckMa - Design System
- 33. 33 DuckMa - Design System
- 34. Design system organizzato in librerie di simboli in sketch 34 DuckMa - Design System
- 35. 35 DuckMa - Design System
- 36. 36 Per avere i componenti a portata di mano e per essere molto più veloci nello sviluppo del design DuckMa - Design System
- 37. 37 DuckMa - Design System
- 38. Ducksystem 38 DuckMa - Design System
- 39. 39 DuckMa - Design System
- 40. 40 DuckMa - Design System
- 41. 41 DuckMa - Design System
- 42. 42 DuckMa - Design System
- 43. 43 DuckMa - Design System
- 44. 44 DuckMa - Design System
- 45. 45 DuckMa - Design System
- 46. 46 DuckMa - Design System
- 47. 47 DuckMa - Design System
- 48. 48 DuckMa - Design System
- 49. 49 DuckMa - Design System
- 50. 50 DuckMa - Design System
- 51. 51 DuckMa - Design System
- 52. 52 DuckMa - Design System
- 53. 53 DuckMa - Design System
- 54. 54 DuckMa - Design System
- 55. 55 DuckMa - Design System
- 56. 56 DuckMa - Design System
- 57. 57 Tutti questi atomi sono stati raggruppati in molecole, organismi, ecc. Ovviamente 😉 DuckMa - Design System