Categorías
Inside Mockplus

Top 25 de los usuarios de flujo Herramientas y plantillas para UX Smooth

 

A veces tenemos que cambiar el contenido de la página, el panel dinámico es demasiado difícil de usar.

Con el fin de prototipo rápido, más inteligente, y más fácil, Mockplus proporciona muchos componentes altamente empaquetadas. Panel de pila es uno de ellos.

W i t h t h e h e l p o f T un b B un r un n d S t un c k P un n ae l , w e c o u l d < s t r o n g > s w i t c h TG_ 9 t h ae c o n t e n t w i t h o u t p un g ae s k i p p i n g < / s t r o n g > i n j u s t 3 s t e p s . Véase la

Let cómo se hace:

Continuará …

Categorías
Inside Mockplus

Top 21 Web Entrevista diseñador Preguntas y Respuestas para impresionar recursos humanos en 2019

 El equipo de

Mockplus está en constante optimización Mockplus iDoc, con lo que otra sorpresa. Vamos a echar un vistazo a lo que se han añadido nuevas características.

1. flexible flujos de trabajo de colaboración hacer más eficiente

En esta actualización, hemos fusionado las secciones “Especificaciones” y “Responder” en la sección “Diseño”, la formación de un “flujo de trabajo flexible”. Hay tres modos en la sección de diseño, a saber, “Responder”, “revisión” y “Desarrollo”, que se pueden cambiar fácilmente:

en la etapa inicial del flujo de trabajo, en “modo de comentario”, todos los usuarios pueden expresar sus opiniones y discutir las páginas de diseño subidas por los diseñadores; etapa

del medio en el flujo de trabajo, en el modo, los administradores de “Opinión” de productos o diseñadores de la empresa hasta la discusión y modificación de resultados, la adición de marcas de texto como PRD;

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

En la última etapa del flujo de trabajo, en el modo de “Desarrollo”, los desarrolladores concentrarse en la visualización de las especificaciones y requisitos de desarrollo, activos descarga, y los códigos CSS exportación.

Aunque todavía es un documento de página, hace que la división del trabajo clara y no fuerza el orden de uso. Por lo tanto, de manera flexible se adapta al estilo de gestión de los diferentes equipos, por lo que la colaboración sea más eficiente.

2. Nueva página de inicio de gestión de proyectos

Esta actualización trae una página más estético gestión de proyectos. Además, ahora se puede ver claramente si el tipo de proyecto es móvil o en la web, la última vez que la edición, el número de miembros del proyecto, y más. Además, el diseño de la portada del proyecto ha cambiado de modo de estiramiento de modo central.

Además, los botones en la esquina superior derecha de la corresponden proyecto para “Vista previa”, “Compartir”, y “Más”. Al hacer clic en el botón de vista previa le lleva directamente a la página de demostración del prototipo, eliminando la necesidad de entrar en el proyecto para su presentación.

3. Añadir superposición métodos para optimizar el efecto de sincronización gesto

Algunos usuarios nos preguntaron: “¿Cómo mostrar el efecto que los superpone teclado en la página en el prototipo?”. Este efecto de superposición en esta actualización podría resolver también este problema.

superposición permite que la página de destino que se mostrará en la parte superior de la página original, por lo que la presentación más realista. Al mismo tiempo, esta actualización optimiza la interacción gesto añadiendo golpes de izquierda y derecha, haciendo que el efecto más sincronizado con el gesto.

Eso es todo acerca de las nuevas características de Mockplus iDoc esta vez. Mockplus abierta y iDoc Vamos a tener una oportunidad!

Categorías
Inside Mockplus

Top 10 Proyecto de software de colaboración – Haga su colaboración más fácil que nunca

 

Creación de una impresionante cartera no es fácil. Si necesita una chispa para encender su creatividad, aquí están 24 de los mejores sitios de cartera web del desarrollador.

Una de las tareas más difíciles de un nuevo desarrollador es hacer una cartera desarrollador web personal que ayuda a llamar la atención de un empleador potencial en el mercado de trabajo de hacinamiento. Sin lugar a dudas, una cartera en línea impresionante no sólo exhibe sus obras de diseño, sino que también pone de relieve sus logros y experiencia, dejando una fuerte impresión en sus visitantes.

Ya que no es sólo una colección de muestras de trabajo, hay algunos factores que vale la pena considerar al crear un sitio web de la cartera desarrollador web. Algunas de las preguntas más importantes que debe hacer:

  • ¿Hay un botón de borrado de llamada a la acción para que otros puedan aprender rápidamente acerca de usted?
  • ¿Hay alguna parte confusa en el diseño de página web?
  • Es su copia demasiadas palabras?
  • ¿El sitio tardar mucho tiempo en cargar? tiempo de carga lenta es equivalente a ser tarde para una entrevista y debe ser evitado por todos los medios.
  • ¿La página web se muestran los temas centrales que se preocupan por los usuarios, o es sólo una colección de logros no organizados significado para el usuario?
  • Can la página web se carga y se muestra normalmente en el móvil?

En comparación con los sitios web comerciales, sitios web personales para programadores web que prestar más atención a la personalidad y el pensamiento independiente. A continuación, encontrará 24 de las mejores carteras web del desarrollador de ambos diseñadores individuales y estudios creativos de todo el mundo. Desplazarse hacia abajo y como fuente de inspiración.

1. http://www.rleonardi.com

Hecho por : Robby Leonardi

información de fondo : Un diseñador multidisciplinar, entusiasta de la tecnología, y el ventilador de la NBA. especial de

Qué: Incorpora experiencias interactivas y juegos de video de nuestra infancia.

Este sitio se ve como un juego de vídeo en línea, y usted se sentirá como si estuviera jugando cuando se desplaza el ratón para conocer la experiencia de trabajo de Robby y habilidades profesionales. Si usted está buscando una nueva manera de presentar una pieza aparentemente aburrido pero importante de información, entonces este sitio es un ejemplo perfecto.

2. http://findmatthew.com/

Hecho por : Matthew Williams

información de fondo : Un ingeniero de desarrollo front-end que ama a efectos de interfaz de usuario, la animación, y la experiencia de usuario dinámica. especial de

Qué: Una sola página con un fondo negro y una interfaz limpia.

Si desea hacer una cartera desarrollador front-end creativa con una interfaz bonita, entonces usted no puede perderse este. Tiene un fondo negro, que hace que el sitio se vea elegante y limpio. Hay un breve auto-presentación en la página de carga. A medida que se desplaza hacia abajo, de carga diferentes secciones, incluyendo las habilidades profesionales, blogs, cartera y datos de contacto.

3. http://driesvanbroeck.be/

Hecho por : Dries van BROECK

información de fondo : Un diseñador de animación. especial de

Qué: Mientras que el diseño puede parecer molesto, que pone de relieve los elementos importantes con un toque magistral.

De acuerdo con las reglas generales de diseño de sitios web cartera de programador, los efectos dinámicos podría hacer que la gente distraen con facilidad. Sin embargo, se encuentra que el sitio web está bien diseñado con detalles, incluyendo el bellamente expuesta al carrusel, brillante texto del mensaje para resaltar la información autor, y los pequeños iconos animados para llamar la atención del usuario a las partes más importantes de la página web. Esto no deja lugar a dudas sobre sus habilidades avanzadas de desarrollo y diseño.

4. http://www.maltegruhl.com/

Hecho por : Malte Gruhl

información de fondo : Un diseñador independiente. de

Lo especial: Este es un diseñador de todo incluido que da un profundo sentido del misterio.

sitio Esto le da a la gente una sensación de misterio, despiertan su interés. Llame como se quiera – minimalismo, el arte, o abstractos – las palabras son apenas suficientes para describir las características de diseño de este sitio. A medida que se desplaza por la página, encontrará los elementos de la física y la química.

5. https://benbate.com/

Hecho por : Ben Bate

información de fondo : Un diseñador de productos que a menudo trabaja con nuevas empresas y grandes empresas con el fin de crear productos electrónicos influyentes. de

Lo especial : copia brillante que engancha la atención del visitante.

El diseño se realiza mediante Bootstrap. Aunque el diseño visual no es particularmente excepcional, el contenido más de lo compensa.

6. http://www.elsamuse.com/en/

Hecho por : Elsa Muse

información de fondo : Un blogger de moda francesa. de

Lo especial : combinación de colores en negrilla y el libro de texto como el minimalismo.

tenemos que decir que el trabajo de diseño de Elsa Muse es particularmente artística, que también se puso de relieve en su página web. Estudiar el diseño del sitio es una buena manera de ampliar su visión, especialmente en lo que se refiere a la combinación de colores y el minimalismo de libros de texto similar.

7. http://www.legworkstudio.com/

Hecho por : Legworkstudio

información de fondo : Un estudio personal situado en Colorado. de

Lo especial : Animaciones y experiencias interactivas que nunca se ha visto antes.

La animación y los efectos interactivos combinados hacen de este sitio web se destacan. Los visitantes quedarán impresionados por las animaciones únicas hechas a mano en la página principal. La clave es que estas animaciones parece a nada que hayamos visto antes.

8. https://www.loungelizard.com/

Hecho por : – Salón Lizard

información de fondo : Una empresa de diseño web en Nueva York.

Mockplus en primavera 2020 – Hasta 34% OFF

de Lo especial: Este sitio se ve poco convencional y profesional, exuda confianza y comodidad al mismo tiempo.

Para hacer un sitio web un aspecto profesional, pero no convencional no es fácil, pero la compañía Lounge Lizard hace que se vea sin esfuerzo. De la marca vitrina para la exhibición de la foto del lugar de trabajo, este sitio web barra de temática hace un buen trabajo de establecer la identidad de marca y promover la reputación de la empresa.

9. https://www.wokine.com/

Hecho por : Wokine

información de fondo : Una empresa de diseño web con sede en París. de

Lo especial : Diseño visual con la pantalla dividida.

Este sitio web sigue un enfoque muy popular diseño visual – pantalla dividida. El diseño general de este sitio es muy straightforwardsimple, utilizando una gran cantidad de espacio y una combinación de colores simple. Esto se traduce en una buena jerarquía visual.

10. http://www.danielspatzek.com/Home

Hecho por : Daniel Spatzek

información de fondo : Un gráfico freelance y diseñador de páginas web. de

Lo especial: Una gran cantidad de gráficos y técnicas de animación.

Este sitio utiliza una gran cantidad de tecnología CSS y animaciones para crear una experiencia dinámica increíble. A diferencia de otros diseños de páginas de largo, la navegación de este sitio se distribuye en cuatro direcciones. Al apartarse de acuerdo tradicional, el sitio hace un cambio refrescante.

11. http://seanhalpin.io/

Hecho por : Sean Halpin

información de fondo : Un diseñador web y desarrollador de Toronto. especial de

Qué: Es una gran personalidad en un paquete pequeño.

Este es un ejemplo perfecto de una cartera desarrollador pila web completa, que presenta tanto las habilidades y la personalidad del autor. La totalidad de las miradas del sitio, como pequeño mundo verde de un diseñador. Sean también ayuda a otros a construir sitios web personales.

12. https://www.denisechandler.com/

Hecho por : Denise Chandler

información de fondo : Un diseñador de sexo femenino con una sólida experiencia en programación. especial de

Qué: incorpora perfectamente los 4 principios básicos de diseño de páginas web con elementos personalizados.

Esta cartera desarrollador web freelance ilustra perfectamente los 4 principios básicos del diseño: la alineación, la repetición, el contraste y la intimidad. Además, tiene una gran cantidad de elementos personalizados, por lo que es más llamativo.

13. http://y78.fr/

Hecho por : Yul Moreau

información de fondo : director de arte digital nació en Seúl, que vive en París especial

de Qué: único ambiente y dinámica electrónica música

Yul Moreau se inspira en los años 80 en la creación de su sitio web de la cartera, y que es una gran ejemplos del uso de elementos visuales para aumentar la participación de los usuarios. Su experiencia y conocimientos expertos se muestran mediante la inserción de videos, imágenes y efectos de desplazamiento en una sola página.

14. https://toyfight.co/what/

Hecho por : ToyFight

información de fondo : Ellos son un equipo de diseñadores, directores, estrategas y bailarines. especial de

Qué: El esquema de color llamativo inmediatamente llama la atención de los visitantes.

Este sitio web utiliza una combinación de colores vibrantes y diseño minimalista para agarrar la atención de los visitantes y ellos se comprometen a mantenerlos más tiempo en el sitio. Las fáciles de navegar por el menú y un mínimo de marcas de estilo para los ojos dulces delicioso y experiencia de usuario agradable.

15. https://www.rezo-zero.com/

Hecho por : Rezo cero

información de fondo : Un gráfico y estudio digital que diseña y desarrolla identidades de marca únicas. especial de

Qué: estudios de casos ricos para varios proyectos.

esta cartera se parece a una revista digital con imágenes hermosas muy bien colocados y tipos de letra seleccionados a mano. Sus estudios de casos detallados e ilustrados para cada proyecto le da una ventaja sobre sus compañeros.

16. http://www.mypoorbrain.com/

Hecho por : Tim Smith

información de fondo : diseñador y escritor londinense A, también director mundial de automóviles. especial de

Qué: Fácil de navegar y el diseño de sitios basada en la tarjeta.

Este sitio utiliza un sencillo pero impresionante manera de presentar las carteras del diseño. En combinación con el uso hábil de los efectos de animación, el diseño basado en una tarjeta engancha fácilmente a los usuarios.

17. https://www.strv.com

Hecho por : STRV

información de fondo : Un equipo de diseñadores e ingenieros especializados en soluciones digitales. especial de

Qué: El uso de videos presenta cómo la agencia trabaja con mucha claridad.

Los videos en el fondo expertamente transmite cómo funciona la agencia de productos digitales. Para ilustrar, si hace clic en el botón de reproducción del vídeo a pantalla completa, se mostrará el proceso en detalle.

18. https://stereocreative.com/

Hecho por : Estéreo

información de fondo : Un equipo de pensadores creativos basados ​​en Londres. especial de

Qué: Se centra en la relación emocional del consumidor con la marca.

Se trata de una página web simple pero sorprendente cartera. Las marcas de la agencia uso de imágenes de colores vivos y videos en el centro de su sitio para mostrar lo que pueden hacer. Su objetivo es crear una relación emocional más profunda con los visitantes.

19. https://www.stevenmengin.com/

Hecho por : Steven Mengin

información de fondo : diseñador digital basado en Londres Un. de

Lo especial: Un único y visualmente impresionante sitio web de la cartera.

El uso de fuertes espectáculos visuales lo que Steven Mengin puede hacer a simple vista. Cuando un visitante entra en el sitio web, él / ella verá un efecto de animación cloudspace bellamente, con el nombre del diseñador en el centro. Es toda una alegría para ver las animaciones sutiles.

20. https://bepatrickdavid.com/

Hecho por : Patrick David

información de fondo : Un desarrollador front-end y diseñador de páginas web con sede en Italia. especial de

Qué: Este es un ejemplo típico de ajuste de toda la cartera en una sola página.

Este es un ejemplo típico de una página y largo desplazamiento página web, simple pero eficaz. Cuando se desplaza hacia abajo, verá una sección héroe hermoso y una serie de ejemplos de proyectos.

21. https://www.stinkstudios.com/

Hecho por : hedor Estudios

información de fondo : Una compañía global lanzada en 2009, dedicada a la publicidad, la tecnología y entretenimiento. de

Lo especial: Demuestra una variedad de proyectos de una manera limpia, pero creativo.

El estudio coloca su frente de trabajo y centro de usar un diseño de mampostería. Los proyectos incluyen campañas promocionales, sitios web y experiencias 360 / VR.

22. https://tobiasahlin.com/

Hecho por : TOBÍAS Åhlin

información de fondo : Un diseñador digitales, orador, profesor y consultor de empresas de tecnología y nuevas empresas. de

Lo especial: Permite a las obras hablan por sí mismo.

En el mismo centro y la parte superior de la página, Tobias Ahlin va directamente al punto :, “Diseño y construyo productos digitales”. Este sitio utiliza un diseño basado en una tarjeta y minimalista, con enlaces de estudios de casos incluidos en el producto final.

23. https://www.femmefatale.paris/en

Hecho por : Mujer fatal

información de fondo : Un estudio creativo se centra en la cultura, lujo, editorial, y el arte. de

Lo especial: Se respira un sentido de fascinación de lujo.

Este sitio encarna a la perfección la auto-descripción de “en algún lugar entre la sofisticación y la simplicidad” del equipo. Refleja este tono por el uso de imágenes en negrita, tipos de letra nítidas y esquemas de color negro – todo lo cual contribuye a crear un aspecto sofisticado.

24. https://studioschurk.nl/

Hecho por : Wendy Van Veen

información de fondo : Un ilustrador, animador, y graFisch ontwerper. especial de

Qué: Utiliza la ilustración y el humor para involucrar a más usuarios.

Este sitio web ofrece a los usuarios un vistazo al personaje de Wendy. Cuando el desplazamiento hacia abajo, los usuarios verán interesantes y divertidas animaciones que muestran el talento del diseñador.

Pensamientos finales

Esperamos que estas carteras web para desarrolladores seleccionados a mano le inspirará y encender su creatividad. Sin embargo, es bueno recordar que la inspiración o el talento sólo va a llegar tan lejos. Una herramienta de diseño útil es una necesidad para ayudarle a hacer su trabajo más rápido y más eficientemente.

Si está buscando una combinación de funcionalidad y facilidad de uso, entonces Mockplus es una opción buena. No sólo proporcionan una gran cantidad de ejemplos de diseño web, sino que también incluye componentes prefabricados / elementos de la interfaz para que pueda empezar en el diseño con el mínimo esfuerzo.

Categorías
Inside Mockplus

La última guía del proceso de diseño UX que usted debe saber

 

Como un importante término solar en el calendario chino tradicional, el solsticio de invierno es también un importante fiesta tradicional china para reunirse y la bienvenida a la llegada del invierno. Y, este año, se cae el 22 de diciembre y nuestra Mockplus becarios anfitrión de un concurso de cocina para celebrar juntos.

calentado por el sol del invierno rara en Chengdu, todo el mundo está lleno de energía y muy ocupados preparando cocinar platos en esta misma mañana. Una persona, un plato. Nadie es capaz de ganar con facilidad.

vamos a ver quién será el ganador final!

increíble, ¿verdad? Todos estos platos se cocinan con seguridad por nuestros semejantes y también es increíblemente deliciosa!

Los anfitriones de nuestros concursos de cocina. Están juntos tan lindo, ¿verdad?

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

El pescado de nuestro ingeniero de vapor también es muy delicioso y no recibe ningún “error”. Va a ser el ganador?

El picante cocido de cerdo Rebanadas de nuestros semejantes, no es increíble? Humm, espera un minuto! Los jueces dicen “NO”. Oh, no …

picante de pollo, que se origina en China Chongqing, está también renovó hoy!

¿Quién es este chico guapo? Ver el trofeo de oro parpadeando en la mano? Es que el ganador final real?

Por último, es hora de comer! Ayuda a sí mismos, chicos!

Vamos a tomar una foto. Mira a la camara. Uno, dos, tres, Di: “queso!”

Categorías
Inside Mockplus

La más notable Diseño Web Tendencias en 2017 (I)

 

¿Quieres diseñar un sitio web que se ve bien, creativo e impresionante? Hay un montón de efectos y características que se pueden agregar a su sitio, y uno de ellos es el efecto de desplazamiento de paralaje. sitios web de paralaje de desplazamiento puede hacer que su sitio se destacan de la multitud. Si tienes hambre para paralaje desplazamiento página web inspiración del diseño, sigue leyendo. He recogido 23 mejores ejemplos de sitios web con scroll parallax en 2018.

1. Mujer fatal

Mujer fatal es un estudio creativo se centra en la cultura, lujo, editorial, y el arte. El sitio web contiene animado páginas interactivas que provocan la emoción del público. Cuando el desplazamiento hacia abajo, los cambios de fondo y de texto utilizando el efecto de paralaje.

visita al sitio.

2. hasta la última gota

hasta la última gota que enseña la cantidad de agua que consume cada día. El diseñador divide la barra de progreso con proporciones iguales. Cuando el desplazamiento hacia abajo, se encontrará con diferentes escenas en su vida diaria con un estilo de los efectos de paralaje animados. La página “Universo” también tiene el efecto de paralaje 3D.

visita al sitio.

3. Beer Campo

Todo el sitio incluye 5 capas con un totalmente diferente efecto de paralaje desplazamiento. No es horizontal o vertical, es un alisado especializado y efecto de enfoque. Cuando se desplaza, cada capa se magnifica a la pantalla sin un corte; Esto, junto con el color brillante y la tipografía en negrita, crea una agradable sensación de espacio.

visita al sitio.

4. Porsche Volution

Porschevolution muestra una pasión por los coches mientras se centra exclusivamente en la marca Porsche. Toda la experiencia se basa en la década – la música apropiada y fotos de paralaje desplazamiento que muestran la evolución de Porsche. Hay una línea de tiempo de la izquierda de la pantalla; verá los modelos de coches de lujo de cada año se transforman mientras se desplaza.

visita al sitio.

5. Radios Radios

ecléctico Bicicleta taxi paseos ofrece una solución inmediata para el aparcamiento y el transporte público, que no sólo es verde y asequible, pero un divertido y único servicio a la cultura centrada en la comunidad bici-cómoda de Oak Cliff. El sitio tiene un estilo de dibujos animados y efectos de paralaje sorprendentes. La navegación de la barra superior funciona a la perfección con elementos de fondo de interfaz de usuario.

visita al sitio.

6. Hot Dot Dot

caliente es totalmente diferente de los ejemplos anteriores – que muestra un uso de desplazamiento horizontal. Al desplazarse, las páginas se mueven de izquierda a derecha con un suave efecto de paralaje + 3D que funciona totalmente con un fondo negro puro. Este sitio es también un buen ejemplo de receptivo móvil-primer diseño. Hay CTA se puede hacer clic en la parte inferior de la pantalla.

visita al sitio.

7. Hobolobo

Éste es también un poco diferente por su efecto de paralaje horizontal. Funciona bien con los dispositivos táctiles. Al deslizar la pantalla táctil, la página se mueve de izquierda a derecha para que cuentan una historia increíble. Hay una lista de páginas en la barra superior de la pantalla que se desliza junto con las páginas que muestran dónde se encuentra. Este sitio está totalmente cartooned y tiene un excelente efecto de paralaje 3D.

visita al sitio.

8. vigilancia contra incendios

de vigilancia contra incendios cuenta con un conjunto de misterio en el desierto de Wyoming, donde su única opción de vida emocional es la persona en el otro extremo de una radio portátil. El sitio tiene 6 capas en movimiento para crear una sensación de profundidad. El efecto de paralaje solamente se adopta en la primera pantalla.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

visita al sitio.

9. Aplicación Nizo

Este es uno de mis favoritos. Al desplazarse, todos los elementos de la interfaz se reúnen hacia el centro de la página con un ritmo. Cuando se desplaza hacia atrás, todos los elementos se separaron desde el centro hasta llegar a la final, donde permanecen intactos. Todo el estilo es limpio y sencillo, con colores puros y la tipografía en negrita.

visita al sitio.

10. Peugeot

Peugeot le muestra una historia sorprendente cuando se desplaza hacia abajo. Con el uso de scroll parallax, las obras cómicas de forma automática. Esta historia es bien jugó con una mezcla de efectos de paralaje horizontal y vertical.

visita al sitio.

11. El bunkai

bunkai es un sitio japonés. Cuando el desplazamiento hacia abajo, hay una linda chica de dibujos animados en movimiento a través de la página que muestra información diferente. Los extremos efecto de paralaje en la última pantalla, por lo que puede leer toda la información sin ser molestados.

visita al sitio.

12. Melanie Daveid

En Melanie Daveid, puede experimentar un mundo digital maravillosa, rica. Es una mezcla de la estética sorprendente, detalles sutiles y diseño de marca. La página fue cortado en 2 partes, con un panel de la izquierda estacionario y desplazamiento a la derecha. En las palabras del diseñador, “Obras e ilustraciones eran mis pasarelas a la industria creativa.”

visita al sitio.

13. El Barco

Lo sorprendente narración. Hay 6 capítulos en total y la corredera de paralaje demuestra de la página adoptado diversas capas de paralaje de movimiento para crear una sensación de profundidad. La barra de navegación de la derecha representa los seis capítulos de la historia. A medida que navega a través de cada capítulo, contribuye el efecto de paralaje a la apariencia de la lectura a través de un libro. En combinación con la animación de fondo, se crea una sensación de profundidad y la vida. Nos gusta este estilo de diseño gráfico.

visita al sitio.

14. David Gamache

Es una demostración de paralaje página web con el fondo de la interfaz de usuario puro. Cuando se desplaza hacia abajo. Se puede ver los elementos aparecen y desaparecen. Lo que es más, hay un móvil que puede girar mientras se desplaza.

visita al sitio.

15. Ensamble

Ensamble es un sitio web gratuito cartera en línea donde se pueden hacer proyectos de la cartera impresionante. Es muy aconsejable tarjetas utilizadas en una estructura de rejilla de las 18 hermosas páginas de inicio, que mostrará un rebote luz de interacción cuando se desplaza hacia abajo. La rejilla de estructura vitrinas 18 hermosas páginas de inicio, mientras que el efecto de paralaje proporciona un rebote luz de la interacción mientras se desplaza. Toda la interfaz es elegante, limpio y llamativo.

visita al sitio.

16. Walking Dead

Este sitio es como un drama mini-horrible zombi. Sólo desplácese hacia abajo para ver una persona muerto caminando a través de diferentes escenas. La historia entera puede auto-pantalla con un efecto de paralaje desplazamiento horizontal. La animación es muy grande y la música de fondo crea un estado de ánimo realmente espeluznante.

visita al sitio.

17. Seymour Powel

Seymour Powell es un grupo multidisciplinario de investigadores de diseño, estrategas, expertos de marca, producto, UX, diseñadores de interfaz de usuario, y los responsables. Las diferentes capas añaden profundidad con un efecto de suavizado de paralaje. Cada pantalla contiene una imagen que trabaja con el color de fondo y la imagen.

visita al sitio.

18. Youandigraphics

Traerá totalmente sus ideas de diseño a la vida. Irene DemetriI tiene una pasión para crear bellos sitios web sensibles, intuitivos para proyectos grandes y pequeños que el trabajo sobre cualquier tipo y tamaño de un dispositivo. Pero el efecto de paralaje no es tan obvio cuando se hace clic en un botón sólo ocurre en los elementos que se mueven en oposición. Haga clic en “Live View Sitio Web” para ver un efecto de paralaje pronunciada que wors así con la barra de navegación superior estática. Al desplazarse, diferentes elementos interactúan para formar una experiencia interactiva. Haga clic en “Ver Proyecto” en la página principal para ver los componentes del sitio web.

visita al sitio.

19. bagigia

¿Qué tal lleva casualmente una botella de agua caliente debajo de su brazo en invierno? Esta es la inspiración para un diseñador. Al desplazarse, el efecto de paralaje gira la bolsa para poner de relieve sus diferentes características. También hay una “cremallera” en la parte inferior de la pantalla que se mueve de izquierda a derecha mientras se desplaza. El artículo está bien representada, y totalmente atractivo.

visita al sitio.

20. Anton & Irene

Me encanta totalmente los esquemas de color de este sitio, así como la cálida y una interfaz limpia. Anton e Irene aspecto fresco con atuendos coloridos, modernos. Cuando el desplazamiento hacia abajo, que acaba de dar un paso atrás para dar paso a la información que necesita. La tipografía en negrita y el esquema de colores vivos crean una experiencia visual maravillosa. El sitio también tiene un lugar fresco huevo de Pascua en la primera página; Linger simplemente el cursor sobre Anton & Irene para ver cambios en su postura y la cara.

visita al sitio.

21. Putzengel

Hay 6 capas se muestran en una fila mientras se desplaza hacia abajo. Cada página tiene una escena única de la limpieza diaria de la vida. Cada página tiene un esquema de color diferente, con una retro, estilo pop art.

visita al sitio.

22. Beckett

El sitio es el lugar donde debes ir para el diseño creativo, con parallax scrolling utiliza internacionalmente para añadir profundidad a las ilustraciones. Una palabra de la precaución este sitio es un poco demasiado desordenada con tantos elementos en cada capa.

visita al sitio.

23. mundos perdidos ferias

Este sitio tiene un efecto de paralaje muy sutil pero eficaz, con un hombre que se movía a través de un tubo a medida que viaja bajo el mar. Es muy interesante ver al hombre experimentar todas las escenas hasta que finalmente llega a su destino a Atlantis se encuentran en el fondo del océano.

visita al sitio.

Por encima de 23 son los mejores ejemplos de paralaje de desplazamiento sitios web en mi opinión. Espero que les gusten y se inspiran para crear su propia cuenta. Si usted está interesado en probar el efecto de paralaje de desplazamiento, le sugiero que comience con un desplazamiento de paralaje de prototipos, que es mucho más simple y más fácil. Es posible que necesite una herramienta de creación de prototipos como Mockplus – para hacer un nuevo comienzo. Los componentes y la interacción son tan maravilloso y fácil de usar; lo que es más, es compatible con la vista previa de la página web sin necesidad de instalar ningún software adicional.

Categorías
Inside Mockplus

Secretos para el diseño de un excelente botón de acción flotante

 Recientemente

una aplicación japonesa, 旅 か え る, se hizo muy popular en China. El diseño único de interfaz de usuario, rana linda, y la experiencia de usuario sencilla atrajo a un gran número de usuarios chinos. En cuanto a la aplicación de interfaz de usuario de diseño y diseño de productos, 旅 か え る, fue un gran éxito.

Y cuando se trata de diseño de interfaz de usuario, no importa si usted está diseñando para Android o iOS . diseño de interfaz de usuario es vital para atraer a los usuarios.

para ofrecerle las herramientas que necesita para crear un diseño eficaz interfaz de usuario, aquí están los 15 mejores herramientas de interfaz de usuario de Android que son muy útiles en la creación de la interfaz de usuario perfecta aplicación móvil.

1. Desarrolladores de Android (gratis)

Ventajas

: guía completa de diseño de materiales y recursos

A medida que el sitio web oficial para el desarrollo del sistema Android, Android utiliza un nuevo concepto de diseño inspirado por la tinta del papel para proporcionar una sensación de tranquilidad.

A medida que el sitio web oficial para el desarrollo de sistemas Android, esta herramienta utiliza un nuevo concepto de diseño inspirado en papel y tinta para proporcionar un ambiente libre de distracciones.

basado en el diseño de materiales, Android Developer proporciona una guía de diseño de aplicaciones móviles interfaz de usuario muy completa que incluye iconos, herramientas de color, deportes, estilos, diseños, componentes, patrones, etc., proporcionando así las normas más recientes en el diseño de interfaz de Android. Su objetivo es “crear un lenguaje visual para los usuarios que combina los principios clásicos de buen diseño con la innovación y posibilidades de la tecnología y la ciencia.”

2. Mockplus (Free-$ 199 / año)

Sistema : Mac y de Windows

Ventaja: rápido prototipo de diseño para Android / iOS

Mockplus es una herramienta sencilla y rápida de prototipos para Android / iOS aplicaciones móviles con componentes de diseño de interfaces de aplicaciones móviles ricas y completas y librerías de iconos. Tiene una biblioteca de componentes que incluye elementos tanto para Android y diseño de interfaz de la aplicación iOS, así como los mejores iconos de estilo Android y iOS y botones.

Mockplus hace que la creación de prototipos de aplicaciones móviles fácil y sencilla. Los componentes de estilo de diseño de material sigue las directrices de diseño de Android oficiales, incluyendo la barra de estado de Android, barra de navegación inferior, y el interruptor de Android. Todos son preparados a la medida para los diseñadores de usar. la configuración de interacción entre los componentes, páginas y el panel de mando interactivo son tan claro como la luz del día.

Además de los componentes ricos y los iconos, Mockplus también proporciona plantillas de aplicaciones y diseño web móviles para hacer la curva de aprendizaje fácil para los usuarios.

instantánea vista previa también ayuda a ajustar el diseño de la interfaz de Android interfaz de usuario con el fin de lograr el efecto de diseño de la interfaz más realista. Así Mockplus ofrece 8 tipos de modos de vista previa que permite a los usuarios ver los efectos reales del diseño en diferentes dispositivos y en diferentes entornos.

3. Esbozo ($ 99)

probar la mejor herramienta de diseño de interfaz de usuario de Android Mockplus RP. Es libre Sistema

: Ventajas Mac

: completamente para el diseño de “interfaz”

Sketch es un peso ligero, herramienta de diseño fácil de usar vectores que hace que la interfaz de usuario diseño más simple y más eficiente. La plataforma simplifica las funciones que se utilizan en Photoshop e Illustrator, diseñados específicamente para el diseño UX / UI. Antes del bosquejo, los diseñadores tuvieron que cambiar entre Photoshop e Illustrator para obtener características específicas tales como vectores y otros efectos de fotos. Ahora, Boceto permite a los usuarios para deshacerse de la funcionalidad hinchado y enfoque en la experiencia del usuario / diseño de la interfaz de usuario para obtener el máximo provecho de su diseño de interfaz de usuario. Una de las mejores características de dibujo es la posibilidad de instalar plugins para compensar las características no incluidas en el software.

Sin embargo, a pesar de que es una de las herramientas más prácticas para el diseño de interfaces de usuario de la aplicación para Android, el apoyo de Boceto para previsualización en tiempo real del lado de Android no es muy eficaz. Los usuarios tienen que descargar SkalaPreview, y sólo después de una serie de operaciones engorrosas pueden ver el diseño real de la interfaz de Android en el lado del teléfono.

4. iDoc (Free-$ 69 / mes)

Sistema

: Mac y de Windows

Ventaja: línea de diseño de colaboración y diseño para los diseñadores y desarrolladores

UI hand-off Como nuevo la colaboración y la herramienta de mano-off, iDoc tiene plugins de gran alcance que ayuda a importar archivos de Photoshop, Adobe XD, y el croquis. Con la ayuda de los plugins, iDoc es posible generar especificaciones y activos de forma automática para el uso de la interfaz de usuario de diseño. Para hacer que los archivos de diseño estáticos en prototipos de alta fidelidad interactivos y animados, sólo subir sus archivos en el módulo prototipo de IDOC.

En el lienzo de trabajo, iDoc tiene cuatro partes apuntan a diferentes propósitos de diseño. Storyboard para las líneas lógicas para visualizar todo el flujo de trabajo y el progreso. Especificaciones para los activos y color a través de la importación de archivos de los plugins. IU diseñadores y desarrolladores podría tomar los elementos visuales necesarias, tales como la posición, el tamaño, el código CSS y otros parámetros de front-end. Eso es muy conveniente para los desarrolladores de aplicaciones para usuario a agarrar y códigos de información precisa.

apuntado como una herramienta de colaboración, puede invitar a varios miembros del equipo de cooperar juntos por el trabajo en equipo más eficaz y suave. Una gran nueva herramienta para ahorrar tiempo.

5. Zeplin (Free – $ 100 / mes)

Sistema : Mac y de Windows

Ventaja: herramienta de colaboración para el diseñador y el ingeniero de desarrollo de interfaz de usuario

Zeplin es muy fácil de usar. En primer lugar, las importaciones de interfaz de usuario del bosquejo de la interfaz de usuario en la aplicación. A continuación, la aplicación se ejecute automáticamente una serie de acciones de reconocimiento. El derecho pantallas laterales información tal como el color y la fuente de la interfaz de la interfaz de usuario. Cuando el ratón se mueve al icono de la interfaz de la interfaz de usuario, la aplicación mostrará automáticamente la posición de icono de función, tamaño y otros parámetros. Además, Zeplin también soporta la modificación de las reglas, tales como la adición de muestras de color, el cambio de fuentes, y la conversión de los lenguajes de programación entre el objeto-C y Swift. Los usuarios

también pueden marcar directamente en la interfaz de usuario, añadir notas de texto, y mucho más. Para varios usuarios, los cambios se sincronizan para que todos tengan la misma versión.

Como resultado, los diseñadores de interfaces de Android puede ahorrar tiempo a centrarse en el propio diseño sin el enorme costo de tiempo asociado con el trabajo en equipo.

6. Iconjar (gratuito – € 24.99) Sistema

: Mac

Advantage: Icono plataforma de recogida

Iconjar es una herramienta de diseño de interfaz de usuario que es muy simple, funcional y práctico para el diseño de interfaz de usuario de Android . Es compatible con SVG / PNG / GIF icono de formatos. Con la de arrastrar en la gestión de importación, puede establecer varias combinaciones “set” para gestionar la clasificación del icono.

Al hacer clic o doble clic en un solo icono, sólo se puede ver la opción de borrar. Aunque no se puede ver la función de vista previa, puede controlar el tamaño de visualización de iconos a través de la barra de ajuste del tamaño de los iconos en la barra de herramientas inferior. Otras características incluyen búsqueda y de cambio de nombre de lote / función etiqueta (mantenga pulsado el icono de opciones múltiples tecla CMD, y después establecer el nombre de icono y la etiqueta en la columna de la derecha.)

Iconjar tiene una clasificación detallada de icono, que contiene el diseño de materiales, una estilo de diseño importante Android interfaz de usuario.

10 Más Herramientas útiles Android interfaz de usuario de diseño:

1. ActionBarSherlock: una biblioteca independiente de diseño, sino también un proyecto de código abierto en GitHub fuego

2. Nueve Antiguo androides: útil para lograr animaciones complejas

3. Tirar para refrescar: lista desplegable para actualizar la actual efecto contenido de la página

4. Rueda de progreso: una barra de progreso de rodadura puede sustituir Android tipo indeterminado nativo y mostrará el progreso del proceso específico

5. ViewPagerIndicator: un Android paginación puntero Reproductor basado en Patrik Akerfeld y ViewPager compatible y ActionBarSherlock

6. androide universal Image Loader: un componente de interfaz de usuario de código abierto adaptado para Android

7. ColorPicker: selector de color para la plataforma Android

Botón

8. segmentado de radio: herramienta Una interfaz de usuario que controla los efectos de ciervo ing para iOS en Android

9. PhotoView: apoyo de punto único / multi-touch para una imagen zoom

10. Ver imagen inteligente: viene con imagen grande Ver componentes

Otro Android UI Design Recursos

11 mejor material del diseño libre Kits de interfaz de usuario para Dibujo y PSD en 2018

10 mejores prácticas Android de la aplicación de interfaz de usuario diseño ejemplos para la inspiración

Resumen

para crear una buena aplicación para Android interfaz de usuario, los diseñadores necesitan amplios conocimientos de diseño y poner en un montón de trabajo. Sin embargo, las 15 herramientas de diseño de interfaz de usuario de Android mencionados anteriormente harán su trabajo más fácil y ayudarle a implementar mejor sus ideas de diseño.

Categorías
Inside Mockplus

Otras funciones recién en Mockplus 2.19 Release – Auto Recuperación

 Recientemente

una aplicación japonesa, 旅 か え る, se hizo muy popular en China. El diseño único de interfaz de usuario, rana linda, y la experiencia de usuario sencilla atrajo a un gran número de usuarios chinos. En cuanto a la aplicación de interfaz de usuario de diseño y diseño de productos, 旅 か え る, fue un gran éxito.

Y cuando se trata de diseño de interfaz de usuario, no importa si usted está diseñando para Android o iOS . diseño de interfaz de usuario es vital para atraer a los usuarios.

para ofrecerle las herramientas que necesita para crear un diseño eficaz interfaz de usuario, aquí están los 15 mejores herramientas de interfaz de usuario de Android que son muy útiles en la creación de la interfaz de usuario perfecta aplicación móvil.

1. Desarrolladores de Android (gratis)

Ventajas

: guía completa de diseño de materiales y recursos

A medida que el sitio web oficial para el desarrollo del sistema Android, Android utiliza un nuevo concepto de diseño inspirado por la tinta del papel para proporcionar una sensación de tranquilidad.

A medida que el sitio web oficial para el desarrollo de sistemas Android, esta herramienta utiliza un nuevo concepto de diseño inspirado en papel y tinta para proporcionar un ambiente libre de distracciones.

basado en el diseño de materiales, Android Developer proporciona una guía de diseño de aplicaciones móviles interfaz de usuario muy completa que incluye iconos, herramientas de color, deportes, estilos, diseños, componentes, patrones, etc., proporcionando así las normas más recientes en el diseño de interfaz de Android. Su objetivo es “crear un lenguaje visual para los usuarios que combina los principios clásicos de buen diseño con la innovación y posibilidades de la tecnología y la ciencia.”

2. Mockplus (Free-$ 199 / año)

Sistema : Mac y de Windows

Ventaja: rápido prototipo de diseño para Android / iOS

Mockplus es una herramienta sencilla y rápida de prototipos para Android / iOS aplicaciones móviles con componentes de diseño de interfaces de aplicaciones móviles ricas y completas y librerías de iconos. Tiene una biblioteca de componentes que incluye elementos tanto para Android y diseño de interfaz de la aplicación iOS, así como los mejores iconos de estilo Android y iOS y botones.

Mockplus hace que la creación de prototipos de aplicaciones móviles fácil y sencilla. Los componentes de estilo de diseño de material sigue las directrices de diseño de Android oficiales, incluyendo la barra de estado de Android, barra de navegación inferior, y el interruptor de Android. Todos son preparados a la medida para los diseñadores de usar. la configuración de interacción entre los componentes, páginas y el panel de mando interactivo son tan claro como la luz del día.

Además de los componentes ricos y los iconos, Mockplus también proporciona plantillas de aplicaciones y diseño web móviles para hacer la curva de aprendizaje fácil para los usuarios.

instantánea vista previa también ayuda a ajustar el diseño de la interfaz de Android interfaz de usuario con el fin de lograr el efecto de diseño de la interfaz más realista. Así Mockplus ofrece 8 tipos de modos de vista previa que permite a los usuarios ver los efectos reales del diseño en diferentes dispositivos y en diferentes entornos.

3. Esbozo ($ 99)

probar la mejor herramienta de diseño de interfaz de usuario de Android Mockplus RP. Es libre Sistema

: Ventajas Mac

: completamente para el diseño de “interfaz”

Sketch es un peso ligero, herramienta de diseño fácil de usar vectores que hace que la interfaz de usuario diseño más simple y más eficiente. La plataforma simplifica las funciones que se utilizan en Photoshop e Illustrator, diseñados específicamente para el diseño UX / UI. Antes del bosquejo, los diseñadores tuvieron que cambiar entre Photoshop e Illustrator para obtener características específicas tales como vectores y otros efectos de fotos. Ahora, Boceto permite a los usuarios para deshacerse de la funcionalidad hinchado y enfoque en la experiencia del usuario / diseño de la interfaz de usuario para obtener el máximo provecho de su diseño de interfaz de usuario. Una de las mejores características de dibujo es la posibilidad de instalar plugins para compensar las características no incluidas en el software.

Sin embargo, a pesar de que es una de las herramientas más prácticas para el diseño de interfaces de usuario de la aplicación para Android, el apoyo de Boceto para previsualización en tiempo real del lado de Android no es muy eficaz. Los usuarios tienen que descargar SkalaPreview, y sólo después de una serie de operaciones engorrosas pueden ver el diseño real de la interfaz de Android en el lado del teléfono.

4. iDoc (Free-$ 69 / mes)

Sistema

: Mac y de Windows

Ventaja: línea de diseño de colaboración y diseño para los diseñadores y desarrolladores

UI hand-off Como nuevo la colaboración y la herramienta de mano-off, iDoc tiene plugins de gran alcance que ayuda a importar archivos de Photoshop, Adobe XD, y el croquis. Con la ayuda de los plugins, iDoc es posible generar especificaciones y activos de forma automática para el uso de la interfaz de usuario de diseño. Para hacer que los archivos de diseño estáticos en prototipos de alta fidelidad interactivos y animados, sólo subir sus archivos en el módulo prototipo de IDOC.

En el lienzo de trabajo, iDoc tiene cuatro partes apuntan a diferentes propósitos de diseño. Storyboard para las líneas lógicas para visualizar todo el flujo de trabajo y el progreso. Especificaciones para los activos y color a través de la importación de archivos de los plugins. IU diseñadores y desarrolladores podría tomar los elementos visuales necesarias, tales como la posición, el tamaño, el código CSS y otros parámetros de front-end. Eso es muy conveniente para los desarrolladores de aplicaciones para usuario a agarrar y códigos de información precisa.

apuntado como una herramienta de colaboración, puede invitar a varios miembros del equipo de cooperar juntos por el trabajo en equipo más eficaz y suave. Una gran nueva herramienta para ahorrar tiempo.

5. Zeplin (Free – $ 100 / mes)

Sistema : Mac y de Windows

Ventaja: herramienta de colaboración para el diseñador y el ingeniero de desarrollo de interfaz de usuario

Zeplin es muy fácil de usar. En primer lugar, las importaciones de interfaz de usuario del bosquejo de la interfaz de usuario en la aplicación. A continuación, la aplicación se ejecute automáticamente una serie de acciones de reconocimiento. El derecho pantallas laterales información tal como el color y la fuente de la interfaz de la interfaz de usuario. Cuando el ratón se mueve al icono de la interfaz de la interfaz de usuario, la aplicación mostrará automáticamente la posición de icono de función, tamaño y otros parámetros. Además, Zeplin también soporta la modificación de las reglas, tales como la adición de muestras de color, el cambio de fuentes, y la conversión de los lenguajes de programación entre el objeto-C y Swift. Los usuarios

también pueden marcar directamente en la interfaz de usuario, añadir notas de texto, y mucho más. Para varios usuarios, los cambios se sincronizan para que todos tengan la misma versión.

Como resultado, los diseñadores de interfaces de Android puede ahorrar tiempo a centrarse en el propio diseño sin el enorme costo de tiempo asociado con el trabajo en equipo.

6. Iconjar (gratuito – € 24.99) Sistema

: Mac

Advantage: Icono plataforma de recogida

Iconjar es una herramienta de diseño de interfaz de usuario que es muy simple, funcional y práctico para el diseño de interfaz de usuario de Android . Es compatible con SVG / PNG / GIF icono de formatos. Con la de arrastrar en la gestión de importación, puede establecer varias combinaciones “set” para gestionar la clasificación del icono.

Al hacer clic o doble clic en un solo icono, sólo se puede ver la opción de borrar. Aunque no se puede ver la función de vista previa, puede controlar el tamaño de visualización de iconos a través de la barra de ajuste del tamaño de los iconos en la barra de herramientas inferior. Otras características incluyen búsqueda y de cambio de nombre de lote / función etiqueta (mantenga pulsado el icono de opciones múltiples tecla CMD, y después establecer el nombre de icono y la etiqueta en la columna de la derecha.)

Iconjar tiene una clasificación detallada de icono, que contiene el diseño de materiales, una estilo de diseño importante Android interfaz de usuario.

10 Más Herramientas útiles Android interfaz de usuario de diseño:

1. ActionBarSherlock: una biblioteca independiente de diseño, sino también un proyecto de código abierto en GitHub fuego

2. Nueve Antiguo androides: útil para lograr animaciones complejas

3. Tirar para refrescar: lista desplegable para actualizar la actual efecto contenido de la página

4. Rueda de progreso: una barra de progreso de rodadura puede sustituir Android tipo indeterminado nativo y mostrará el progreso del proceso específico

5. ViewPagerIndicator: un Android paginación puntero Reproductor basado en Patrik Akerfeld y ViewPager compatible y ActionBarSherlock

6. androide universal Image Loader: un componente de interfaz de usuario de código abierto adaptado para Android

7. ColorPicker: selector de color para la plataforma Android

Botón

8. segmentado de radio: herramienta Una interfaz de usuario que controla los efectos de ciervo ing para iOS en Android

9. PhotoView: apoyo de punto único / multi-touch para una imagen zoom

10. Ver imagen inteligente: viene con imagen grande Ver componentes

Otro Android UI Design Recursos

11 mejor material del diseño libre Kits de interfaz de usuario para Dibujo y PSD en 2018

10 mejores prácticas Android de la aplicación de interfaz de usuario diseño ejemplos para la inspiración

Resumen

para crear una buena aplicación para Android interfaz de usuario, los diseñadores necesitan amplios conocimientos de diseño y poner en un montón de trabajo. Sin embargo, las 15 herramientas de diseño de interfaz de usuario de Android mencionados anteriormente harán su trabajo más fácil y ayudarle a implementar mejor sus ideas de diseño.

Categorías
Inside Mockplus

Nunca una rosa sin Prick-Apple también hace que algunos errores de diseño!

 equipo

Mockplus ha recogido la parte superior 20 mejores plantillas de aplicación para iOS de Dribbble. Esta lista de plantillas permitirá a los diseñadores y desarrolladores para hacer sus propios diseños de aplicaciones de iOS en tan sólo unos minutos. todos son libres y puede hacer clic en los enlaces para descargar gratis.

Estas plantillas cubre varias categorías: los inicios de sesión Registro

, navegaciones, páginas de la Guía de inicio de sesión, páginas personales, centros, multimedia, prototipos,, comercio electrónico, sociales y más.

Por lo tanto, vamos a echar un vistazo.

1. Iniciar sesión • Proyecto 50 GRATIS iOS App Pantallas

diseñador: Jardson Almeida

Este proyecto de diseño se reunieron 50 pantallas de aplicaciones de iOS ayuda a inspirar a los diseñadores. Tema: Entra, Regístrese Anuncios y experiencias de incorporación.

    Sistema Móvil

  • : IOS
  • formato

  • archivo: Bosquejo
  • Tamaño de la pantalla: iPhone 6 (750 x 1334)
  • Familia de fuentes: las pantallas de San Francisco Display Descargar

gratuito

2. Mobile UI Kit y gratuito iOS

diseñador: Volodymyr

Un pequeño kit móvil de iOS pantallas de alta calidad destinados a hacer su flujo de diseño sencillo. Es fácil de usar y cuidadosamente montado para Boceto. Cada plantilla es completamente personalizable. Volodymyr por el diseñador. Sistema Móvil

    • : IOS

      formato

    • archivo: Bosquejo

    Descargar gratis

    3. La tienda iOS App – Interfaz y de Prototipo

    diseñador: Tobia Crivellari

    Este es un diseño de aplicación de iOS para una compras, creado por el diseñador Tobia.

    El paquete incluye:

    • 10+ interfaz de usuario de pantalla hecho en el croquis
    • Principio prototipo (iPhone 6) archivo fuente
    • de vídeo con todas las interacciones Descargar

    gratuito

    4. Aplicación de flujo de trabajo Plantilla

    diseñador: Anny

    de flujo de trabajo es una herramienta de automatización que le permite crear flujos de trabajo para iPhone, iPad y Apple Seguir arrastrando y soltando combinar elementos. Sistema

    • móvil: iOS (iPhone 6 / 6s, iPhone7 / 8) Formato
    • del archivo: Mockplus (archivo MP) Descargar

    gratuito

    5. Truks de libre bosquejo UI Kit

    diseñador .: Dylan Mullins

    Acerca de: truks es un iOS libres 11 compatibles, el comercio electrónico IU kit por el diseñador Dylan nació de un proyecto que más tarde fue puesta de sol, la truks interfaz de usuario está disponible para su bosquejo – 100% libre de

    • móvil. sistema: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    6. Plantilla aplicación Instagram 2019

    diseñador: WONDER

    Esta es una actualización de una de las más populares y maquetas Instagram completas para Boceto . En 2019 Instagram tuvo grandes cambios visuales:. una pantalla de cajón de la derecha para los menús de artículos, perfiles de negocio independientes; Instagram de televisión y mucho más Gracias a la maravilla para compartir esta plantilla

    • móvil Syst. em: IOS
    • Formato de archivo: Dibujo & PSD

    Novedades de este recurso?

    • nuevas pantallas
    • estructura de capas mejorado para un uso más cómodo de la plantilla
    • Agregado 3 pantallas publicitarias para las integraciones cliente
    • Agregado nuevo conjunto de iconos
    • esquema de color mejorada Descargar

    gratuito

    7. Monedero ! UI de recursos Boceto

    Mockplus en primavera 2020 – hasta 34% OFF

    diseñador: Akshay Salekar

    se trata de un pago App libre interfaz de usuario del kit, que le permite enviar y recibir dinero a sus contactos y personas cercanas . También puede ayudar a gestionar sus gastos mediante la creación de un registro de gastos, por lo que no perder la pista de sus spendings.

    Las pantallas incluyen:

    de bienvenida, entrada de seguridad, Hogar, enviar dinero, recibir dinero, la búsqueda de dispositivos cercanos, el perfil, el chat de contactos, que pagan dinero, administrar el dinero y añadir gastos. Sistema Móvil

    • : IOS

      formato

    • del archivo: Dibujo & PSD

    Descargar gratis

    8. Amazon Actualizar diseño

    Diseñador: Lorenzo Perniciaro

    Amazon se está cerca de convertirse en una aplicación de interfaz de usuario viejo y aburrido , por lo que el diseñador Lorenzo rediseñado estos 3 pantallas con el objetivo de refrescar un poco. Gracias Lorenzo por compartir sus creativas ideas de diseño. Si te gusta, puedes seguirlo en Dribbble.

    • Sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    9. Gmail para iOS

    Diseñador: Diseño Ishan Madushka

    IU Concepto para la aplicación de Gmail para iOS. Diseñador Ishan rediseña la interfaz de usuario para que sea lo más simple posible mejorar su funcionalidad.

      Sistema Móvil

    • : IOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    10. IOS de carcasa restaurante

    diseñador: Ahmed Mohammed Eldeeb

    Se trata de un restaurante de alta fidelidad iOS aplicación creada por el diseñador Ahmed. Es muy sencillo y limpio. Una interfaz de pedidos y la interfaz de búsqueda se incluyen. Sistema Móvil

    • : iO

      formato

    • archivo: Bosquejo

    Descargar gratis

    11. Favicon / IOS plantilla icono

    diseñador: Marco diez Donkelaar

    Acerca de: iOS plantillas icono de la aplicación de diferentes tamaños compartida por diseñadores Marco. Se puede descargar de forma gratuita.

    • Sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    12. Aplicación del libro Concepto

    diseñador: Anant Bhadreshwara

    simple y aplicación de lectura en línea limpia

    A. Esta plantilla incluye dos páginas principales y una animación AE. Es una plantilla de aplicación muy creativo con una transición suave entre las animaciones.

    • Sistema móvil: iOS
    • formato

    • del archivo: Prd + + Aep Boceto

    Descargar gratis

    13. Inmobiliaria Aplicación Concepto

    diseñador: Kishore

    Aquí es una aplicación de bienes raíces para todos sus requisitos de bienes raíces, incluyendo pantallas de visualización hogar, la búsqueda, las pantallas de configuración, etc.

    • sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    14. iNews Aplicación Concepto

    de diseño : Kishore

    Un kit de interfaz de usuario de iOS de inicio gratuito de Noticias móvil compartida por Kishore. Es un súper simple, ordenada Noticias aplicación que es práctico con la tipografía adecuada, contraste de color, y la legibilidad.

    • Sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    15. Aplicación de Gestión de Proyectos

    diseñador: M. Tayyab

    Es una aplicación de gestión de proyectos IOS. Cuenta con pantallas de abordaje para iOS y Adobe XD, incluyendo pantallas de inicio de sesión y de búsqueda.

    • Sistema móvil: iOS
    • formato

    • Archivo: Adobe XD

    Descargar gratis

    16. Bromo-Social Mobile App Plantilla

    diseñador: Faiz Al-Qurni

    Acerca de: Bromo es un país libre plantilla de aplicación ios sociales. Cada pantalla es perfecta píxeles con mucha atención al detalle, y es muy fácil de personalizar. Puede trabajar para cualquier tipo de aplicación social y es una gran solución para cualquier persona que no tiene el presupuesto para crear una aplicación desde cero.

    Las pantallas incluyen pantalla de bienvenida, inicio de sesión, suministro de noticias, amigos y chat.

    • Sistema móvil: iOS (iPhone 6)
    • Formato de archivo: PSD

    Descargar gratis

    17. Carrera A Rich App Plantilla

    diseñador: Saad

    Acerca de: Esta es una Arabic- aplicación de idioma para la gente rica.

      Sistema Móvil

    • : IOS
    • formato

    • Archivo: Adobe XD
    • Fuente utilizada: El Cairo

    Descargar gratis

    18. Aplicación icono de plantilla

    diseñador: Rahul Bhadauria

    Se trata de una aplicación gratuita plantilla icono para uso personal y comercial. Se puede utilizar para mostrar su aplicación para sus clientes.

    • Sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    19. Bizwatcher aplicación de negocios

    diseñador: Crevatif

    Aquí es un kit de interfaz de usuario libre para un diseño de aplicación de negocios. Está diseñado por Crevatif para dispositivos iOS utilizando croquis.

    • Sistema móvil: iOS
    • formato

    • archivo: Bosquejo

    Descargar gratis

    iPhone App Store 20. Activos

    diseñador: Alex

    Acerca de: Desde la preparación de imágenes para aplicaciones de iPhone es muy tiempo- consumir, diseñador Alex hizo estos activos iPhone App Store para que ayudar a salvar su tiempo de diseño. Puede hacer clic en el enlace para la descarga gratuita.

      Sistema Móvil

    • : IOS
    • formato

    • archivo: Bosquejo

    Incluye: tamaños

    • todos los iPhone (3.5″ , 4″ , 4,7″ , 5,5″ )
    • Blanco y negro iPhones
    • compartidos estilos (para los fondos de color o imagen) Instrucciones
    • cómo aplicar sus diseños Descargar

    gratuito

    Si te ha gustado estos iOS plantillas de aplicación gratuita, por favor no dude en compartirlas con sus redes sociales. Si usted tiene una sugerencia para la próxima edición de nuestra colección libre de iOS App plantillas, llegar a nosotros a través de Twitter o Facebook.

  • Categorías
    Inside Mockplus

    Promoción Mockplus de Fin de Año 2018! 30% de descuento en todos los planes!

     

    De hecho, los términos, “alta fidelidad” y “baja fidelidad”, se utilizaron por primera vez en la música rock para describir el sonido y jugar habilidades de rock and roll a finales de la década de 1980. A medida que pasan los años, sino que también se aplican en el diseño web / aplicación para referirse a los diferentes niveles de detalles y funcionalidad incorporada en un prototipo.

    Sin embargo, ¿cuáles son las diferencias reales entre ellos, cómo y por qué debemos elegir el prototipo de alta o baja fidelidad para un diseño o usuario una mejor investigación?

    En lo que sigue, que le guiará a través de los fundamentos y las diferencias que yacen en la alta fidelidad y de baja fidelidad, y explicar por qué y cómo elegir ellos para hacer excelentes prototipos para un mejor diseño o la investigación del usuario.

    Tabla de contenidos:

    • En primer lugar, lo que es un prototipo
    • ¿Qué es un prototipo de baja fidelidad
    • ¿Qué es un prototipo de alta fidelidad
    • diferencia entre la alta fidelidad y baja prototipo fidelidad
    • ¿Cómo y por qué elegir hi-fi o prototipo de baja fidelidad para un mejor diseño
    • mejor herramienta de creación de prototipos para tu web / diseño de aplicación

    en primer lugar, ¿Qué es un prototipo?

    “Un prototipo es una muestra temprana, modelo o versión de un producto construido para probar un concepto o proceso. Es un término que se utiliza en una variedad de contextos, incluyendo la semántica, el diseño, la electrónica y la programación de software.” —- de Wikipedia.

    Cuando se trata de diseño de UI / UX, un prototipo de ayuda a los diseñadores a traducir sus ideas de diseño en un modelo digital y tangible. Pueden direclty de piezas de prueba o la totalidad de las UIS, interacciones y flujos UX para ver si son viables y excutable.

    Además, dado que las necesidades de los equipos varían, también hacen el prototipo de baja fidelidad o de alta fidelidad prototipo para poner a prueba sus ideas de diseño para diferentes propósitos.

    ¿Qué es un prototipo de baja fidelidad?

    La baja fidelidad prototipo – conocido como de baja tecnología, baja fidelidad o de baja fidelidad prototipo , es un prototipo semi-acabado que se centra en la función, estructura, proceso y proporciona el marco más simple y los elementos de una red / app. A menudo se utiliza para traducir las ideas de diseño en objetos tangibles y comprobables para recoger y analizar las demandas de los usuarios en la etapa temprana.

    Entonces, ¿Qué es un prototipo de alta fidelidad?

    El prototipo de alta fidelidad – conocido como alta tecnología, de alta fidelidad o prototipo de alta fidelidad , es un prototipo completo e interactivo que es bastante cerca de los productos finales con una gran cantidad de funciones, interacciones y detalles. A menudo se utiliza en la evaluación de usabilidad más tarde para descubrir los posibles problemas que un diseño web / aplicación puede seguir existiendo.

    diferencia entre la alta fidelidad y de baja fidelidad Prototipo

    Todavía no sé las diferencias entre baja fidelidad y prototipos de alta fidelidad? No se preocupe! Éstos son ejemplos de prototipo 3 reales de baja fidelidad para ayudarle a aprender más sobre prototipos de baja fidelidad: Ejemplo

    1. Baja fidelidad de movimiento Prototipo

    Este bajo-fi prototipo muestra la segunda movimientos de menú claramente sin centrarse demasiado en los detalles de interfaz de usuario.

    2. Baja fidelidad UX Prototipo Ejemplo para un constructor de sitios

    Este prototipo de baja fidelidad UX presenta los diseños de página, sistemas de navegación y de las interacciones del usuario flujos claramente y sin demasiados detalles de interfaz de usuario. Ayuda a probar supuestos diseñadores y encontrar problemas UX invisibles rápidamente.

    3.Lo-fi Prototipo Ejemplo Tender

    Este es otro buen ejemplo (creado en Mockplus, una herramienta fácil de prototipos más rápido y más inteligente) para mostrar los principales diseños y colocaciones de elementos de una aplicación. Incluso sin detalles de elementos, que ayuda a los diseñadores a detectar y abordar problemas potenciales en una etapa anterior.

    verlo? Incluso sin detalles de interfaz de usuario, el prototipo de baja fidelidad ayuda a transmitir las ideas de diseño y mostrar las principales funciones, las estructuras, los flujos y las interacciones de una web / aplicación fácilmente. Trae un montón de diseñadores beneficios. Ventajas

    de prototipos de baja fidelidad: costo

    • baja. El costo de un prototipo de baja fidelidad es extremadamente bajo.
    • rápido. Sin centrarse en cada detalle de la interfaz, los diseñadores pueden simplemente seguir sus ideas de diseño y crear un prototipo simple y comprobable en pocos minutos.
    • fácil de demostrar, colaborar y iterate. Sin demasiados detalles de interfaz de usuario, un prototipo de baja fidelidad no requiere muchos conocimientos profesionales. Y más personas pueden unirse y colaborar en el mismo proyecto. También es fácil para los diseñadores para hacer cambios e iterar el prototipo durante la colaboración.
    • fácil de obtener retroalimentación. Desde un prototipo de baja fidelidad es fácil de llevar y demostrar, los diseñadores también pueden compartir directamente con otras personas (incluyendo a los miembros del equipo y las partes interesadas) a la retroalimentación de diseño a cobro revertido.
    • fácil de detectar y hacer frente a posibles problemas. Un prototipo de baja fidelidad también permite a los diseñadores a los flujos de usuario de prueba, las interacciones y los menús de navegación de una web / aplicación fácilmente. Es bueno para los diseñadores para detectar y hacer frente a posibles problemas de UI / UX rápidamente.

    Desventajas de prototipos de baja fidelidad:

    • Limited UI detalles / animaciones / interacciones. Para transmitir ideas de forma rápida, un prototipo de baja fidelidad a menudo se crea con limitados datos de interfaz de usuario, funciones, animaciones e interacciones, etc Por lo tanto, no es bueno para otros diseñadores o miembros del equipo para tener una comprensión completa del diseño web / aplicación.
    • Los resultados de las pruebas se limitan e inexacta. Si no hay suficientes detalles de diseño, un prototipo de baja fidelidad, en cierta medida, no puede simular con precisión los escenarios reales de los usuarios. Los resultados de las pruebas también son inevitablemente afectada e inexacta. Innecesariamente a decir, cuando el prototipo se modifican drásticamente en la etapa posterior, los resultados de las pruebas pueden ser completamente diferentes.

    lo tanto, si usted consigue solamente algunas ideas de diseño, quieren presentarlos con un simple prototipo, discutir y colaborar con otros diseñadores o los miembros del equipo antes de excavar en, un prototipo de baja fidelidad es perfecto para usted. !

    Mockplus en primavera 2020 – Hasta 34% OFF

    Y luego, aquí están 3 ejemplos reales de alta fidelidad prototipo para ayudarle a aprender más sobre prototipos de alta fidelidad:

    1. Lista de Tareas High Fidelity Prototype Ejemplo

    Este prototipo de alta fidelidad no sólo muestra los detalles de interfaz de usuario, pero también fluye pantallas de usuario y las interacciones con claridad. Los diseñadores pueden comprobar fácilmente y prueba muy pequeño detalle para ver si todavía hay algunos problemas UI / UX.

    2. Alta Fidelidad Prototipo Ejemplo

    3. Producto Diseño alta fidelidad Prototipo Ejemplo

    Un prototipo de alta fidelidad le permite transmitir ideas de diseño con ricos colores, botones, iconos, fotografías, animaciones, interacciones y más detalles.

    Ventajas de prototipos de alta fidelidad:

    • ricos detalles de diseño. Los prototipos de alta fidelidad se construyen con más fotos HQ, colores, animaciones, iconos, botones y otros elementos. Cada elemento está diseñado exactamente como si estuviera en un sitio web real / app.
    • mejor efecto visual. Con una gran gama de colores, animaciones vivos, diseños y mucho más, un prototipo de alta fidelidad también a menudo tienen mejores efectos visuales que un prototipo de baja fidelidad.
    • resultados de las pruebas más precisas. Con ricos detalles, un prototipo de alta fidelidad sólo se parece a una web de bienes / app. Es fácil para los diseñadores para simular los escenarios reales de los usuarios y probar el producto desde todos los aspectos posibles, incluyendo las interacciones, los flujos de usuario, los efectos de los elementos y combinaciones de colores, así la UX. Los resultados de las pruebas son también mucho más precisa.
    • retroalimentación más efectiva. Por supuesto, después de ser compartido con otros diseñadores y miembros del equipo, la información recibida es también más eficaz para hacer frente a los problemas existentes.
    • más atractivos para los clientes y las partes interesadas. También es bueno para los diseñadores para presentar claramente cómo la web / aplicación definitiva se supone que el trabajo y ayuda a atraer más clientes, partes interesadas y los inversores.

    Desventajas de prototipos de alta fidelidad: costo

    • Superior. Un prototipo de alta fidelidad menudo tiene que ser creado con una herramienta de prototipado profesional. En comparación con el prototipo de baja fidelidad, el costo de la misma es sin duda mucho mayor.
    • difíciles de cambiar y iterate. Cuando se realizan algunos cambios, una serie de páginas o elementos en un prototipo de alta fidelidad también tienen que ser modificado al mismo tiempo. Esto puede ser problemático y requiere mucho tiempo.

    Así, un prototipo de alta fidelidad es muy funcional e interactiva para usted y su equipo para encontrar y hacer frente a algunos pequeños problemas de interfaz de usuario / UX, así como conseguir más clientes y accionistas en la etapa de diseño muy termina.

    ¿Cómo y por qué elegir Hi-Fi o low-fi Prototipo para un mejor diseño?

    Como hemos mencionado anteriormente, ya que la alta fidelidad y de baja fidelidad juegan un papel muy diferente en la creación de diseños exitosos, es mejor que también se utilicen para diferentes compras o en diferentes etapas de diseño: 1. ¿Por qué es

    mínima fidelidad prototipo mejor para usted en la primera etapa del diseño?

    Obviamente, el prototipo de baja fidelidad se centra más en conceptos de alto nivel de los productos finales y ayudar a descubrir los posibles problemas, así como conseguir que resolverse en una etapa muy temprana.

    Esto ayuda a asegurar que usted y su equipo han elegido y seguido el tema del diseño correcto y la dirección antes de excavar en.

    Así, en la etapa inicial de diseño, cuando usted y su equipo está destinado a traducir rápidamente sus ideas en prototipos visualizados, el acortamiento iteraciones y recoger sugerencias de los usuarios, un prototipo de baja fidelidad es una opción mucho mejor.

    En pocas palabras, cuando es el momento adecuado para utilizar un prototipo de baja fidelidad?

    • Cuando una idea de diseño parpadea en su mente y que desea convertir en un modelo tangible rápidamente
    • Cuando se quiere hablar de sus ideas de diseño con sus socios tan pronto como sea posible
    • Cuando se quiere comprobar si el diseño las ideas son factibles y se reúnen las necesidades de los usuarios
    • Cuando se desea obtener retroalimentación de los otros miembros del equipo

    2. ¿por qué es la creación de prototipos de alta fidelidad mejor para usted en la etapa de diseño muy termina?

    En pocas palabras, cuando es el mejor momento para utilizar un prototipo de alta fidelidad?

    • Cuando el diseño visual de su producto se ha hecho
    • Cuando se desea probar sus datos web / de aplicaciones, tales como los elementos de interfaz de usuario, esquemas de color y copias de página, etc
    • Cuando se desea probar una interacción, flujo de trabajo, la afluencia de usuarios, animación de transición, efectos visuales o similares ideas de diseño de interfaz de usuario completa con detalles
    • Cuando se quiere conocer la opinión de otros diseñadores y usuarios

    Cómo elegir una herramienta de prototipado adecuado para un mejor diseño?

    No importa si usted elige una alta fidelidad o baja fidelidad prototipo, el único propósito es presentar sus fantásticas ideas de diseño con mayor intensidad y construir prototipos excelentes web / app, ¿verdad? Si su respuesta es “Sí”, el siguiente paso para usted es elegir una herramienta de prototipado derecha.

    Pero aún no se sabe cómo? Éstos son algunos consejos para sus referencias:

    • precio. El precio es siempre el factor más importante para que usted elija un low-fi o una herramienta de creación de prototipos de alta fidelidad. Sin embargo, no es el único factor que se debe tener en cuenta. Un precio barato o caro no indica nada. Lo que necesita es sólo el que más le convenga. curva
    • Learning. El tiempo que tarda para usted y su equipo para aprender una nueva herramienta siempre importa al elegir una herramienta de prototipado derecha. Por lo tanto, si usted no quiere perder el tiempo explorando nuevas características de una herramienta, lo mejor es para que usted elija uno más fácil. Uso
    • . En estos días, hay un montón de herramientas de creación de prototipos por ahí que proporcionan características completamente diferentes. Para elegir el más adecuado para usted y su equipo, es mejor saber exactamente qué características tendrá en su proceso de diseño del producto es. Por lo tanto, es necesario para que usted pueda averiguar las necesidades reales de los miembros de su equipo de los diferentes departamentos de antemano.
    • trabajo en equipo. Para discutir las ideas de diseño y obtener retroalimentación de otros miembros del equipo a tiempo, la mayoría de los equipos de diseñadores / diseño prefieren elegir una herramienta de creación de prototipos que soporta el trabajo en equipo. ¿También necesita eso? Si lo hace, una herramienta que permite que usted y su equipo para comunicarse y colaborar libremente en línea es una mejor opción.
    • Fidelity. Así, mientras que la elección de una herramienta de creación de prototipos, también es necesario tener en cuenta la fidelidad.
    • Integración

    • . Otro factor que se debe considerar es ver lo bien que la herramienta de prototipado se adapte a su proceso de diseño. En estos días, en caso de que los usuarios tienen que herramientas interruptor con frecuencia, mientras que el diseño, muchas herramientas de creación de prototipos se integran con otras herramientas, como bosquejo, PS, Facebook, Slack y más.

    En general, espero que estos consejos pueden ayudarle a elegir una herramienta adecuada.

    3 Mejor Baja fidelidad de prototipos Herramientas

    Aquí hay 3 mejores herramientas de creación de prototipos de baja fidelidad para sus referencias:

    1. Papel y bolígrafos

    con la herramienta más rápida y sencilla, bolígrafos y papel servirá para sacar sus ideas con facilidad y rápidamente, además de facilitar la discusión interna entre los miembros del equipo. Incluso si a veces siento necesidad de usar software de creación de prototipos para dibujar, por lo general prefieren utilizar bolígrafos y papel para aclarar mis ideas en primer lugar.

    Pros :

    • Completamente libre
    • rápido
    • fácil de empezar

    Contras :

    • interacciones inteligentes y animaciones
    • Usted no puede mostrar todas sus ideas con claridad
    • No se puede discutir y prueba cada detalle

    2. Mockplus

    Mockplus es una potente herramienta de creación de prototipos de baja fidelidad que se pone mucha atención en los últimos años. Se le permite traducir las ideas de diseño en prototipos interactivos, test, compartir e iterar con facilidad. Su característica de colaboración y gestión de equipos también ayuda a mejorar la eficiencia de su trabajo sin esfuerzo.

    Pros :

    • proporcionar más de 200 componentes pre-construidos y 3000 iconos pre-diseñadas
    • Crear interacciones con sólo arrastrar y soltar
    • proporcionar muchas opciones para exportar páginas y prototipos
    • proporcionan numerosas muestras y proyectos
    • proporcionan muchas formas de compartir y poner a prueba un prototipo en línea o en el móvil
    • Comunicar, comentar y colaborar en línea un prototipo
    • Integración con Boceto

    Contras :

    • no está completamente libre de maquetas

    3. Balsamiq

    Basamiq es una sencilla herramienta de prototipado de baja fidelidad que le permite esbozar sus ideas de diseño en una pizarra directamente. Es muy útil cuando sólo se centran en las estructuras y el concepto general de su diseño.

    Contras :

    • Proporcionar una biblioteca incorporada de interfaz de usuario pintado a mano
    • exportación diseños a PNG / imágenes PDF directamente

    Contras :

    • La falta interacciones básicas, mientras que la creación de prototipos diseña

    2 Mejor alta fidelidad de prototipos Herramientas

    1. Marvel App

    Marvel aplicación es una poderosa herramienta de alta fidelidad que admite la creación de wireframes, prototipos y maquetas de colaboración en línea de prototipos. Se le permite subir directamente las imágenes (incluyendo la JPF, GIF y PSD) y agregar animaciones para ellos para crear prototipos interactivos rápidamente.

    2. Mockplus iDoc

    Mockplus iDoc es una herramienta de colaboración en línea de diseño profesional que permite a los gerentes de producto, diseñadores y desarrolladores trabajar juntos en línea con las especificaciones de automóviles, activos y fragmentos de código.

    También se utiliza como una herramienta de creación de prototipos de alta fidelidad todo-en-uno. Puede cargar fácilmente diseños con los activos y los detalles de especificaciones de bosquejo / PS / Adobe XD, y añadir comandos de interacción ricos para crear prototipos interactivos y de alta fidelidad.

    Para un equipo de producto, el prototipo de nueva creación también puede ser compartida con un enlace y obtener retroalimentación en tiempo real.

    En definitiva, en estos días, para atraer a muchos más usuarios, muchas herramientas de creación de prototipos se crean para satisfacer las necesidades de los usuarios la mayor cantidad posible. Parece que no hay un límite claro entre un low-fi y una herramienta de creación de prototipos de alta fidelidad.

    Por lo tanto, para elegir una herramienta de prototipado derecha, es mejor para usted y su equipo es tomar más opciones de la herramienta para la prueba.

    Recapitulación

    No importa cuáles son las diferencias de baja fidelidad y alta prototipos fidelidad son, cómo y por qué usted elegirá baja fidelidad o de alta fidelidad de prototipos para un diseño o usuario una mejor investigación, una buena herramienta de creación de prototipos, como el más fácil y más rápido uno, Mockplus, a menudo significa mucho para usted para crear una red excelente / aplicación con hermosas interfaces y buenas experiencias de usuario. Espero que este artículo puede inspirar a usted de todos modos.

    que también le gusten:

    Lo Prototyping herramientas necesita para UX Diseño?

    Cuáles son las ventajas del prototipado? ¿Cómo hacer la mayor parte de ella? Colaboración

    Equipo de Herramientas de prototipos: Axure VS Mockplus

    de carcasa vs vs Prototipo Prototipo y Selección de Herramientas de prototipos

    Categorías
    Inside Mockplus

    Mockplus cocina increíble concurso para celebrar el solsticio de invierno

     Para

    bienvenida a 2019, el equipo Mockplus lanzado una nueva versión de iDoc (iDoc 01/01/2019). Vamos a ver qué hay de nuevo.

    1. Configuración Enlaces externos

    La versión antigua de iDoc sólo es compatible con el establecimiento de interacciones entre las páginas internas de un módulo prototipo. La versión recién publicada 01/01/2019 de soportes iDoc la adición de enlaces externos para simular el producto real, proporcionando una experiencia de usuario más eficaz y realista.

    2. Configuración de interacción Replicar través de las páginas

    es bastante ineficaz para añadir interacciones manualmente en cada página cuando se tiene cientos de páginas de prototipo. El IDOC actualizado evita este problema potencial mediante el apoyo a replicar la configuración de interacción a través de las páginas con un solo clic, por lo que es posible completar un prototipo en un instante.

    3. múltiple iDoc lienzo de zoom Soluciones

    Mockplus tiene nuevas teclas de acceso directo para el zoom de la lona: Ctrl + 1 para la exhibición 100%, Ctrl + 2 para el 200% de la pantalla, y Ctrl + 3 para la exhibición del 300%. Esto hace que sea más fácil para los usuarios ver los detalles de diseño. Además, al hacer doble clic en un valor de porcentaje, puede personalizar la proporción de zoom.

    Ahí lo tienen – las nuevas características de iDoc que harán su vida más fácil. Trate iDoc ahora de forma gratuita: https://idoc.mockplus.com/