\n Lexusls.asia<\/a> es una rama de Toyota que vende autos de lujo. En el sitio web, los dise\u00f1adores han utilizado brillantemente el desplazamiento de paralaje para presentar el autom\u00f3vil con el texto suficiente para que el visitante se ponga en marcha. Entonces, de repente, una llanta rueda desde la derecha y muestra algunas otras caracter\u00edsticas interesantes del autom\u00f3vil. A medida que se desplaza hacia abajo, el sitio web no lo suelta y, con algunos gr\u00e1ficos geniales, describe el prop\u00f3sito y los beneficios del autom\u00f3vil.\n<\/p>\n \n El lenguaje visual tiene la capacidad de aprovechar la base misma del dise\u00f1o centrado en el ser humano. El lenguaje visual se remonta e incluso antes de que se inventara cualquier alfabeto, ya que las pinturas rupestres eran el medio b\u00e1sico de comunicaci\u00f3n. Las pinturas rupestres actuaron como fuente de narraci\u00f3n, gu\u00eda para sobrevivir y evitar posibles peligros que formaron parte de ese per\u00edodo. M\u00e1s o menos, los dibujos rupestres son la forma m\u00e1s antigua de datos visuales.\n<\/p>\n \n Sabemos que las im\u00e1genes y los videos tienen un gran poder comunicativo, \u00bfc\u00f3mo se aprovecha este poder a trav\u00e9s de los p\u00edxeles?\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n \n Aqu\u00ed es cuando tu propia imaginaci\u00f3n entra en juego. Agregue im\u00e1genes y videos con el texto de combinaci\u00f3n correcto para que su sitio web hable por s\u00ed mismo.\n<\/p>\n \n Bellroy.com<\/a> vende sus carteras de piel con la garant\u00eda de un mayor espacio con dise\u00f1os m\u00e1s estilizados. C\u00f3mo lo muestran es a trav\u00e9s de un elegante deslizador con im\u00e1genes HD de una de sus billeteras contra otra. A medida que se mueve el control deslizante, la historia tambi\u00e9n lo hace y en 10 im\u00e1genes se coloca la misma cantidad de tarjetas en su billetera de marca, mientras que la otra billetera se deforma m\u00e1s de lo que realmente es. Aqu\u00ed la conclusi\u00f3n es llamativa y con moraleja de sobra.\n<\/p>\n \n Es bastante similar a escribir una obra de teatro cuando dise\u00f1as una historia visual. Todos los aspectos y elementos de la obra est\u00e1n presentes en tu sitio web y se entremezclan con tal intimidad que se fusionan por completo con la historia que has presentado. Su historia comienza con la configuraci\u00f3n que ha organizado, luego avanza hacia el conflicto y concluye con una resoluci\u00f3n.\n<\/p>\n \n Este sitio web, por ejemplo, tiene una forma \u00fanica de tomar al visitante del brazo e invitarlo a un baile lleno de emociones y delicias visuales.\n<\/p>\n \n Los usuarios deben ser muy conscientes de la historia, ya que los lleva a su destino. Y ah\u00ed es donde el visitante se convierte en l\u00edder, y el l\u00edder se convierte en cliente. Es justo que el producto o servicio que planea presentar a trav\u00e9s del proceso de narraci\u00f3n de historias debe tener algo que el usuario necesita, una funcionalidad \u00fanica o un margen de precio que el cliente est\u00e1 buscando.\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n \n Bagigia.com<\/a> primero le da al visitante una introducci\u00f3n del minorista seguida de im\u00e1genes en 3D simples pero profundas del producto en s\u00ed con texto emotivo para mantener la historia en movimiento. El amplio espacio en blanco en el dise\u00f1o ayuda al usuario a concentrarse, ya que el producto se destaca en el centro, llevando la historia a la acci\u00f3n y hacia la resoluci\u00f3n.\n<\/p>\n \n Es cierto. La animaci\u00f3n de sitios web ha sido v\u00edctima de un uso excesivo sin tener en cuenta las convenciones o los est\u00e1ndares y esa es la raz\u00f3n principal detr\u00e1s de su ca\u00edda en los \u00faltimos 5 a\u00f1os. Ir\u00f3nicamente, muy pocos dise\u00f1adores saben c\u00f3mo el uso de una animaci\u00f3n inteligente y precisa puede convertir su historia en la pel\u00edcula Dark Knight. La animaci\u00f3n est\u00e1 dise\u00f1ada para cubrir lo que las im\u00e1genes est\u00e1ticas no pueden completar, mientras que al mismo tiempo agrega diversi\u00f3n al dise\u00f1o en s\u00ed.\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n \n Hablando de DarkKnight, esta aplicaci\u00f3n para iOS en benthebodyguard.com<\/a> le permite asegurar y encriptar informaci\u00f3n en su sitio web que presenta una animaci\u00f3n de recorrido (literalmente) a medida que baja con ‘Ben' en el medio, el guardaespaldas jur\u00f3 proteger su informaci\u00f3n con una formidable reputaci\u00f3n. Este sitio web ha ejemplificado c\u00f3mo la animaci\u00f3n se puede utilizar de la mejor manera para producir la historia de prop\u00f3sito ideal para un producto.\n<\/p>\n \n \u00bfNo te sorprende c\u00f3mo un dise\u00f1o que es simplemente una mezcla de artes visuales y gr\u00e1ficos puede producir empat\u00eda dentro de ti? yo se que tengo Nosotros, como humanos, reaccionamos a nuestros sentidos animales tanto como cualquier otro organismo que sea fiel a su naturaleza. Cuando vemos un rompecorazones, hacemos lo programado. Aprovechando esta caracter\u00edstica del comportamiento humano, su historia no siempre tiene que ser un murmullo sobre su manifiesto y productos porque eso es probablemente lo que todos los dem\u00e1s propietarios de sitios web tienen en mente en estos d\u00edas. Cuando agrega un sentido de sentimiento, esp\u00edritu y moral, su historia se transforma en un mensaje.\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n \n Este sitio web everylastdrop.co.uk<\/a> lo lleva a un viaje de su uso diario de agua en su hogar y alrededores. Leer sobre la cantidad de agua que se desperdicia todos los d\u00edas es demasiado com\u00fan y, a menudo, nunca se toma en serio. Este peque\u00f1o inocente que usa agua indiscriminadamente en su horario diario no solo destaca la importancia del agua sino que tambi\u00e9n la pone en contraste con los que m\u00e1s la necesitan en partes dif\u00edciles del mundo. Crece tanto en la mente del espectador que probablemente lo pensar\u00eda dos veces antes de desperdiciar otra gota de agua la pr\u00f3xima vez.\n<\/p>\n \n Las novelas son divertidas de leer y con los avances tecnol\u00f3gicos recientes, ahora es necesario que se lean fuera de los libros. Incluso hasta el d\u00eda de hoy, la gran mayor\u00eda de los usuarios en l\u00ednea prefieren juzgar el libro por su portada que leer el pr\u00f3logo. Para abordar a estos usuarios en l\u00ednea y atraerlos al producto, muchos escritores a menudo contratan desarrolladores para crear sitios web dedicados a sus novelas. Un ensayo paso a paso de la novela con secuencias animadas no solo le dar\u00e1 a la historia los fuegos artificiales que necesita, sino que tambi\u00e9n atrapar\u00e1 al usuario en l\u00ednea para que la lea.\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n \n Usando el mismo principio y estructura, el aclamado cuento de Nam Le ‘The Boat' se convirti\u00f3 en una novela gr\u00e1fica interactiva mediante la creaci\u00f3n de un mundo de tormentas que asolan el oc\u00e9ano obligando a un barco a salir de los terrores de la Guerra de Vietnam. Lo mejor que cualquiera puede hacer en su fiesta de narraci\u00f3n de cuentos es agregar sonido a su dise\u00f1o. Este es el superlativo de la narraci\u00f3n animada para adquirir UX. V\u00e9alo aqu\u00ed<\/a>.\n<\/p>\n \n Atractivo y lleno de ilustraciones, es realmente la prueba de lo bien que puede administrar un producto al crear un dise\u00f1o que se mueve a medida que interact\u00faa con \u00e9l.\n<\/p>\n \n En la industria del comercio electr\u00f3nico, las personas a menudo est\u00e1n interesadas en obtener los beneficios de un producto que se puede usar en m\u00faltiples instancias pero por la misma raz\u00f3n. Por un lado, les hace la vida mucho m\u00e1s f\u00e1cil, y por otro, es parte de la era tecnol\u00f3gica. Pero con tanto que aprender y reconocer sobre una empresa como esta, es muy poco probable que los clientes se arriesguen en algo que tiene implicaciones futuristas y cumple su prop\u00f3sito con demasiada facilidad, lo que lo hace demasiado bueno para ser verdad. He visto empresas que intentaron vender tales productos con demasiado que aceptar y el resultado fue un tr\u00e1gico abandono.\n<\/p>\n \n Ejemplo<\/strong> :\n<\/p>\n\n lenguaje visual
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\")
<\/a><\/p>\n\n Dise\u00f1a la historia
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\")
<\/a><\/p>\n\n Usando la historia animada a tu favor
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\")
<\/a><\/p>\n\n Traducci\u00f3n del mensaje de dise\u00f1o
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\")
<\/a><\/p>\n\n Usando elementos oscuros
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\")
<\/a><\/p>\n\n Unificaci\u00f3n de desplazamiento a trav\u00e9s
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\")
<\/a><\/p>\n