Cómo lograr el h5 más genial

Generalmente, el genial H5 es producido por desarrolladores o herramientas profesionales. Depender de plantillas solo puede producir trabajos modulares de H5.

Se recomienda utilizar la herramienta Yipai Epub360 H5. Tiene componentes profesionales, comportamiento de activación flexible y es una herramienta de producción interactiva especialmente creada para diseñadores con ideas. Aquí hay una breve introducción a cuatro geniales actualizaciones de pantalla H5. técnicas.

Técnica de Cepillado 1: Herramienta de Simulación

Como puedes ver, el H5 "Ponte el Uniforme" que tiene el mayor volumen de PV este año, así como el hit inesperado en Navidad La semana pasada, el mini programa "Christmas Avatar" es esencialmente un artefacto pretencioso. La razón por la que puede deslizar la pantalla en Moments en un corto período de tiempo no es solo el uso adecuado del factor central de los "puntos calientes de vacaciones", sino también. la visión de los usuarios La psicología de la psicología también es la clave para la fuente de la creatividad.

Varios generadores de licencias H5

Por supuesto, la pretenciosa herramienta "Christmas Avatar" está hecha con un programa pequeño, que cubre el diseño, existen múltiples procesos como desarrollo y backend, y el umbral técnico es relativamente alto. Por esta razón, Epub360 diseñó especialmente la versión H5 del "Generador de avatar navideño", que elimina estas complejas restricciones técnicas y solo requiere. un león de diseño para completarlo La dificultad de implementación es mucho menor que la de los mini programas.

De: "Generador de avatares navideños" de Yipai Technology

Sin embargo, estos artefactos pretenciosos que se actualizan. La pantalla en poco tiempo, debido al "fenómeno anormal" de un fuerte aumento en el tráfico, si no hay soporte técnico oficial, WeChat lo notará y bloqueará fácilmente. Cómo evitar tales problemas, H5 producido por Sogou dos. Hace unos días señaló en una dirección: use más Forward con diferentes títulos para distraer la atención del tráfico.

En cuanto a lo que se consideran operaciones ilegales en WeChat, consulte "Preste atención a estos 5 puntos, no más miedo". de que H5 esté bloqueado"

Consejo 2 para actualizar la pantalla: vídeo interactivo

En los últimos dos años, el uso de vídeo interactivo en H5 se ha vuelto cada vez más frecuente, y el La combinación creativa se ha vuelto más apropiada. La razón probablemente sea "problemas técnicos". Esto no quiere decir que las animaciones HTML nativas o los cuadros de secuencia no sean efectivos, pero la consideración más importante es que el video es una forma que utilizan muchas personas creativas y anunciantes. bueno en. Puede satisfacer la presentación perfecta de la creatividad sin tener que preocuparse por implementar la tecnología.

En general, el video interactivo H5 actual incluye principalmente "la trama de la historia de los altibajos de las estrellas/IP". , "libre elección para desencadenar múltiples historias", "juego interactivo", "interacción VR / AR", estas cuatro formas.

Para el análisis de las cuatro formas de contenido anteriores, consulte "Tencent y NetEase, que compiten por los juegos móviles, incluso H5..."

Al hacer videos H5, qué tamaño de video se debe usar y cómo adaptarlo a los teléfonos móviles siempre ha sido un dolor de cabeza para muchos fanáticos. Aclaremos estos problemas para su referencia:

① Acerca del tamaño del video: la recomendación oficial es 750*1200

② Acerca de la adaptación del teléfono móvil: el modo de relleno es el modo de zoom a relleno, y verifique. el video para habilitar la adaptación de tamaño y luego haga clic para arreglar los cuatro lados

③ En cuanto a la reproducción de video: debido a las limitaciones de WeChat en Android, la forma más segura actualmente es usar gestos para activar la reproducción (como como hacer clic).

Técnica de deslizamiento de pantalla tres: simulación de WeChat

Puede ser que las innumerables simulaciones de WeChat de H5 hayan causado que los usuarios experimenten fatiga estética, por lo que muchos casos este año han Comenzó a buscar cambios en vista de la creatividad del drama H5 de Youdao Translator, hasta que la joven se unió a la compañía. Una extensión del primer día H5 de NetEase, la simulación de WeChat tiene una nueva jugabilidad diferente.

de: Youdao Translator. "A altas horas de la noche, un colega me preguntó si había dormido ..."

Originalmente, el cuadro de diálogo del chat se utilizaba para aparecer progresivamente y finalmente se introdujo el tema o la implantación de la marca. Demasiado rígido y no lo suficientemente animado (la rutina se volverá aburrida si se usa demasiado), pero ahora se simula simulando una cuenta WeChat real, usando esta técnica de expresión dramática, el usuario que mira se convierte en un tercero que mira, y hay una sensación vaga y emocionante de chismorrear y mirar la pantalla.

En cuanto al método de producción de esta parte de WeChat, solo se necesita una grabación. Se puede realizar con herramientas de pantalla. Para más detalles, consulte "Práctico". Publicación de tecnología | Cómo obtener rápidamente WeChat Group Chat H5"

Al mismo tiempo, hay muchos otros H5 similares y ya no elegimos ser leales al WeChat H5 nativo.

interfaz de letras, pero tiende a presentarse en un estilo dibujado a mano. Esto no solo es visualmente más interesante, sino también más refrescante.

de: Yipai Technology "Double 11 ¿Te atreves a desafiar a tu esposa?" ¿carro de la compra? 》

Tujia "El jefe te @@ en el chat grupal"

Técnica de pantalla de pincel cuatro: un tiro hasta el final

Desde el nivel de abuela Pincel publicitario de la marca nacional Pechoin Detrás de la pantalla, esta forma creativa de página larga está fuera de control. El one-shot más común es la página larga H5 que interactúa con arriba, abajo, izquierda y derecha.

de: Colores de primavera y otoño "La nueva mansión frente al mar de Vanke" Estreno mundial"

Tmall "Los extraterrestres invadieron la tierra debido a..."

Cuando se trata de páginas H5 largas, hay varias producciones Puntos a los que se debe prestar atención:

① Si hay animaciones que deben activarse en una página larga, puede usar puntos de anclaje para activar efectos de animación. Cuando hay muchas animaciones, pueden serlo. agrupado

② Si ​​la longitud de la imagen es demasiado larga, puede afectar el trabajo. Para el efecto de visualización en el terminal móvil, primero se puede cortar en varias imágenes largas más pequeñas y luego unirlas

Para obtener detalles sobre el proceso específico de producción de páginas largas, consulte "Cómo hacer una pantalla horizontal H5"

La página larga H5 mencionada anteriormente todavía pertenece a la categoría de dos. -Forma plana dimensional en el one-shot hasta el fondo H5, la más representativa y complicada es el efecto de estiramiento de lente continuo e ininterrumpido. La experiencia de la escena tendrá la sensación de viajar a través del espacio.

de: Yipai Technology "Mirando hacia el pasado y explorando el futuro"