Tableless - Desenvolvimento inteligente com Padrões Web

13/10/2006

Redesign 2007

Normalmente eu faço o redesign no final do ano junto com o aniversário do site (primeiro de janeiro). Mas ultimamente ando muito ocupado e não sei se terei muito tempo para fazer isso mais para frente, portanto, resolvi fazer agora …

Por

Normalmente eu faço o redesign no final do ano junto com o aniversário do site (primeiro de janeiro).
Mas ultimamente ando muito ocupado e não sei se terei muito tempo para fazer isso mais para frente, portanto, resolvi fazer agora que me restou um tempo neste feriado.

Ainda há um bocado de coisas para se fazer. Qualquer sugestão é bem vinda. Acho que até domingo consigo terminar a atualização do código php/html e CSS, é só ter um pouco de paciência. Irei sempre mudar algo no site. Realinhar coisas aqui e ali. Acho mais fácil do que ficar fazendo redesigns e outra: Good Designers Redesign, Great Designers Realign.
E 3 Vivas para o WordPress e toda a sua facilidade. :-)

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

← Older Comments
  • http://ide4life.wordpress.com Ivan

    Achei que este novo layout fez o conteúdo do site ficar meio que fora do foco principal, fazendo assim com que o usuário tenha que procurar o que é o post e o que é propaganda/link/feed.

  • http://project47.viscountbox.com Carlos Eduardo

    Impossível agradar a todos mesmo…

    Mas eu acho que deveria ter algo no fundo do título do site, na barra acima do menu… Senão fica MUITO branco mesmo.

  • http://www.mercwars.net/handbook Douglas d’Aquino

    ficou bem melhor

    parabéns

  • Vítor Avelino

    hum…
    achei estranho o menu e publicidade do mesmo lado, está um pouco apertadinho os posts.
    o desing tá legal. ;]

  • http://www.marciotoledo.com Marcio Toledo

    Viva! Gostei bastante! :D

  • http://www.philipecoutinho.com.br Philipe Coutinho

    putz…. não gostei. Está parecendo página de jornal matinal. A outra versão era mais confortável.

  • http://www.reginaldosousa.com.br Reginaldo Sousa

    Não gostei muito não.. Preferia o antigo.
    O menu ta no meio do site, ta confuso.

  • Insannity

    Que confusão!
    O “logo” centralizado, os textos alinhados a esquerda, assim como a tabela e a propaganda, e sem nada pra diferenciá-los de forma rápida. O menu tendo a fonte maior que a do texto (cadê a prioridade ao conteúdo?)
    As cores lá em cima são legais, por que não usá-las como bg pro menu ou pro texto?

  • http://www.cristianoweb.net Cristiano Santos

    è pessoal,
    sou fã de carterinha de vocês, mas dessa vez não vou poder elogiar, eu já não tinha gostado muito da versão anterior e essa agora netão me desagradou muito mesmo! Tá muito crua, morta mesmo! Sem apelo. Algo tão bom e encantador quanto a própria filosofia Tableless que nos fez apaixonar pelos padrões web merece um site mais inspirado!
    Concordo com leitor Rael, eu também gostava de primeira versão.
    Abraços

  • http://www.eugeniogrigolon.com/ Eugenio Grigolon

    Cadê o footer?

  • james clebio

    layout bem bacana! mas prefiro o anterior.

  • james clebio

    bom, eu gosto desse esquema de disposição do conteúdo alá idgnow…

  • http://rochester.wordpress.com Rochester

    só uma pergunta, é só cmg mesmo (uso ff) ou os links estão sem hover mesmo? :o

    acho q a pessoa fica meio perdida pela quantidade de links, as veses a gente não sabe qual q a gente tá com o mouse em cima.. e tem gente que não “domina” muito bem o mouse..

    XD

    []‘s

  • http://www.marinheirobrasil.com.br Eriksen

    Eu esperava mais quando vi “Redesign 2007″ no meu feed do FF. Achei simplório demais. Está clean mas não está bonito.

    Gostava mais do anterior e do primeiro layout… o da Visie é bem melhor!

    Em compensação, o conteúdo continua d+

  • João Vitor

    Nem parece profissional,
    Sou muito mais o antigo…

  • Everton Figueiredo

    Po cara, ficou meio tosca essa versão, fonts 11px, visto que a maioria dos usuários já estão a resolução 1024×768, sugestão poe ai uma font tamanho 12px, espoero que a proxima versão fique melhor…

  • Camilo Vitorino da Costa

    cara, não gostei muito não. Fontes muito pequenas, 1024 de largura, 3 colunas….

    acho que assim ó, tableless não é só um código fonte válido, mas também acessibilidade. Você se sente perfeitamente confortável lendo seu site? Se sim, então deixa pra lá… Na minha não há necessidade de economizar no tamanho da fonte, o espaço vertical é infinito! Esse post já está com uma barra de rolagens imensa e mesmo assim não está desagradavel no sentido de scrool. Outra coisa, Uma coluna inteira só para propagandas… tsc, tsc, tsc… As pessoas vem aqui para ler seus artigos(muito bons por sinal), acho que deveria voltar ao modelo 2 colunas, com propagandas embaixo do conteudo alternativo.

    O topo está ótimo, diferente, mas tão bom quanto o anterior.

    É isso, espero não ter sido chato, grosseiro ou coisa parecida, mas acho que não haveria progresso sem sinceridade!

    abraço e sucesso!

  • Edu

    Eu achei esse layout interessante, mas devo admitir que gostei mais do antigo. O que seria do verde senão fosse o azul?, gostaria de dar uma sugestão. Por que não todos? Coloca um botão lá para escolher skins ué…Assim vai agradar a todos =), poderiam fazer um topico no forum para que outros postem skins e votem, tirem o esquema de perguntas e respostas e coloquem o povo pra trabalhar!!

    O conceito de dinamico pra mim é mais abrangente do que apenas códigos de páginas de internet.
    Abraços

  • http://rochester.wordpress.com Rochester

    Só comentando pontos do layout que estão com “erros” (vendo no firefox). Na própria área de contato, a fonte está TNR , na parte de “páginas” está aparecendo a página de “contato enviado como link :O
    # Contato
    # Contato Enviado

  • Will

    Achei bem simples para o tipo de vocês… poderia ser melhor.

    mas está bem clean como sempre.

  • http://www.chavito.org Bruno Chaves

    a ideia do Edu é muito boa, inclusive no primeiro layout tinha esta opçao desta. Eu acho muito boa, mas tb é trabalho dobrado :)

    eu achei legal este layout, e com o costume passarei a gostar mais, igual foi com o anterior.

    mas tb esta faltando alguma coisa para acertar, q depois de arrumarem vai ficar bom.

    abraço

  • http://www.extremez.vai.la Guilherme Rambo

    Aki ta bacana, testei no FF, Opera, IE6 e IE7, ficou com alguma diferença em cada um, mas nenhum bug muito sério.

    Ta bem bonito, achei mais clean q o antigo.

  • http://hiperquimica.net Samuel Guilherme

    Sinceramente, eu não gostei. Preferia o antigo. Mas gosto é gosto.

  • james clebio

    ah, diego, esse search tá terrível…

  • Klaus

    Diego, perdão pelas observações mas serifa no TABLELESS ficou estranho e parece faltar uma cor que torne o site mais acolhedor ou um pouco mais quente… quanto ao conteudo esta cada dia melhor é um dos meus preferidos.
    T+

  • http://www.ihsoftwares.rg.com.br/ihsoftwares/ Sérgio Henrique

    Eu venho acompanhando, quando há tempo, o tableless desde o começo deste ano, aprendi bastante aqui, tive a noção de como os padrões são importante, algumas curiosidades, extensões de browsers e outras coisas que eu nem sabia que existia pude ver aqui. Bom! Parabéns.?
    Ficou legal o menu no lado direito, mas como a internet viciou os usuários, eu prefiro no lado direito! Hehehe, acho que o texto no meio fica melhor, entre as propagandas e o menu, usando assim parece que estou fazendo as coisas com a outra mão, é bom treina e estimula o cérebro!
    Não gostaram do “Search” né? Troca o “Search” por Busque! Combina com Fala!
    Comentaram sobre as cores também: Na minha opinião combinam sim, o legal é que elas estão desordenadas, isto é, não seguem uma seqüência, talvez algo lógico, um código, etc.

    Eu gostava bastante do leiaute antigo, mas este também ficou bom, fica pra coleção!

  • http://www.ihsoftwares.rg.com.br/ihsoftwares/ Sérgio Henrique

    Isso que dá naõ conferir direito!

    Ei! Por favor tirem o “?” depois de Parabéns.

    e também:

    usuários, eu prefiro no lado esquerdo

    Há excluam este post de correção!

    Valeu!!

  • http://www.emvstudio.com Junio Vitorino

    Poxa achei que ficou bem legal, mas não gostei da fonte, acho que ficou pequena e ruim para ler.

  • Lucas

    no menu do lado na parte de arquivo antes as datas ficavam “fechadas” pelo ano, agora ficam abertas, deixando em algumas seções o menu maior que o conteúdo.

    Aliás o conteúdo ser exprimido para este canto ficou péssimo, esta letra pequena encomoda, e a falta de hover realmente é um problema e até pareceu falta de vontade na hora de fazer, se é pra trabalhar sem ânimo então é melhor nem mudar.

    parece que algumas pessoas aqui não gostavam muito do anterior mas eu achava ótimo, e por isso estou criticando pq sei q vcs conseguem fazer coisa melhor.

  • Michel

    será q eu q sou muito exigente? ou será q é pq eu nao sou puxa saco? nao gostei desse novo layout.

  • Michel

    e layout nao precisa ser mudado radicalmente a cada 3 meses

  • Joabe

    O visual esta agradável, só acho que a fonte poderia ser maior!

  • Ana Claudia

    Rapaz, ficou legal simples assim e as corzinhas lá em cima ficou show. Eu gostava do antigo, mas fazer mudanças é bom de vez em quando. Só que eu tenho que concordar com a maioria que a fonte está pequena e tá ruim para ler. :)

  • Marcelo Schmidt

    Gostei!

    Ao contrário do que o Michel pensa, eu tenho opinião e não preciso puxar o saco de ninguém.

    Gostei! Ficou diferente, mais claro, e no mais, tudo é questão de adaptação. Restrições a mudanças sempre vão aparecer.

    Abraço

  • http://www.draweb.com.br Cristiano Rodrigues

    Muito bom o traballho de redesign… parabéns

    Abraço

  • http://www.renatocarvalho.com/ Renato Carvalho

    Bom, acho que ficou bem simples e objetivo.
    Acho que algumas coisa poderiam ter sido melhoradas, mas como o Diego mesmo disse, não está com tempo sobrando.
    - Acho que o layout poderia ser líquido;
    - Como o layout já está fixo para 1024, também acho que a fonte poderia ser maior;
    - Poderia ter o layout mais trabalhado;
    - Ter uma diferenciação nos links do sidebar, pois estão na mesma cor do texto de leitura.
    Bom, foram alguns pitacos meus. Mas são detalhes. Por fim, gostei sim ;)

    Abraço e bom trabalho!

  • Felipe Vaskoncelos

    No FF 2,0 RC3 Muito boum e abriu numa boa o site…

    Parabens aew a equipe tableless pelo novo layout…sinceramente tah muito melhor que o outro, gostei muito da disposicao dos menus (criativo e ousados) soh tenho que concordar que tah muito “VISIE”…mas se essa foi a intencao conseguiram !

    Falow moral !

  • http://buzz.muiomuio.net Mario

    Bom, pode ser por estar acostumado mas eu preferia o layout anterior.

    O tamanho das letras neste layout não é o indicado, são demasiado pequenas para um layout tão extenso.
    Gosto da extrutura mas acredito que a nivel de design podes fazer melhor.

  • http://chackalsjc.wordpress.com felipe tonello

    gostei muito mais dessa….
    muito bom mesmo!!!

    gosto de coisas simples.. sempre o tableless mostra simplicidade nos layouts, mas muito bom!

  • http://www.ciin.com.br Daniel Accorsi

    Uma seaparaçãozinha entre um post e outro na págna principal seria interessante! :)

  • http://www.eugeniogrigolon.com/ Eugenio Grigolon

    Ainda não achei o footer.

    Não gostei do layout, poderia voltar o anterior, ou dar uma trabalhada nesse aqui.

  • http://www.joilsonmarques.com Joilson Marques

    Achei muito simples, mas melhor que o ultimo layout. Não entendi e tbm não curti aquela barra toda colorida no topo da página.

    Quanto à acessibilidade, acho q a font está muito pequena (não é todo mundo que sabe apertar ctrl+) e preferia um layout fluido do que fixo como está. A siderbar2 é muito agressiva e tira atenção na leitura (não sei se esse é o objetivo…)

    O fórum sim, este ficou bem melhor, sem aqueles bugs chatos! Parabéns show de bola mesmo.

    É isso… nada de surpreedente, mas melhor que o antigo. =D

  • http://www.thebytes.com.br Pedrão

    Acho que esse layout foi feito em 3 minutos – contando a parada para o cafezinho.
    Simples é uma coisa, mas simplório é outra. E este aqui é simplório.
    Não posso gostar de algo que eu tenha impressão que possa fazer igualzinho, hehehe.
    Os colegas acima já deram todas as dicas possíveis para melhorar o site. Por mim, mudando o tamanho da fonte já melhoraria 100%.
    Abraços

  • http://www.chavito.org Bruno Chaves

    na verdade o q eu sinto mais falta, nao é nem da correção do layout, mas sim de novos artigos :)

  • http://www.rafaelbaialuna.com Rafael Baialuna!

    Sinceramente não gostei não.. achei muito “crú” em relação ao anterior.. parece algo vazio, jogado..

    Apenas minha opinião… =)

  • Diego

    Coloca o outro no ar novamente, era melhor. Esse fundo branco do conteúdo força muito a vista na leitura. Acabei de ler um artigo falando sobre isso.

    Esse novo layout achei bem simples, não gostei muito não.

    flw ae e sucesso

  • Camila

    Achei seu blog pesquisando no google sobre o menu ir para baixo acho que por causa de alguns navegadores (?!)…será que você pode me ajudar? Você sabe como resolver o problema do menu?
    Se puder responder por e-mail agradeço!Obrigada.

← Older Comments