Los nuevos elementos y atributos HTML5 son aventuras y oportunidades para los diseñadores

Introducción al artículo de Wulin.com (www.vevb.com): HTML5, que se rumorea que es el asesino de Flash, es una tecnología de red transformadora utilizada para el desarrollo de aplicaciones web.

HTML5, que se dice que es el asesino de Flash, es una tecnología de red transformadora utilizada para el desarrollo de aplicaciones web. HTML 5 proporciona algunos elementos y atributos nuevos, algunos de los cuales son técnicamente similares a las etiquetas <div> y <span>, pero tienen algunos significados, como <Ab> y <ToTer>. Esta etiqueta será propicio para la indexación de motores de búsqueda, dispositivos de pantalla pequeña y personas con discapacidad visual. Al mismo tiempo, se proporcionan nuevas características para otros elementos de navegación, a través de una interfaz estándar, como las etiquetas <udio> y <video>.

Además de la interfaz DOM original, HTML5 agrega API más diversas:

API de lienzo: API para salida dinámica y gráficos de representación, gráficos, imágenes y animaciones.

Audio y video HTML5: nuevos elementos en HTML5, proporcionan a los desarrolladores una API común, integrada y con guión para procesar audio y video sin instalar ningún complemento.

API de comunicación: dos fundamentos principales para construir comunicación en tiempo real y de origen cruzado: mensajería de documentos cruzados y XMLHTTPREQUEST Nivel 2.

Las descripciones técnicas anteriores están presentes en la documentación de WhatWG HTML, pero no están todas incluidas en la documentación W3C HTML5; W3C ha realizado explicaciones separadas para algunas tecnologías, por lo que este artículo no se repetirá uno por uno.

Suena demasiado técnico, entonces, ¿qué impacto tendrá HTML5 en el diseño? Esto es algo que los diseñadores y desarrolladores web deben considerar después de discutir el código de programación.

Tomar el campo de Internet móvil como ejemplo, frente a numerosos dispositivos y plataformas terminales, los diseñadores y desarrolladores tienen que hacer compromisos en términos de visualización de productos y consistencia en la experiencia, y desperdiciaron gran parte de nuestra energía en el proceso de llenar la plataforma. Los productos podrían haber alcanzado un nivel más alto, pero la realidad de la fragmentación de terminales móviles (incluidos hardware y software) bloquea los buenos deseos.

Las plataformas de desarrollo de teléfonos móviles actuales incluyen: iOS, Symbian, Linux, Palm, BlackBerry, Windows Mobile, Android, etc. Entre ellas, la plataforma iOS debe diseñarse para resoluciones de 480*320, 960*640 y 1024*768 respectivamente; La resolución QVGA es 240*320, la resolución WQVGA es 240*400, la resolución HVGA es 320*480, la resolución WVGA es 480*800, la resolución FWVGA es 480*854, etc.; El sistema Symbian tiene una larga historia, y ahora se centra principalmente en las versiones S60 V3 y V5, y la resolución sigue siendo 176*208, 208*208, 240*320/320*240, 352*416/416*352 y 800*352 y muchos otros tipos. Incluso con la misma plataforma, diferentes resoluciones tendrán diferencias correspondientes. Además, los productos del cliente deben actualizarse e iterarse continuamente, desde la versión 1.0, versión 2.0 a la versión n.0; Cada vez que se desarrolla una aplicación nativa, se debe presentar una plataforma. Y la realidad es que no todos los usuarios actualizarán activamente la nueva versión, por lo que los diseñadores y desarrolladores también deben preocuparse por si la versión anterior anterior será compatible cuando se desarrolle nuevas funciones. Multiplique diferentes plataformas por diferentes versiones, mano de obra y recursos materiales se invierten en el trabajo de sentar la plataforma, y ​​la energía para mejorar la experiencia del usuario del producto es relativamente limitada.

Por lo tanto, las personas han tenido suficiente de la tortura de dispositivos terminales fragmentados y comenzaron a esperar algo diferente de las aplicaciones nativas. La aparición de aplicaciones web desarrolladas por la tecnología HTML5 le ha dado a diseñadores y desarrolladores una visión brillante. El proceso de representación de la tecnología HTML5 es realizado principalmente por navegadores, aplicaciones integradas con analizador HTML5, aplicaciones que admiten la apertura de marcadores o productos de teléfonos móviles. De esta manera, la actualización de lanzamiento y versión del producto ya no tarda tanto en establecer la plataforma. La lógica interna de Applerator convertirá la interfaz de usuario del producto en una interfaz nativa para plataformas como iOS o Android. Al mismo tiempo, los productos en forma de aplicación web no requieren que los usuarios se descarguen y actualicen, y pueden acceder a la última versión a través de la red; También facilita a los diseñadores y desarrolladores depurar y corregir errores, y ya no hay un problema de tener en cuenta las versiones nuevas y antiguas al mismo tiempo.

HTML5 es tan poderoso que tiene el potencial de mejorar la calidad de los productos de Internet y mejorar el entorno real para los desarrolladores. Por lo tanto, los diseñadores y desarrolladores deben entenderlo según sea necesario. Pero esto no significa que los diseñadores tengan que dejar su trabajo y comenzar a aprender tecnología de programación. En cambio, deberían considerar qué cambios obvios tendrán que hacer HTML5 a diseños específicos, y ¿qué efectos de diseño pueden lograr la tecnología HTML5?

Bajo la defensa activa de compañías gigantes como Apple, Google y Microsoft, la tecnología HTML5 ha hecho un progreso rápido y los efectos que las aplicaciones web pueden lograr se están volviendo cada vez más abundantes. De hecho, muchas aplicaciones web se pueden comparar con aplicaciones nativas. Los mejores navegadores para el soporte HTML5 son Safari y Chrome, Firefox y Opera son insatisfactorios, y el navegador IE tiene el soporte más bajo. Como se muestra en la figura a continuación:

Hoy en día, a menudo vemos artículos de introducción relacionados como "19 sitios web desarrollados con HTML5" y "25 juegos de lona HTML5 excelentes" en Internet. Los diseñadores a menudo pueden usarlo para experimentarlo. Debido a las limitaciones de espacio, este artículo solo proporcionará algunos productos de sitio web típicos que usan tecnología HTML5 para ejemplos.