segunda-feira, 3 de agosto de 2009

Webdesign: A Oitava Arte

Criar websites é uma tarefa complexa. Juntar recursos, usabilidade e beleza é um técnica que todo bom webdesigner deve saber. Trabalhando um pouco nesse meio, descobri o design na sua mais nova forma: webdesign.

Criar uma aparência bonita para uma página de internet é trabalho para um artista. Porém, sua arte não será apenas apreciada, mas usada, rolada pra cima e pra baixo, escreverão em cima dela e será cutucada indefindamente por cliques de mouse.

Cada curva bonita, acompanhada de efeitos com janelas que se movem, acendem luzes, cores que mudam, sons, vídeos e imagens que transbordam de cada mínimo detalhe deve ser cuidadosamente calculados para que tudo ocorra como o desejado. E somado a isso, a página deve ser leve e que não demore para abrir tempo suficiente para que o usuário se irrite e deixe o site.

O blog da CrazyLeaf Design elege todo ano os 40 designs mais bonitos. Confira alguns dos eleitos em 2008, abaixo.


http://satsu.co.uk/


http://www.pixelcriminals.com/

http://www.ernesthemingwaycollection.com/

http://great-design.blogspot.com/

http://www.noedesign.com/

Aqui você pode conferir a lista completa.

A ferramenta padrão para dar design e arquitetura a uma página chama-se CSS, Cascade Stylesheet, ou Folha de Estilo em Cascata. Uma sequência de códigos CSS diz à página onde cada elemento ficará, quanto de espaço ocupará, qual cor, imagem, decoração mostrará e etc, independentemente do seu conteúdo.

Para perceber o que o CSS pode fazer vejamos este famoso site: css Zen Garden. Ele promove uma pequena competição para artistas da web. O site da css Zen Garden possui um determinado conteúdo, os artistas interessados mandam seus layouts no formato de CSS para o css Zen Garden. Os mais bonitos ganham um link na página. Navegue pelas opções de Select a design no css Zen Garden para alterar entre os layouts criados e perceba que a página é a mesma sempre, o que muda é apenas aparência criada pelos webdesigners.


http://www.csszengarden.com/

6 comentários:

  1. Puts, eu queria tanto saber mexer com essas coisas! Já tentei mais de uma vez aprender, porque eu sempre quis fazer algo diferente pro meu blog, mas aceitei que simplismente não é pra mim, e desisti. É que nem música erudita em baile funk, entende? Não combina, hahahaha.
    Desculpe a demora pra vir comentar aqui de novo. É que eu fiquei um tempo longe do blog e da escrita, mas resolvi voltar. É a melhor terapia EVER, hahahaha!
    Eu gosto do seu blog, eu queria um blog assim, pra postar sobre tudo, e não apenas crônicas, eu acho meio que "libertador". Já até tentei, com um enfoque mais jornalístico, mas tentei. E não deu certo (por isso que às vezes eu acho que jornalismo vai ser um erro terrível pra mim, sdfjlksjflkds).

    Ah, eu sei que eu falei demais, mas é porque eu tô com sono! JDSFLKJFLKSDF.
    Obrigada pelo seu comentário lá. :)

    ;*

    ResponderExcluir
  2. O design do seu blog tb está bem legal...

    Você poderia ir mais fundo nesse tipo de coisa e começar a concorrer lá no css Zen garden;

    Beijo.

    ResponderExcluir
  3. É, gostei do seu blog, bem informativo e tal, diferente do meu, que é mais pra uso 'pessoal' haha :D
    e a respeito de web design, eu ja fiz aulas de HTML (sou técnico em info) mas nem se usam mais HTML! hahahah, e é incrível quando você vê que simples códigos se tranformam em paginas tão bonitas, hahaha.
    parabéns!

    Diego

    ResponderExcluir
  4. GRAAAANDE WARREN xD!!!

    Mano! Como a Luiza disse, tambem acho o desing do seu blogg muito bom!!!! e a foto la em cima acho nota 11 hauahuauahuahuaau xD!!!

    Eu gostei muito do desing do site do D3
    http://www.blizzard.com/diablo3/?rhtml=y

    Acho que voce ja viu

    Achei demais velho o.o!!!! os efeitos das asas do tyreal é de tirar o folego heheheheheheh xD!!!!!!

    Gostei das informaçoes do post Warren, deu vontade de começar a aprender a fazer sites velho! Agora que ganhei 2 semanas de férias...pelo menos aprendo algo xD!

    Abraçao velho!

    Will =)!

    ResponderExcluir
  5. CrazyLeaf Design ?
    Tem que ser bem crazy para gostar desses templates aí. Eles são daqueles site que você entra e pensa "que bonito, devia estar numa galeria".
    Gosto mais dos Apple like: leves, funcionais e intuitivos. O design e o conteúdo caminham juntos.
    E não vou chover no molhado e repetir os comentários aqui de cima e o que eu já lhe disse, mas seu blog está no meu conjunto Apple like !

    ResponderExcluir
  6. nossa, design de sites está bem fora do meu intelecto... eu uso o template padrão e coloco uma imagem própria pouco editada...
    então, obrigada pelo comentário, sério, foi um dos melhores que eu recebi até hoje porque não incluia 'por favor visite meu blog' e etc [isso irrita, convenhamos]
    lindo blog, muito interessante mesmo
    abraços,
    Julianna

    ResponderExcluir