¿Cuáles son los principales estilos de diseño web en la era de la ilustración gif-html5?
13 sitios web de animación GIF recomendados, ¡una poderosa herramienta para mejorar los gráficos y el diseño del texto de las cuentas públicas! (Transferencia)
Un buen artículo gráfico no sólo debe tener un buen título, sino también imágenes relevantes. ¡La imagen GIF en la imagen adjunta es una parte crucial! De todos modos, me gusta ver algunas imágenes GIF ligeras y divertidas. Aquí hay 13 sitios web de imágenes GIF dinámicas de alta calidad recomendados para todos. (Hay muchos GIF en este artículo, ¡espere pacientemente!)
KotaIguchi es un diseñador único de Japón. Combina caracteres chinos con espacio tridimensional para crear un encanto antiguo y al mismo tiempo estar lleno de modernidad. sentir. Tiene tanto la profundidad del espacio como la circulación del tiempo. Saborearlo con atención es bastante filosófico. ¡Es una herramienta imprescindible para un estilo de alta gama!
Sitio web oficial:
/
Esta es una empresa británica, fundada en 2013, con diversos Estilos que son muy adecuados para el gusto de los jóvenes. Además de ilusión, lo que más les falta es imaginación, por eso confían en ellos muchas marcas conocidas, como Sprite, Adidas, RayBan, RedBull, Disney, Vans, Nike y Target. Todas son mis marcas favoritas~
Sitio web oficial:
/
Julian Glander comenzó su carrera en animación en la escuela secundaria, convirtiéndola de un hobby en algo propio. Profesión. Animador, ilustrador y productor de juegos son todos sus títulos. Su estilo es humorístico y profundamente amado por los jóvenes.
Sitio web oficial:
/
Las obras de James Cole tienen un sabor un poco pesado para nosotros. Las características son: ¡parodia! ¡Sátira! La religión, la cultura, el sexo, etc. son todos objetos de saqueo en sus creaciones. Mientras mantenemos un alto rendimiento, prestamos atención a la calidad de cada trabajo, lo que significa que todo lo que debe ser falsificado es falsificado~
Sitio web oficial:
/
Matthew Cooper y JohnnyKelly son buenos amigos y crearon una serie de trabajos juntos llamados I'mnotanartist (no soy un artista). Originalmente, solo querían crear una colección especializada de obras, pero no esperaban que luego se expandiera a un evento abierto, con la participación de cada vez más personas.
Sitio web oficial:
#
Lo que hace Rafael Varona es una auténtica "pequeña animación". Cada obra es pequeña y exquisita, y además pequeña. También es una locura, el estilo general tiene un humor ligero, lo que hace que la gente se sienta muy cómoda después de verlo. Es imprescindible para quienes se dedican al género literario y artístico ~ ¡Los coloridos definitivamente te satisfarán!
Sitio web oficial:
/
Mi favorito es el GIF humorístico~ A continuación, lo descartaré sin entrar en detalles~
Sitio web:
/
Sitio web:
/
Sitio web:
/
Sitio web:
/
Sitio web:
/
Sitio web:
/
Sitio web:
/
Otras recomendaciones
Si lo anterior, si el sitio web aún no puede satisfacer sus necesidades, WeChat Learning Network también le recomienda varios dispositivos para crear GIF.
Versión móvil: Kuaishou y Meitu GIF
Estos dos se pueden crear a partir de imágenes, o puedes grabar directamente un GIF, y también puedes agregar marcos de fotos y efectos especiales más adelante. En cuanto a cuál es mejor, puedes probarlo tú mismo
Versión para computadora: Meitu Xiuxiu, ambos se llaman bestias
Meitu Xiuxiu no necesita ser presentado en detalle, usa materiales existentes Los usuarios sin experiencia básica pueden comenzar rápidamente a crear GIF.
Dujingshou es un software de grabación de pantalla. Si hay algún vídeoclip que nos parece genial, podemos grabarlo directamente con él.
El principal recurso de referencia para este artículo es Socket Academy Socket Academy (ID: chazuomba). ¿Cuáles son los principales estilos de diseño web en la era HTML5?
1. En primer lugar, desde la perspectiva de las funciones y objetivos de diseño, las páginas web H5 tienen principalmente los siguientes cuatro tipos:
. 1. Tipo de operación de actividad
Las páginas H5 creadas para la promoción y operación de eventos son el tipo más común, con varias formas, incluidos juegos, invitaciones, tarjetas de felicitación, preguntas de examen, etc.
A diferencia de la simple comunicación de imágenes publicitarias estáticas del pasado, la página de operación de eventos H5 de hoy necesita una interacción más fuerte, mayor calidad y un diseño más actual para promover el intercambio y la comunicación entre los usuarios. Desde ingresar a la página WeChat H5 hasta llegar finalmente a la aplicación de la marca, también es muy importante cómo diseñar un conjunto adecuado de rutas de tráfico.
2. Tipo de promoción de marca
A diferencia de la página de operación del evento que presta atención a la puntualidad, la página H5 de promoción de marca es equivalente al sitio web microoficial de una marca, que está más inclinada. para construir la imagen de marca y promover la imagen de marca. Los usuarios transmiten la actitud espiritual de la marca. En el diseño es necesario utilizar un lenguaje visual acorde con el temperamento de la marca para que los usuarios puedan dejar una profunda impresión en la marca.
3. Tipo de introducción del producto
Céntrese en la introducción de la función del producto, utilice las ventajas de la tecnología interactiva de H5 para mostrar completamente las características del producto y atraer a los usuarios a comprar.
Este tipo de página H5 se ve a menudo en las marcas de automóviles, y LEXUSNX es un excelente caso representativo. El modelado exquisito y con mucha textura y los delicados efectos de luz crean un estilo visual genial. Utilice sus dedos para seguir la trayectoria de la luz para cortar la imagen y comenzar el juego. Los usuarios pueden explorar las 7 características principales del producto a través de interacciones razonables y elegantes como el tacto, la fricción y el deslizamiento, teniendo en cuenta aspectos macro y micro. consideración.
4. Tipo de informe resumido
Dado que las facturas a diez años de Alipay provocaron acaloradas discusiones, las principales empresas también están interesadas en utilizar la tecnología H5 para implementar sus resúmenes de fin de año. hace que el informe resumido originalmente aburrido se haya vuelto interesante y animado.
2. El formulario cumple con su función
Después de determinar los objetivos funcionales de la página temática, el siguiente paso es la etapa de diseño clave. Cómo diseñar de manera específica requiere considerar escenarios de aplicación y objetos de comunicación específicos, y pensar qué tipo de páginas los usuarios más quieren ver y compartir desde la perspectiva del usuario.
1. Gráficos y texto simples
Los gráficos y el texto simples son la forma inicial más típica de las páginas destacadas de H5. La forma de las "imágenes" cambia constantemente y pueden ser fotografías, ilustraciones, GIF, etc. A través de operaciones interactivas simples, como pasar páginas, se puede lograr un efecto de comunicación similar al de una presentación de diapositivas. Lo que se prueba es la alta calidad del contenido en sí y la capacidad de contar historias.
2. Regalos/tarjetas de felicitación/invitaciones
A todo el mundo le gusta la sensación de recibir regalos. Para aprovechar esta psicología, la marca ha lanzado varias formas de obsequios, tarjetas de felicitación y cartas de invitación. Puede lograr sutilmente el propósito de promoción de la marca mejorando la preferencia del usuario. Dado que es un regalo, la creatividad y la producción son puntos extra importantes.
3. Preguntas y respuestas/Calificaciones/Pruebas
Las páginas H5 en forma de preguntas y respuestas también son comunes. Utilizan el deseo de conocimiento y exploración del usuario para realizar selecciones a lo largo del proceso. manera de ver cuál es la puntuación final. Es necesaria una pista clara, y la página del resultado final debe ser razonable y discreta. Sería fantástico si pudiera complementarse con imágenes y redacción excelentes para atenuar la sensación aburrida de responder preguntas.
4. Juegos
Desde juegos simples como "Surround the Nervous Cat" y "See how sexy you are" hasta "One Night N Times" de Durex (es decir, la versión imitadora de "Don't Die") Los minijuegos integrados en la marca, como "Step on White Pieces" y los juegos H5, alguna vez fueron populares en el círculo de amigos debido a su simple funcionamiento y su fuerte competitividad. hizo que los usuarios se cansaran gradualmente de los minijuegos sin sentido. Para que una marca se comunique con éxito en los juegos, debe poner más esfuerzo en la jugabilidad y el diseño.
3. 4 puntos para sumar puntos al diseño
La excelente calidad del diseño de una página H5 afectará directamente a su efecto comunicativo e incluso afectará a la percepción que tiene el usuario de la imagen de marca. . Aquí se resumen los siguientes puntos de diseño:
1. Detalles y unidad
Para lograr una experiencia de usuario de alta calidad, se debe tener en cuenta la unidad de los detalles y el conjunto. Para un estilo visual esqueuomórfico retro, la fuente no debe ser demasiado moderna; para un tono humorístico y divertido, la redacción no debe ser demasiado seria para el contenido emocional, las animaciones no deben ser demasiado sofisticadas;
2. Manténgase al día con los temas candentes y aproveche el efecto de tema.
Si desea que su página de temas H5 se vuelva popular de la noche a la mañana, aproveche los puntos candentes lo antes posible y lanzarlos en línea rápidamente y aprovechar la oportunidad para promocionar su marca. Es un atajo.
3. Cuenta una buena historia y desencadena una ola emocional.
No importa cuán cambiante sea la forma de H5, el contenido valioso siempre es lo primero. En un espacio limitado, aprender a contar historias y desencadenar las respuestas emocionales de los usuarios promoverá en gran medida la difusión de contenidos.
4. Uso razonable de la tecnología para crear una experiencia interactiva fluida
Con el desarrollo de la tecnología, el HTML5 actual tiene muchas características sobresalientes que nos permiten implementar fácilmente efectos de dibujo, borrado y interactivos. como vibración, sensor de gravedad, borrado, vista 3D, etc. En lugar de llenar varios tipos de animaciones en páginas confusas e infladas, abogamos por el uso racional de la tecnología y nos centramos en proporcionar a los usuarios una experiencia interactiva fluida.
Conclusión
Con la actualización del hardware de los teléfonos móviles, el desarrollo de la tecnología HTML5 y la apertura de la plataforma WeChat, las ventajas de HTML5, como multiplataforma, bajo costo y rapidez. Se ha destacado aún más la iteración, lo cual es muy importante para los propietarios de negocios, marcas, diseñadores y desarrolladores que están en la tendencia de Internet móvil, esta será la mejor era. Cómo enviar animaciones con Canva
1. Abra el PPT que desea exportar en la versión web de Canva para computadora, luego busque el ícono "___" en la esquina superior derecha y haga clic en él. 2. Busque y haga clic en Ver más en la ventana que aparece. 3. Busque el PPT, busque Microsoft PowerPoint en la interfaz de vista abierta, haga clic en él y luego descárguelo. Canva es una herramienta de diseño gráfico online que admite múltiples plataformas (web, iPhone, iPAD y Android). Canva ofrece una gran cantidad de imágenes protegidas por derechos de autor, ilustraciones originales y varias plantillas de diseño de alta calidad. Los usuarios pueden crear varios diseños, como carteles, currículums, pancartas y tarjetas de presentación en unos minutos mediante modificaciones simples después de seleccionar su plantilla favorita.