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.
Disseny responsive
Què és el disseny responsive?
El disseny responsive és la pràctica de construir una sola web que adapta la seva maquetació a qualsevol pantalla on aterri. El mateix codi es recompon d'un mòbil a una tauleta i a un monitor d'escriptori ample, sense versions separades per a cadascun. Un lloc, moltes formes.
Funciona mitjançant graelles fluides, imatges flexibles i media queries de CSS que canvien la maquetació en punts de ruptura definits. Una maquetació de tres columnes a escriptori col·lapsa a una sola columna en un mòbil. El text segueix sent llegible, els elements tàctils segueixen a l'abast i res no exigeix desplaçament horitzontal. Això difereix del disseny adaptatiu, que serveix unes poques maquetacions fixes triades per dispositiu, i de l'antic enfocament de construir un lloc mòbil a part del tot. Un lloc de notícies construït en responsive mostra una portada densa de diverses columnes en un portàtil i un feed vertical net en un mòbil, tots dos des del mateix HTML i CSS. Com que la major part del trànsit web ve ara del mòbil i Google posiciona amb indexació mobile-first, el disseny web responsive és l'expectativa per defecte i no una funció extra.
La part difícil no és fer que una maquetació encongeixi. És fer que cada mida se senti deliberada, perquè la pantalla petita sigui una experiència real i no una versió premuda de la gran.
Disseny responsive a Dallonses
Tractem la pantalla petita com la de debò. La majoria coneixerà un producte primer en un mòbil, així que dissenyem i construïm per a aquesta restricció en lloc d'afegir-la després que la versió d'escriptori llueixi bé. El disseny web responsive no és una casella al final d'un projecte. Dona forma a les decisions de maquetació des del primer wireframe.
La nostra feina de disseny i enginyeria passa junta, i per això els nostres desenvolupaments responsive aguanten: els dissenyadors saben què es recompon amb netedat i els desenvolupadors saben què ha de significar el disseny a cada punt de ruptura. Quan col·laborem amb una marca, el lloc s'ha de sentir tan intencionat al mòbil de qui va en transport com en una demo de sala de juntes. Aquesta consistència a cada pantalla és el que manté la confiança dels usuaris en el producte, i és la diferència entre un disseny web que fotografia bé i un que funciona.
Un lloc que es desmunta al mòbil? Fem-lo funcionar a tot arreu.
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ó
