Hype 3 usa un nuevo ícono y diseño, y es más compatible con el chino, pero el efecto del ícono parece extraño, hay dos reglas en el cuadrado con textura de madera y negro Y formas irregulares blancas, pero el logo HTML 5 es particularmente prominente. La primera vez que ejecuta Hype 3, la aplicación proporciona una descripción general de las funciones, tutoriales y varios consejos nuevos. Los usuarios pueden hacer clic en las funciones de la derecha para verlas.
La interfaz predeterminada de Hype 3 está diseñada en un diseño profesional en negro y se divide en 5 áreas principales, incluida la barra de herramientas superior, el interruptor de escena izquierdo, el área de contenido central y el área de control de animación. En el extremo derecho hay algo de control sobre los elementos, símbolos y propiedades de la página. La operación de la interfaz general de Hype 3 es algo similar a Xcode, pero con una operación más ágil, los usuarios solo necesitan ingresar contenido en un área en blanco y luego seleccionar la animación de los cambios de contenido.
El soporte de Hype 3 agrega dos cosas: elementos y símbolos. El contenido del elemento es la forma en la imagen de abajo, que incluye texto, botones, botones con textura, imágenes, video, audio y varias formas, y los elementos son mutables. Cuando decidimos agregar un elemento, podemos agregar automáticamente contenido relevante en el área de contenido. Los símbolos son componentes reutilizables, incluidos elementos, líneas de tiempo y animaciones. Cuando hayamos completado la creación del símbolo, podemos continuar usándolo en la interfaz futura.
Después de crear elementos o símbolos, podemos agregar un comportamiento posterior a la acción a estos elementos. Por ejemplo, podemos seleccionar la operación de elementos y símbolos cuando se hace clic con el mouse, el mouse se mueve al mouse y se elimina el mouse, incluido Activa comportamientos personalizados, salta escenas, ejecuta JS y reproduce y detiene sonidos.
Hype 3 El lado derecho del inspector contiene una variedad de funciones para la configuración de documentos y contenido. Por ejemplo, podemos elegir la configuración relacionada con la pantalla, como la compatibilidad de la pantalla y el título de la página HTML. En la interfaz de la escena, puede seleccionar varios comportamientos generados por elementos en la escena cuando la escena se carga, cuando se descarga, cuando se presiona, y así sucesivamente.
En la configuración general de Hype 3, puede ajustar los tonos del tema de la interfaz de usuario, así como algunas configuraciones de aviso de advertencia. Además, Hype 3 también puede sincronizar datos a través de Dropbox, que actualmente no es compatible con iCloud Drive. Finalmente, la aplicación también tiene recomendaciones de Hype Reflect para iOS, y Hype para iOS puede ver instantáneamente las páginas web generadas por Hype y las animaciones HTML 5. En general, Hype 3 integra la creación sofisticada de web y animación en una interfaz simple y fácil de usar. Por supuesto, aprender Hype 3 requiere algo de energía y tiempo, pero el proceso general es más fácil que aprender.