Diseño de interfaces

Diseñar pantallas con marcos

Un marco representa los límites de una pantalla. Su contenido forma una interfaz, como una página de aplicación o sitio web. El diseño se realiza en el mismo tablero que la investigación y el plan, sin cambiar a otro modo de documento.

1. Abre Insertar y elige un marco de diseño de interfaz. Selecciona un tamaño de iPhone, Android, iPad, escritorio, web o personalizado.

2. Añade rectángulos, texto, imágenes, iconos y líneas. Nombra el marco según la función de la pantalla.
3. Utiliza distribución automática (auto layout) para organizar contenido en filas o con ajuste. Elige si un elemento se adapta a su contenido o ocupa el espacio disponible.

4. Mantén las anotaciones vinculadas al marco: notas, trazos, flechas y comentarios lo acompañan al moverlo.
5. Utiliza versiones de pantalla para comparar alternativas o contraer las que no estás utilizando.