https://sbt-test.azurewebsites.net/es/create/wireframes-vs-mockups

Wireframes vs Mockups

Cuando diseñe una nueva página web o agregue una nueva función a su producto, es importante crear tanto estructuras alámbricas como maquetas, pero ¿cuál es la diferencia? En resumen, una estructura alámbrica es un enfoque minimalista y de baja fidelidad de un concepto de diseño. Se enfoca en el diseño del núcleo y presenta una nueva página, pero deja todo el flash a la maqueta. Las maquetas son de mayor fidelidad e incluyen color, lenguaje real e íconos verdaderos. Una estructura alámbrica decide el aspecto de una maqueta y una maqueta debe ser una representación precisa y estática del producto final.


Wireframes


Crear un Diseño*

Maquetas


Crear un Diseño*


3 diferencias entre wireframes y maquetas

  1. Color

    La primera diferencia importante entre los wireframes y las maquetas es la visualización del color. Cuando realice el cableado, es mejor ser intencionalmente sombrío con su combinación de colores, o mejor aún, mantenerlo completamente en blanco y negro. El hecho de dejar el color fuera de sus estructuras alámbricas ayuda a evitar distracciones al planificar y concentrarse en el diseño y diseño general de la página. Para maquetas, haz lo contrario. Juega con diferentes combinaciones de colores y encuentra el que quieras usar con tu producto final. Los colores de la maqueta deberían aparecer y atraer al usuario.

  2. Estilo

    La siguiente gran diferencia es el estilo general. Los wireframes tienden a estar muy orientados a la cuadrícula, ya que la mayoría de los objetos tienen el mismo tamaño o son proporcionales entre sí. Si bien sigue siendo bueno seguir el enfoque de la cuadrícula general al crear una maqueta, está bien aflojar un poco las reglas. Confía en tus ojos y lo que piensas se ve mejor. En general, las estructuras alámbricas deben ajustarse a las estrictas pautas de estilo, mientras que las maquetas pueden tener más indulgencia por lo que el diseñador cree que es la mejor opción.

  3. Idioma

    Finalmente, una de las principales diferencias entre los wireframes y las maquetas es el lenguaje utilizado. Cuando se trata de una estructura alámbrica, es mejor usar un lenguaje falso o de portador como Lorum Ipsum . Nuevamente, la razón para hacer esto es para que el equipo de desarrollo del producto no se distraiga con la copia de la página web y, en cambio, se centre en el diseño general. Para las maquetas, incluya la copia real que desea que aparezca en la página. Al incluir copias reales en las maquetas, le da a usted y al equipo de desarrollo una idea de cómo se debe representar el texto en el producto final y cuánto espacio ocupa.

Precios

¡Solo por mes por usuario!

/mes

facturado anualmente

Enviar mi Cotización
Compra Ahora!
*(Esto comenzará una prueba gratis de 2 semanas - No se necesita tarjeta de crédito)
Ver más plantillas Wireframe!
Ver Todos los Recursos Comerciales
https://sbt-test.azurewebsites.net/es/create/wireframes-vs-mockups
© 2020 - Clever Prototypes, LLC - Todos los derechos reservados.
Más de 14 millones de guiones gráficos creados
Storyboard That Family