Vocabulario de Desarrollo de software · Desarrollo web, móvil y de interfaces

¿Qué significa wireframe?

Significado en Desarrollo de software, traducción al español y ejemplos

/ˈwaɪərfreɪm/sustantivoTérmino básico

wireframe: esquema de pantalla, wireframe

Dibujo sencillo, normalmente en blanco y negro, que muestra la ubicación del contenido, los botones y la navegación, sin colores, imágenes ni estilos definitivos.

Cómo se usa

Se crea al principio del proyecto, en papel o en herramientas como Figma, para acordar la estructura antes del diseño visual. También se usa como verbo en inglés: wireframe the checkout. A veces, cajas grises con una X representan imágenes.

Frases de ejemplo

  1. I sketched three wireframes for the home page so we can compare layouts.

    Esbocé tres esquemas para la página de inicio para que podamos comparar las distribuciones.

    Las propuestas muestran distintas estructuras de la misma pantalla.

  2. Don't worry about colours yet; this is just a wireframe.

    Todavía no te preocupes por los colores; esto es solo un esquema de pantalla.

    El dibujo se centra en la disposición, no en el aspecto visual final.

Combinaciones frecuentes

  • sketch a wireframe
  • low-fidelity wireframe
  • wireframe the flow
  • share the wireframes

Esta palabra en otras especialidades

Una misma palabra en inglés puede tener un significado diferente según la especialidad:

Más términos: Desarrollo web, móvil y de interfaces

Practica con lecturas adaptadas a tu nivel

Leer textos de tu nivel te ayuda a recordar las palabras nuevas. Elige libros gratuitos en inglés: