1. Abra el software AxureRP y seleccione la plantilla "Prototipo de RP" al crear un nuevo proyecto.
2. Cree una nueva página en AxureRP para la conversión de imágenes.
3. Arrastre la imagen que desea convertir a la página y ajuste el tamaño y la posición de la imagen.
4. Seleccione "Zona activa" en el panel "Interacción" de AxureRP y utilice la herramienta de zona activa para cortar la imagen en la forma requerida, como rectángulo, círculo, etc.
5. Para cada punto de acceso, puede agregar enlaces y efectos interactivos en el panel interactivo, como mostrar capas, cambiar de estado, etc.
6. Después de agregar todos los puntos de acceso y efectos interactivos, puede obtener una vista previa del efecto de la página en AxureRP para verificar si cumple con los requisitos.
7. Guarde la página como un archivo prototipo de RP.
Cómo colocar elementos de una página web en un nuevo prototipo de diseño es realmente fácil de aprender, simplemente arrastre los controles para completar el diseño. Puede aprender del diseño de páginas estáticas, familiarizarse con cada control y luego comprender qué puede hacer este control (qué eventos se pueden agregar) y qué controles puede aceptar (qué eventos pueden hacerle, como habilitar/deshabilitar). ?Recibir parámetros? ¿Cambiar estado?). Durante este proceso, prestar atención a las ideas de diseño del propio software axure obtendrá el doble de resultado con la mitad de esfuerzo. Luego comience a aprender la interacción, busque algunos sitios web en lugar de tutoriales de muestra para practicar, primero dibuje estático y luego vea cómo se ve la interacción del sitio web, intente hacerlo con Axure. En este momento, encontrará problemas específicos. Piense en cómo resolverlo según su comprensión de la idea del software, explore primero y luego encuentre una solución. Después de repetirlo varias veces, básicamente se logrará un efecto interactivo común. En el proceso, su comprensión del propio axure también se profundizará. Luego, a medida que haya más y más efectos, tomarán la ruta de control de efectos, queriendo siempre lograr la mayor fidelidad, incluso hasta el nivel CSS del archivo generado. De hecho, algunos efectos se pueden describir claramente en una oración, pero su implementación es muy problemática e innecesaria. Finalmente, tome la ruta fácil lentamente. Sea simple y práctico. En este momento, prestaremos más atención a la eficiencia, cómo convertir un módulo en una plantilla para reutilizarlo en varias páginas, cómo empaquetar componentes y compartirlos con otros colegas y cómo completar un diseño de prototipo a través de axure y la colaboración con múltiples gente.
¿Qué software utilizas para los dibujos de prototipos de interfaz de usuario? 1. Creación rápida de prototipos.
El objetivo de la creación rápida de prototipos es generar rápidamente prototipos de estructura alámbrica, que carecen de funciones interactivas y también se puede decir que son prototipos con baja seguridad. Las herramientas más utilizadas son:
1. Es una herramienta de dibujo de prototipos dibujados a mano de código abierto con componentes ricos. No hay interacción excepto el uso de hipervínculos y solo se puede usar para dibujar rápidamente la interfaz. Se puede exportar a formatos PNG, pdf y web.
Estúpido. Una herramienta de diseño de prototipos (sitio web en inglés) que se puede abrir directamente en el navegador sin necesidad de registrarse ni descargar. Se utiliza principalmente para bocetos de diseño. Funcionalidad simple, menos interacción y menos piezas. Aunque lumzy es relativamente simple, es rápido de usar, adecuado para la creación rápida de prototipos y también lo utilizan muchos diseñadores de UI. Se puede exportar a documentos pdf y jpg.
3. Creador de simulación. Puede crear prototipos de interfaz pero no puede interactuar, es decir, el resultado es sólo un boceto conceptual. Actualmente, sólo se admiten tres formatos de archivos estáticos para la exportación: PNG, RTF y PDF.
4. Simular la construcción. También es un prototipo de boceto con más partes que lumzy y MockupCreater, y solo puede usar hipervínculos para lograr efectos interactivos. Actualmente sólo se pueden exportar los formatos PNG y PDF.
En segundo lugar, creación de prototipos interactivos
En comparación con la creación de prototipos rápidos, la creación de prototipos interactivos no solo puede producir prototipos de estructura alámbrica, sino también lograr ricas funciones interactivas. Se recomienda la creación de prototipos interactivos cuando hay suficiente tiempo para la programación del proyecto. Además, estos prototipos interactivos también pueden ser prototipos cómodos y de alta fidelidad. Entre ellas, las herramientas representativas son:
1. Tencent UIDesigner.
Tiene plantillas potentes y funciones prediseñadas para crear rápidamente prototipos de interfaces de software de alta fidelidad. Puede lograr una comunicación rápida entre diseñadores, gerentes de productos e ingenieros de desarrollo de programas, reduciendo fricciones internas innecesarias. La versión 2.0 presenta interactividad total y respuesta rápida, pero está diseñada para aplicaciones de plataforma de PC. La vista previa de UIDesigner es muy conveniente y puede exportar archivos exe.
2. Desde los más populares FlashMX y Flash8.0 hasta el CSN actual, ha iterado en varias versiones y tiene una historia tan larga como PS. Es potente y puede producir casi todo tipo de efectos deseados e incluso UI, e incluso puede desarrollarse directamente. Sin embargo, los requisitos técnicos son altos y es necesario conocer algunos scripts AS para producir buenos efectos. Exportar es muy conveniente Además de su propio formato swf, se puede exportar exe, formato de imagen e incluso formato web.
3.Eje. Es una herramienta profesional de creación rápida de prototipos que permite a los expertos responsables de definir requisitos y especificaciones, diseñar funciones e interfaces para crear rápidamente esquemas, diagramas de flujo, prototipos y documentos de especificaciones para software de aplicaciones o sitios web. Como herramienta profesional de creación de prototipos, puede crear prototipos de forma rápida y eficiente y admite el diseño colaborativo de varias personas y la gestión del control de versiones.
En tercer lugar, prototipos de alta fidelidad
Los prototipos simples de alta fidelidad prestan más atención a los efectos visuales, pero carecen de funciones interactivas. Este es el software básico de prototipos de diseño visual que los diseñadores de UI deben dominar. . Las herramientas utilizadas son principalmente PS e Illustrator. Las versiones existentes incluso se pueden cortar y guardar directamente en formato web. Su uso especializado puede sustituir gran parte del trabajo de los diseñadores visuales y de los ingenieros de reconstrucción.