Negocio

A História do Web Design

Caminho de volta quando

Ah, os bons velhos tempos!! Como em 1985, quando a Nintendo chegou às prateleiras nos Estados Unidos e a palavra ‘internet’ estava apenas começando a ser ouvida. É difícil lembrar de uma época em que você não conseguia pesquisar algo em uma página da web.

Mas as páginas da web são muito mais dinâmicas agora do que no início. No início, havia apenas texto, sem imagens ou animações ou mesmo uma variedade de cores ainda disponíveis. Não havia design para falar; o texto foi alinhado na margem esquerda e as cores foram limitadas a preto e branco (ou realmente, verde e branco).


Designer de Web
Designer de Web

Meu como as coisas mudaram. Vamos dar uma olhada na linha do tempo do web design.

Década de 1990

No início dos anos 1990, Sega Genesis e Sonic the Hedgehog varreram o país. O primeiro site foi ao ar em 1991; era um site muito simples baseado em texto. Mais tarde, o design ainda era fortemente baseado em texto, mas agora os web designers podiam adicionar até 16 cores seguras para a web. A linguagem HTML ou de marcação de hipertexto foi desenvolvida para que os designers pudessem definir a estrutura de suas páginas da web e controlar como suas páginas eram visualizadas. Foi então que o World Wide Web Consortium (W3C) foi estabelecido. O W3C é um grupo de pessoas de todo o mundo que se reuniram para definir diretrizes de consistência em web design.

Em meados da década de 1990, o console Playstation apareceu e as coisas estavam mudando no mundo do web design. Os designers agora podem usar 256 cores, bem como 2 fontes seguras para a web : Times New Roman e Courier New. Estas foram determinadas como as fontes que todos tinham em seus computadores e, portanto, seriam capazes de visualizar as páginas da web da maneira que os designers pretendiam.

Anúncios foram aparecendo na internet e botões que permitiam interação com o usuário apareciam pela primeira vez. Macromedia Shockwave, JavaScript e Flash fizeram sua estreia, aumentando a interação e animação. E, finalmente, os web designers tiveram mais controle sobre o layout e o design de suas páginas com o advento das Cascading Style Sheets (CSS).

No final da década de 1990, o Nintendo 64 foi lançado e os web designers estavam confiando mais nas cores para adicionar emoção ao seu design. Os designers estavam usando bloqueio de cores e fundos escuros, semelhantes ao que estava na moda na moda. Os web designers agora podem usar gradientes que adicionam uma sensação de fluxo às suas páginas.

À medida que mais e mais usuários estavam online, ficou claro que a navegação precisava ser mais fácil, então os web designers adicionaram menus que permitiam aos usuários ir diretamente para outra parte da web. Com todos esses novos recursos, o HTML foi atualizado para a versão 4, que permitiu mais controle sobre as imagens, tabelas e outros elementos que os designers poderiam usar para tornar suas páginas mais atraentes.

Anos 2000

Em meados da década de 2000, o Xbox 360 e os jogos para PC estavam se tornando populares e, no web design, as palavras-chave do estilo eram legibilidade e funcionalidade . Web designers queriam ter certeza de que o maior número possível de pessoas pudesse ver e desfrutar de suas páginas. Eles limparam as fontes e foram mais restritos ao usar cores (com mais de 16 milhões de cores agora disponíveis!). Por causa da iniciativa do W3C para acessibilidade na web, os web designers adicionaram funcionalidades para tornar suas páginas acessíveis a pessoas com deficiência. Leitores de tela, por exemplo, iriam «dizer» o texto na tela para que os deficientes visuais também pudessem usar a web.

Os usuários estavam usando a Internet para entretenimento, em vez de apenas para pesquisar, e os designers precisavam acompanhar. A animação e a interatividade aumentaram à medida que os designers usaram o Flash para permitir mais atividades em empreendimentos online como WordPress, MySpace, Facebook e YouTube.

No final dos anos 2000, o Nintendo Wii e o World of Warcraft estavam fortes e os designers estavam usando mais vídeos e páginas de rolagem mais longas. O HTML 5 finalmente fez sua estreia. Esta versão mais recente do HTML integrou CSS com a linguagem de codificação e adicionou recursos, como suporte a fontes incorporadas, onde os designers podiam usar qualquer fonte que desejassem, quer o computador do usuário tivesse ou não essa fonte. Para ficar alinhado com a nova palavra da moda, ‘ skeuomorphic ‘, os designers usaram ícones que imitavam o que a ferramenta faria. Por exemplo, o ícone de uma lata de lixo representou a lixeira e o ícone de um envelope tornou-se o símbolo do correio.

Meados de 2010

Agora estamos na época de vários dispositivos. Jogos como Angry Birds ou Minecraft podem ser jogados em smartphones e tablets, que estão mudando a maneira como os web designers estão construindo suas páginas. Os designers estão usando design responsivo para oferecer aos visualizadores a melhor experiência em qualquer dispositivo. Os web designers estão incorporando um design de paralaxe que fornece uma ilusão de profundidade e o conteúdo da página da web parece 3D. Para que as páginas da web sejam visualizadas em uma tela menor, o design da web para dispositivos móveis se tornou mais minimalista e a animação está em toda parte.

Muita coisa aconteceu em web design em apenas um quarto de século e as coisas estão mudando a cada dia. Só o tempo dirá como será o web design nas próximas décadas.

Resumo da lição


Linha do tempo do Web Design
Linha do tempo do Web Design

Nos primeiros anos, o web design era apenas texto em preto e branco básico. Ao longo das décadas, um rápido aumento na flexibilidade e controle mudou a web dramaticamente. As diretrizes para consistência de design da web foram estabelecidas pelo World Wide Web Consortium na década de 90, e a linguagem de marcação de hipertexto ajudou os designers a controlar a aparência de suas páginas e foi atualizada muitas vezes.

Algumas das grandes mudanças foram mais cores, botões, menus, mais controle de estilo com CSS e, eventualmente, animação e interatividade. O design ‘Skeuomorphic’, que torna os aplicativos semelhantes aos do mundo real, era um tema comum, e agora o design de paralaxe dá uma aparência 3D às páginas da web.

Atualmente, o uso cada vez maior de smartphones está tornando os web designers mais minimalistas com seu conteúdo e «responsivos» em seu design, para que os sites tenham uma aparência limpa em qualquer coisa, desde um tablet a um desktop ou um smartphone. Quem sabe o que as próximas décadas trarão!