Mautic Pixel

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

Qué es un mockup o maqueta web

Nadia Prida
  • Escrito por Nadia Prida el 28 de Enero de 2020
  • 1 min de lectura | Diseño Web
Qué es un mockup o maqueta web
El reproductor de video será cargado en breves instantes.

Un mockup es la representación del prototipo del proyecto que se va a realizar. En este caso se trata de una imagen que nos muestra el resultado visual que tendrá nuestra página web o nuestra maqueta.

El uso de los mockups destaca principalmente en la fase inicial de desarrollo de la web y aplicaciones, para la presentación y control de calidad .

Es importante contar con un mockup, ya que podemos tener en cuenta la gama de colores principal, el uso de fuentes y cualquier otro recurso que podamos llegar a conseguir gracias al mockup.

Ejemplo de mockup

Ejemplo de mockup

En este mockup vemos el prototipo la web que se va a llevar a cabo.

A la izquierda tenemos la gama de color corporativo y de los colores que podemos complementar con ellos, para utilizar en textos y fondos.

De un mockup también podemos sacar algo tan importante como el uso de las fuentes , ya que existen multitud de fuentes y cada diseñador aporta la que más le guste para el diseño, por lo que hay que tener en cuenta qué fuente es para aplicarla.

El mockup también nos ayuda mucho en la maquetación final, ya que nos permite visualizar cómo va a quedar la web finalmente.

En el video podemos ver que en nuestro ejemplo de mockup tenemos una maquetación a cuatro columnas, un slider informativo y una galería de imágenes, y todo eso junto a los colores y las fuentes, nos sirve de ayuda para preparar el resultado final de una página web.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Uso de Frameworks en el diseño de una plantilla web

Uso de Frameworks en el diseño de una plantilla web

Diseño Web

29 de Enero de 2020

Otro de los elementos que nos ayudan mucho a la hora de elaborar nuestra plantilla o maqueta web son los frameworks de maquetación. Te explicamos qué son y qué ventajas aportan, más concretamente B...

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 17 cursos:

  • Curso de Polymer
  • Curso de React JS
  • Optimización Web en el Navegador

y 14 cursos más!

Duración: 63 horas y 33 segundos

Curso de Diseño de plantillas web

curso

Curso de Diseño de plantillas web

curso

Con este curso aprenderás:

  • Aprenderás a crear maquetas web a partir de un diseño.
  • A crear una estructura para tu maqueta web.
  • Variedad de herramientas y recursos gráficos.

Duración: 2 horas y 21 minutos

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars