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

Wireframes vs Mockups


Comience su diseño

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.

Crear un Diseño  


Precios

¡Solo por mes por usuario!

/mes

facturado anualmente

Ver la Página Completa de Precios



¡No Puedo Dibujar!

What if I can't draw?

  • No te preocupes, tampoco podemos.
  • ¡Tenemos más de 1200 escenas y personajes prefabricados para que uses!
  • ¡Todas nuestras escenas y personajes son personalizables y fáciles de editar!

¡No Tengo Tiempo!

What if I have No Time?

  • ¡Lo sabemos! ¡Estamos muy ocupados también!
  • Crear con nuestra plataforma es rápido y fácil con nuestras ilustraciones de arrastrar y soltar.
  • Cuando se registra para una cuenta, puede guardar su trabajo y regresar y editarlo en cualquier momento.

Me Gusta Comer Crayones!

I Like to eat crayons!

  • ¡No te preocupes, los lápices de colores no son tóxicos!
  • Si has encontrado esta broma, al menos sabemos que estás leyendo esto ...
  • Lo que significa que definitivamente querrás una prueba gratuita de dos semanas


Crear un Diseño  

Ayuda Compartir Storyboard That !


¿Buscas Más?

Echa un vistazo al resto de nuestros artículos y recursos de negocios!

Todos los recursos de negocios | Recursos de estrategia de negocios | Recursos de Marketing | Recursos de diseño gráfico | Recursos para el desarrollo de productos | Recursos de formación y recursos humanos | Recursos de la película | Recursos de video marketing


Ediciones especiales


NegociosDesarrollo de productosPersonasMapas de viajes declientesWireframesInfografíasMercadeo de videosPelículasCómics

Iniciar mi Prueba Gratuita
Iniciar mi Prueba Gratuita
https://sbt-test.azurewebsites.net/es/create/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Todos los derechos reservados.
Explorar Nuestros Artículos y Ejemplos

Pruebe Nuestros Otros Sitios Web!

Fotos para Clases - Búscar fotos seguras y buenas! (Es incluso cita para usted!)
Quick Rubric - Fácil de hacer y compartir rúbricas!
¿Prefieres un idioma diferente?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups

Page Render - Time 46.8753