Tendências minimalistas no Web design

Em 2010 parece que se vai continuar a assistir a uma evolução no design das páginas Web em que a tendência principal parece apontar para um conceito mais “clean” e minimalista, menos áreas rígidas e  delimitadas de enquadramento (que serão substituídas por espaços em branco), maior desenvolvimento dos sites no sentido horizontal, imagens maiores, caracteres tipográficos mais abertos e menos animações e efeitos “especiais”: muitos sites serão desenhados apenas com o recurso a CSS e  HTML.

O uso de menus, opções e imagens com o aspecto de skecth (“esboço”), será outra tendência que vai estar “in”.

No que respeita aos conteúdos propriamente ditos estes tenderão a ser mais “económicos”, a dar-se maior importância aos elementos gráficos de orientação ou que fazem sobressair determinada parte do texto. Também continuará a tendência que já vem de 2009 de fazer grandes rodapés com muita informação.

Basicamente isto tem a ver com o facto de tipicamente o utilizador da Internet parecer não ter paciência para se concentrar ao mesmo tempo numa grande mancha de texto, sendo preferível separar e hierarquizar estes, aliciando  graficamente o leitor para o interior do site.

Um dos exemplos desta abordagem minimalista pode ser observado no site Digital Mash da autoria do designer australiano Rob Morris. Note-se que este site não apresenta conteúdos em  Flash ou JavaScript – com excepção da galeria de imagens no interior-, sendo todo ele produzido com o recurso a Style Sheets (CSS) e elementos gráficos.

A simplicidade é total, sendo esta conseguida através do uso de uma grande imagem que ocupa toda a extensão horizontal do ecrã, menus simples e quatro largas colunas temáticas, com texto reduzido e observando a tendência de usar delimitadores pouco intrusivos que enchem também todo o espaço.

Site Digital Mash

Outra página muito interessante dentro deste mesmo conceito é a do restaurante búlgaro “Pastorant“. Note-se aqui também o uso de transparências – outra tendência – e também de uma grande foto a ocupar todo o fundo do site: não é importante escrever muito, mas antes ilustrar graficamente o ambiente do espaço que se quer promover.

Site de Restaurante na Bulgária

Uma variação que leva ao extremo esta tendência minimalista, e que já vem antes de 2010, é a da produção de sites com uma única página. Veja-se no exemplo representado a utilização de composições tipo “esboço” nos grafismos feitos a lápis, de que já se falou acima. A localização das mãos, da chávena de café, carteira, etc., mostram como se usou toda a liberdade na colocação dos elementos  que formam a página. O “header” contem uma pequena animação em “Flash”, que é a cabeça do autor do blog que sai da cratera do vulcão. Este site é da autoria do designer italiano Andrea Banchini.

Site de Kino

A página da empresa de Manchester Weareyoung mostra a utilização do conceito de rolamento horizontal de que já se falou, em que o site se expande todo nesse sentido através de uma pequena barra que se encontra abaixo de um “header”  também ele “minimal” e logo acima das imagens. Ao clicar em cada uma destas surgem outras que ocupam todo o espaço existente  até à zona do “header”, surgindo da parte inferior do ecrã e contendo apenas pequenas legendas.

Site  da Weareyoung

Sketchen é outro site que faz uso do rolamento horizontal, introduzindo-lhe também algumas animações feitas em “Flash”. Estas animações são, no entanto, bastante subtis e são utilizadas para criar um elemento de interactividade suplementar com o utilizador, já que são produzidas pequenas animações ou sons apenas quando o rato passa em cima de algumas áreas  do ecrã. Muito longe daquilo que se usava até ainda há bem pouco tempo, em que as páginas eram atoladas em “coisas a mexer”. Diga-se, já agora, que o Flash é pouco amigável em termos de SEO, pelo que aqui reside mais uma razão para o seu uso moderado. Visite o site  aqui.

Site da empresa de Barcelona Sketchen

Outra ideia interessante é a utilizada pelo gabinete de arquitectura e design italiano de Gritti Rollo,  em que na página inicial  não existem menus visíveis, sendo que o desenrolar das restantes se obtem premindo numa das palavras – correspondente às diferentes actividades da empresa – que aí se encontram. O ecrã  abre-se então na vertical e desloca-se no mesmo sentido, sobrepondo-se ao anterior. Sem deixar de ser funcional e intuitivo este conceito produz também um bonito efeito.  Repare-se também na utilização de fontes grandes que ocupam um espaço significativo do ecrã, outra tendência do web design de que já se falou acima.

Site da Gritti Rollo

É provável que algumas destas tendências venham a passar de moda e a serem substituídas no futuro por outras mas, no geral, estou convencido que a época dos “sites” cheios de efeitos, menus  e animações, carregados de informação – a não ser que seja essa a sua função específica – já passou à história.

Durante muito tempo viu-se um site como uma espécie de livro ou jornal “à moda antiga”, restringido a um determinado formato, cheio de tabelas, delimitadores e quadros. A fluidez na disposição dos conteúdos, o uso criativo dos “hyperlinks”, a consideração do espaço vazio como elemento de formatação, não eram suficientemente considerados.

É claro que as ferramentas de programação também foram evoluindo mas, sendo estas cada vez mais poderosos, parecem estar a ser utilizadas no sentido de reduzir a complexidade da navegação, tornando-a mais simples e graficamente mais atraente.

_________________

Observação relativa aos sites “dinâmicos” feitos usando a tecnologia CMS (WordPress, Blogger, Drupal, etc):

Este tipo de páginas  usa basicamente “templates” em que um único “layout” (ou um número reduzido deles) pode servir para formatar todos os conteúdos. No entanto é possível personalizar  – costumizar – o  design através de vários processos, como se explica noutros artigos deste site. Ver:

►  Alterar a Home Page do  WordPress

► Como personalizar uma página estática de um Blog