Tamaños web responsive
1 seguidor
Hola. Tengo varias dudas a la hora de diseñar una web responsive en Sketch:
01. Tamaños de dispositivos. He hecho un par de cursos de diseño web y... SIEMPRE varía el tamaño de la pantalla según el curso. ¿Cuál es el correcto? 1920x1080? 1024? 1200? Y para el resto de dispositivos (móvil y tablet)?
02. Tamaños de texto. ¿Cuál es el tamaño de texto estándar que debe tener un cuerpo de texto?
Gracias!
Usuario desconocido
No hay un estandar, depende de tu target, si el publico serán jubilados o técnicos, si tu web será usada sobre todo en movil o desktop, si se va a ver en moviles/PCs con 4 o 5 años o solo con moviles de ultima generación, etc.
Con el texto, 3 cuartas partes de lo mismo. "historicamente" el tamaño de texto por defecto ha sido 16 pixels aproximadamente que es el que viene por defecto en los navegadores, pero también cambia con las modas...
Yo suelo usar como puntos de corte <480 , <768 , <1200 , >1920 mas o menos pero tambien depende del diseño.
En fin, que tendras que decidirlo tu teniendo en cuenta target, "moda", diseño etc.
Aqui tienes estadisticas de tamaños de pantalla mas comunes, ojo que vienen en pixels reales de pantallas, que luego se convierten en pixels DIP que son menos, pantallas de 480pixels reales se convierten en 320pixels DIP. La web es cada vez mas complicada.
https://deviceatlas.com/device-data/explorer/webusage/traffic/no-tablet/country/us?search=Apple%20iPhone%207