Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Atomic design
Què és l'atomic design?
L'atomic design és una manera de construir interfícies d'usuari des de les peces més petites cap amunt. Encunyat per Brad Frost, pren prestat de la química: elements petits es combinen en altres de més grans, que es combinen en pàgines completes. El mètode dóna als equips un vocabulari compartit sobre com s'acobla una interfície i com es relacionen les seves peces.
Té cinc etapes. Els àtoms són els blocs bàsics, com una etiqueta, un camp o un botó. Les molècules agrupen àtoms en petites unitats funcionals, com un camp de cerca fet d'una etiqueta, un camp i un botó junts. Els organismes són seccions més grans construïdes a partir de molècules i àtoms, com la capçalera d'un lloc. Les plantilles disposen els organismes en una estructura de pàgina sense contingut real. Les pàgines són plantilles plenes amb contingut real, on el disseny es topa amb la realitat. Una targeta de producte és una molècula; una graella d'aquestes targetes dins d'una capçalera i un peu és la pàgina. Pensar així manté organitzada una llibreria de components i evita que els equips reconstrueixin els mateixos patrons una vegada i una altra.
L'atomic design encaixa amb naturalitat amb els sistemes de disseny. Dóna al sistema una lògica per anomenar i niar components, de manera que una interfície gran es manté consistent i reutilitzable en lloc de tornar-se un munt de pantalles soltes. El mètode és un model mental, no un reglament rígid, i la majoria d'equips adapten les capes al seu producte.
Atomic design a Dallonses
Ens recolzem en l'atomic design quan construïm sistemes de disseny i disseny UI per a productes que necessiten escalar. Arrencar des dels àtoms manté cada component reutilitzable i cada pantalla acoblada a partir de peces que ja van passar revisió, que és el que manté coherent una interfície gran a mesura que més gent hi contribueix.
Tractem el mètode com una eina, no com a dogma. Amb els clients adaptem les capes al producte real, anomenem les coses en el llenguatge que els seus equips fan servir de debò, i connectem l'estructura al codi perquè el sistema de disseny es sostingui a la pràctica. Ho hem fet en interfícies complexes per a marques globals. El resultat és sempre el mateix. Builds més ràpids, menys inconsistències, un sistema que la gent pot estendre.
Construint una interfície que necessita escalar sense ensorrar-se? Estructurem-la.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
