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.

Antigo logotipo RamonPage.com

A fonte chama-se “IPAP” e foi encontrada num dos utilíssimos artigos do Smashing Magazine.

Novo logotipo RamonPage.com

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.

Antigo menu RamonPage.com

Novo menu RamonPage.com

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… ;)

5 respostas para “À procura do layout perfeito - parte III”

  • Highlander

    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

    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

    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

    brenoid - 17/03/08 às 12:00 am

    Maneiro o layout cara!
    :D
    doido mssssm
    abrç

  • Cíntia Antunes

    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)

Poste um comentário




Você pode utilizar as seguintes tags para formatação: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Oscomentários

Comentários diversos dos visitantes

Hebertphp disse:

Olá, como disse coloquei um post sobre o seu gridlayout na minha página com os devidos créditos. Aproveito para perguntar, têm como iniciar um camp...

ramonpage disse:

Dunross... Eu colocarei um live preview em breve. ;)...

Jader Rubini disse:

O layout ficou muito bom. Só uma coisinha: os ícones do RSS no rodapé ainda estão com o fundo preto. ;)...

RamonPage disse:

Obrigado @Sylvestre e @Hebert. @Hebert, desde que você cite a fonte, não há problema algum. ;)...

RamonPage disse:

Obrigado, @Vania. :D E, obrigado pelo comentário, @Felipe! Gostaria muito de ver o resultado do seu blog....

Quemsou

Uma prévia de quem é RamonPage

Avatar RamonPageMeu nome é Ramon Bispo. Sou web developer/ designer e natural do Rio de Janeiro, Brasil. Saiba mais sobre mim…