Arquivo da Categoria ‘Teoria do Design’

Dez tendências para o web design em 2010

04-11-2009

Já que o ano está acabando, vamos dar uma olhadinha no que estará na “moda” para o web design ano que vem. A fonte dos dados é o site http://designtutorials4u.com.

1. Tipografia:

A tendência começou ano passado e vai continuar com toda a força: os designers continuarão utilizando fontes grandes, grossas e chamativas como componentes de layout. Também se observará um cuidado ainda maior com espaçamento e “peso” de fontes. Esta tendência reflete um aspecto positivo da web 2.0, onde informação é tudo e o texto é prioridade.

2. Esboços e ilustrações à mão livre como componentes de layout.

O uso de ilustrações personaliza um layout, e seu uso é tendência forte, especialmente nos portfolios pessoais.

3. Imagens e fotografias grandes.

Há algum tempo temos conferido esta tendência nos sites, especialmente os estrangeiros. Tudo indica que usar imagens grandes para comunicar não sairá de moda tão cedo.

4. Layout tipo “magazine”

A idéia de artigos curtos, sucintos e fáceis de ler, reflexo da mudança de comportamento da sociedade como um todo em relação à web, têm se mostrado cada vez mais forte. Os sites tenderão cada vez mais a adotar este conceito.

5. Blocos de “introdução”.

Os designers aprenderam a valorizar a área mais importante do site em relação aos usuários, o topo. A tendência atual é inserir blocos de texto de apresentação com fontes grandes e chamativas, atraindo a atenção do visitante e apresentando aquilo que o site prioriza.

6. Sites de página única.

Muitos designers pensarão na pressa dos usuários e criarão cada vez mais designs de página única. Toda a informação, um só lugar.

7. Links para mídias sociais e divulgação de participações off-site.

Mídias sociais estão cada vez mais populares, todo mundo faz parte delas e todos divulgarão cada vez mais isso em seus sites. O legal é ver a criatividade com que podemos fazer isso…

8. Espaços vazios.

Seu cliente costuma odiar. Diga a ele que é tendência 2010! :D Espaços em branco ajudam a concentrar a atenção do usuários nos itens realmente importantes.

9. Ícones.

Todos amamos ícones, e eles estarão na moda ano que vem. Uma simples imagem com tanto poder de comunicação só podia ser a cara da web 2.0! :)

10. Lightbox.

Elas não são tão novas, mas ajudaram a enterrar o pop up. E continuarão cada vez mais presentes, exibindo imagens, vídeos e textos de forma leve e elegante.

Um grande abraço e até o próximo post! :D

Princípios para um design de interfaces eficiente

15-10-2009

Criar uma interface web vai além de deixar tudo bonitinho e visualmente agradável: trata-se de um ato de comunicação direto com a audiência de um site. E, para passar a mensagem correta e atingir os objetivos desejados, esta comunicação não pode ser feita de forma truncada. Tudo precisa ser claro como água.

Separamos aqui algumas dicas de desenvolvimento para layout de interfaces.

Pense como o usuário.

Você, como construtor, deve ser capaz de visualizar a disposição da informação como um leitor. E para um leitor conseguir usar um sistema, as coisas devem ser diretas, claras e objetivas. Procure fornecer o máximo de informação possível no espaço mais compacto. Um bom exemplo disso é o uso de dicas de ferramenta (tooltips) para explicar algo mais detalhadamente. A informação não fica aparente poluindo o “ambiente”, mas ela está lá para ser usada, se necessário.

Utilize modelos de sucesso.

Não, não é para “copiar”. Apesar de nós, profissionais de web, utilizarmos nossa criatividade para criar coisas cada vez mais originais, existem alguns padrões de sucesso aos quais os usuários já estão acostumados. Logotipo no canto superior esquerdo, breadcrumbs e certos tipos de ícones, por exemplo, são clássicos eternos. É possível, sim, ser criativo e fazer bom uso dos padrões. O resultado é uma interface visualmente agradável e o melhor, amigável.

Facilite a vida das pessoas.

Pense nas formas mais amigáveis de apresentar suas informações, e crie soluções que facilitem a vida dos usuários. Eles agradecem! Quer um exemplo? Lembra quando navegadores mais antigos não possuíam suporte a abas e você acumulava toneladas de janelas abertas? Pois então.

Seja coerente. E eficiente!

Novamente caímos no quesito padrão. Acostume-se a criar rotinas para seus usuários! Permita-se criar designs de interface consistentes e que se aproveitem ao máximo das experiências anteriores dos usuários. Todos nos acostumamos com determinadas simbologias, e intuitivamente procuramos aplicá-la quando nos deparamos com uma novidade. Prezar por isso contribui para uma internet cada vez mais estável, rápida e rica em informação e experiência. Seja coerente ao manter a identidade de seu projeto impecável, onde todas as partes se identifiquem entre si e com o todo.

Não é tarefa fácil desenhar interfaces, uma vez que precisamos ter conhecimentos amplos acerca de comportamentos de usuários, e estes variam rapidamente de acordo com a evolução da web. Mas ai está a beleza da história: renovar-se é preciso!

Um grande abraço a todos e até o próximo post!

O que a Bauhaus fez por você

13-10-2009

Neste ano de 2009, a famosa escola de design alemã completou 90 anos. Fundada por Walter Gropius em 25 de abril de 1919, em pleno caos do pós-guerra, a Bauhaus esteve ativa até 1933 e foi responsável pela revolução no ensino e produção do design, como os vemos hoje.

Mas o que tanto essa Bauhaus “fez”? Mais do que definir “estilos” para o design (leia-se aqui a arquitetura, design de interiores, tipografia, artes gráficas, design industrial, pintura…), a escola alemã definiu princípios para o estudo da teoria do design. E ditou, também, a velha máxima que todos conhecemos de que a funcionalidade do objeto deve definir o seu design. O maravilhoso manifesto de Gropius (1919) prega o regresso dos artistas ao artesanato, aos princípios básicos da construção (”… Arquitetos, escultores, pintores, todos devemos retornar ao artesanato, pois não existe “arte profissional”. Não há nenhuma diferença essencial entre artista e artesão, o artista é uma elevação do artesão, a graça divina, em raros momentos de luz que estão além de sua vontade, faz florescer inconscientemente obras de arte, entretanto, a base do “saber fazer” é indispensável para todo artista…”), onde a geração do produto passa a ser algo intrínseco ao seu criador. Tudo isso muito bem temperado com uma boa dose de psicologia da Gestalt*.

Mas, afinal, o que a Bauhaus fez por mim, profissional web? Pode ter certeza que muito. Mas muito mesmo.

Estudar design após a Bauhaus, em qualquer vertente, é aprender a dominar a união entre a arte e a técnica. E a técnica, aqui, consiste em definir a melhor solução para um fim específico, prezando pela funcionalidade do resultado final. Perceba como isso se aplica ao trabalho de um designer de interfaces, por exemplo. As tecnologias se renovam, mas a luz da teoria quase um século depois permanece brilhando, e ainda mais forte nestas épocas de web 2.0.

Muitos profissionais negligenciam vários bons princípios de criação ao realizar estudos para um projeto. Infelizmente, isso acontece, mas não deveria ser assim. Deveríamos ter em mente que a função dita a forma, e que ela pode ser bela.

Sem dúvida os 90 anos da Bauhaus devem ser celebrados, sobretudo por nós, agências e profissionais de internet. O que seria de muitos de nós hoje sem seu legado?

Um grande abraço e até a próxima!

*a psicologia da Gestalt trabalha basicamente com 5 fundamentos: continuidade, fechamento, pregnância, proximidade e semelhança. Estudar Gestalt (forma) hoje é embrenhar-se nos princípios básicos do design, e existem até terapias baseadas nisso.