Mar152008
À procura do layout perfeito – parte III
Coloquei em prática uma pequena renovação no design deste site, reorganizando algumas áreas de visualização. Embora o estilo clean não tenha sido modificando, tampouco as cores, o layout ficou com uma cara realmente renovada. Explicarei o porquê.
Adeus 800×600
A primeira providência que tomei foi tornar o layout fixo. Não interessava mais manter algo fluido, já que a porcentagem de uso da resolução 800×600 vem caindo consideravelmente. Resolvi, então, manter um layout fixo de 960px de largura, composto de: ~160px de área livre à esquerda, 480px de conteúdo e 280px de barra lateral direita.
Aproveitando a formação do grid, resolvi ajustar o rodapé a esta estrutura de colunas, tornando, de fato, o layout um grid layout.
Novo logotipo
Talvez não tão novo, porém redesenhado. A mudança significante está na tipografia. Deixei de lado a Garamond e apostei numa fonte até então desconhecida para mim, mas que ganhou meu apreço.
A fonte chama-se “IPAP” e foi encontrada num dos utilíssimos artigos do Smashing Magazine.
Novo menu
O menu sofreu algumas alterações no espaçamento e na estilização dos links, tornando, assim, o que era “solto” algo mais integrado.
Outras mudanças
A seguir, check-list de alguns dos itens modificados:
- Novo alinhamento de logotipo (trazido para a esquerda) e sidebar;
- Nova estilização das listas da sidebar e do rodapé;
- Novo recuo das listas do conteúdo;
- Novo estilo para as datas;
- Inserção de comentários randômicos no conteúdo extra do rodapé;
- Alinhamento do conteúdo extra em colunas, respeitando o alinhamento das áreas superiores.
E assim a busca continua… ;)
Meu nome é Ramon Bispo. Sou natural do Rio de Janeiro e nerd assumido (apesar de ter um estilo que disfarce um pouco isso). Sou idealista de boas práticas de desenvolvimento web e gosto de criar projetos para internet. Além disso, faço parte da comunidade 
Highlander - 15/03/08 às 8:53 pm
(wow)
Atualização no seu site, que milagre (6)
Ficou r0x o layout….meio cara de Ubuntu, mas tá bom :D
Jader Rubini - 15/03/08 às 9:02 pm
O layout ficou muito bom.
Só uma coisinha: os ícones do RSS no rodapé ainda estão com o fundo preto. ;)
RamonPage - 15/03/08 às 10:39 pm
@High: realmente… Andei meio sumido no site, mas agora estou de volta.
E sobre o Ubuntu, qualquer semelhança é mera coincidência (apesar de conhecer, eu nunca trabalhei num) :P
@Jader: obrigado pelo comentário. Já ajustei os ícones.
brenoid - 17/03/08 às 12:00 am
Maneiro o layout cara!
:D
doido mssssm
abrç
Cíntia Antunes - 21/03/08 às 3:23 pm
Bom, não vi tanta diferença, mas há…
Parabéns pelo trabalho!!!
Abraços!
Obs: Não tem nada de “doido mssssm” no layout (6)
Ronaldo Cunha - 5/02/09 às 3:52 pm
O layout perfeito, a meu ver, será aquele que reunir pelo menos as seguintes propriedades: muito pouco ou nenhum objeto de animação zanzando para lá e para cá em toda a tela; procurar conter o máximo de tons pastéis e evitar ao máximo exagero de linhas ou caixas de textos em cores berrantes e em profusão.
Como exemplo de layouts ruins posso mencionar, por exemplo, os dos caixas dos bancos Unibanco e Itaú. O pior deles – e bota pior nisso – é o do Unibanco. Aquela porcaria zanza tanto que você se confunde aonde se encontra na tela. Além disso as cores são horripilantes porque berrantes. A do Itaú vem em 2º lugar em formato de arrepiar também.
Como bom exemplo eu só conheço o da Caixa Econômica.
Bem legal ele, além de suave.
Do layout deste seu sítio eu só reclamo do exagerado esmaecido dele, forçando a vista pelo excesso de luminosidade.
Fique na boa!