HTML5 Novos elementos e atributos são aventura e oportunidade para designers

Artigo Introdução de wulin.com (www.vevb.com): html5, que há rumores de ser o assassino do Flash, é uma tecnologia de rede transformadora usada para o desenvolvimento de aplicativos da web.

O HTML5, que se diz ser o assassino do Flash, é uma tecnologia de rede transformadora usada para o desenvolvimento de aplicativos da Web. O HTML 5 fornece alguns novos elementos e atributos, alguns dos quais tecnicamente semelhantes às tags <div> e <span>, mas possuem alguns significados, como <v Nav> e <dower>. Esta tag será propícia à indexação de mecanismos de pesquisa, dispositivos de tela pequena e pessoas com deficiência visual. Ao mesmo tempo, novos recursos são fornecidos para outros elementos de navegação, através de uma interface padrão, como tags <udio> e <dife>.

Além da interface DOM original, o HTML5 adiciona APIs mais diversas:

API de tela: API para saída dinâmica e renderização de gráficos, gráficos, imagens e animações.

HTML5 Audio e vídeo: novos elementos no HTML5, eles fornecem aos desenvolvedores uma API comum, integrada e com script para processar áudio e vídeo sem instalar nenhum plug-ins.

APIs de comunicação: duas principais fundações para a construção de comunicação em tempo real e de origem cruzada: Mensagens de documentos cruzados e XmlHttPrequest Nível 2.

As descrições técnicas acima estão presentes na documentação Whatwg HTML, mas nem todas estão incluídas na documentação W3C HTML5; O W3C fez explicações separadas para algumas tecnologias; portanto, este artigo não será repetido um por um.

Parece um pouco técnico demais, então que impacto o HTML5 terá no design? Isso é algo que os designers e desenvolvedores da web precisam considerar depois de discutir o código de programação.

Tomar o campo da Internet móvel como exemplo, diante de inúmeros dispositivos e plataformas de terminais, designers e desenvolvedores precisam fazer compromissos em termos de exibição e consistência do produto na experiência e desperdiçados de nossa energia no processo de preenchimento da plataforma. Os produtos poderiam ter atingido um nível mais alto, mas a realidade da fragmentação de terminais móveis (incluindo hardware e software) bloqueia bons desejos.

As atuais plataformas de desenvolvimento de telefones celulares atuais incluem: iOS, Symbian, Linux, Palm, BlackBerry, Windows Mobile, Android etc. Entre eles, a plataforma iOS precisa ser projetada para resoluções de 480*320, 960*640 e 1024*768, respectivamente; A resolução QVGA é 240*320, a resolução WQVGA é 240*400, a resolução HVGA é 320*480, a resolução WVGA é 480*800, a resolução do FWVGA é 480*854, etc.; O sistema simbiano tem uma longa história e agora se concentra principalmente nas versões S60 V3 e V5, e a resolução ainda é de 176*208, 208*208, 240*320/320*240, 352*416/416*352 e 800*352 e muitos outros tipos. Mesmo com a mesma plataforma, diferentes resoluções terão diferenças correspondentes. Além disso, os produtos clientes precisam ser atualizados e iterados continuamente, da versão 1.0, versão 2.0 à versão n.0; Toda vez que um aplicativo nativo é desenvolvido, uma plataforma precisa ser apresentada. E a realidade é que nem todos os usuários atualizam ativamente a nova versão, para que designers e desenvolvedores também devem se preocupar se a versão antiga anterior será suportada ao desenvolver novas funções. Multiplique plataformas diferentes por diferentes versões, mão de obra e recursos materiais são investidos no trabalho de colocar a plataforma, e a energia para melhorar a experiência do usuário do produto é relativamente limitada.

Portanto, as pessoas já tiveram o suficiente da tortura de dispositivos terminais fragmentados e começaram a esperar algo diferente dos aplicativos nativos. O surgimento de aplicativos da Web desenvolvido pela HTML5 Technology deu a designers e desenvolvedores uma visão brilhante. O processo de renderização da tecnologia HTML5 é realizado principalmente por navegadores, aplicativos incorporados ao analisador HTML5, aplicativos que suportam a abertura do marcador ou os produtos de telefonia móvel. Dessa forma, a atualização de lançamento e versão do produto não demoram mais tempo para colocar a plataforma. A lógica interna do Appleator converterá a interface do usuário do produto em uma interface nativa para plataformas como iOS ou Android. Ao mesmo tempo, os produtos na forma de aplicativo da web não exigem que os usuários baixem e atualizem e podem acessar a versão mais recente através da rede; Ele também facilita designers e desenvolvedores a depurar e corrigir erros, e não há mais um problema de levar em consideração as versões novas e antigas ao mesmo tempo.

O HTML5 é tão poderoso que tem o potencial de melhorar a qualidade dos produtos da Internet e melhorar o ambiente real dos desenvolvedores. Portanto, designers e desenvolvedores precisam entendê -lo conforme necessário. Mas isso não significa que os designers tenham que abaixar seu trabalho e começar a aprender a tecnologia de programação. Em vez disso, eles devem considerar que mudanças óbvias HTML5 terão que fazer para projetos específicos e quais efeitos de design a tecnologia HTML5 pode alcançar?

Sob a defesa ativa de empresas gigantes, como Apple, Google e Microsoft, a tecnologia HTML5 fez progressos rápidos e os efeitos que os aplicativos da Web podem alcançar estão se tornando cada vez mais abundantes. Muitos aplicativos da Web podem realmente ser comparados com aplicativos nativos. Os melhores navegadores para o suporte ao HTML5 são Safari e Chrome, Firefox e Opera são insatisfatórios, e o navegador do IE tem o menor suporte. Como mostrado na figura abaixo:

Atualmente, geralmente vemos artigos de introdução relacionados, como "19 sites desenvolvidos com HTML5" e "25 Games de tela HTML5 excelentes" na Internet. Os designers geralmente podem usá -lo para experimentá -lo. Devido a limitações de espaço, este artigo fornecerá apenas alguns produtos típicos do site que usam a tecnologia HTML5 para exemplos.