Personalmente preferiría diseñar una maqueta en CodePen, pero si realmente debe hacerlo, le recomendaría que cree una maqueta para una pantalla móvil estándar y una maqueta para una computadora portátil estándar. Si va a mostrarlo en una pantalla grande, es más adecuado tener una imagen pequeña en lugar de una imagen que desborde la pantalla (es difícil imaginar cómo se vería un sitio web en una pantalla más pequeña, es fácil imaginar cómo sería mira más grande …)
El diseño de fluido más común consiste en dividir por columnas a medida que el dispositivo se hace más grande. Esto puede ser difícil de leer cuando la pantalla alcanza un cierto ancho, por lo tanto, no querrá limitar el ancho del contenido y agregar espacios en blanco alrededor.
Realmente estoy acostumbrado a trabajar en dispositivos móviles primero al crear prototipos de una nueva idea. Eso significa: descubro la versión móvil después de todo. Se pueden hacer algunos diseños simples para cualquier dispositivo, pero otros (navegación fija, modales y demás) son difíciles de entender para un móvil si primero los desarrollaste para una pantalla grande, lo que a menudo conduce a un mal usuario experiencia.
- ¿Qué clases debo tomar si quiero ser diseñador gráfico?
- Cómo convertirse en un buen diseñador de logotipos dentro de un mes
- ¿Cómo podemos seleccionar el mejor servicio de diseño web?
- Cómo iniciar un negocio de diseño
- ¿Cuáles son las ramas del diseño industrial?
De todos modos, estos son algunos de los anchos de pantalla más comunes. (cuidado: un teléfono celular en modo horizontal puede tener el mismo ancho que una tableta, ¡pero una altura considerablemente menor!)
