Está aí. O novo layout do Caligraffiti, lançado esse sábado dia 11/07, momentos antes da Caligraffesta (que por sinal foi excelente, então obrigado a todos que deram a força e foram lá se divertir ! Mas isso é outro post…).
Mas não foi só o layout que mudou. O que a gente chama de Caligraffiti 2.0 é uma série de novidades que incorporamos ao que o Caligraffiti deseja ser como um coletivo de design, e ao que queremos fornecer para os nossos leitores e amigos, atuais e futuros.
Posso destacar o que há de novo em três tipos : Visual, Funcional e Extensão.
Visual
Conceito visual
Desde que criamos o nome Caligraffiti, o conceito gráfico do blog e do material de apoio seguiu a idéia dessa mistura do design com a arte. A caligrafia e o graffiti. O projeto planejado e o experimental. Para solidificar esse conceito de maneira sintética, criamos um símbolo que une esses valores de uma forma visual única. Como os cavaleiros medievais tinham seus brasões para se identificarem, criamos o nosso próprio, mas com um toque caligraffitado, meio grunge / chique. O escudo mostra ferramentas de design e arte . curva francesa, mouse, máscara de pintura, pincel, caneta, lápis e lata de spray . e o duplo “f” da assinatura. Em vez de leões e unicórnios, escolhemos a nossa querida pin-up para ser o apoio nas laterais. E um slogan assinando “ARS LONGA VITA BREVIS” . A arte é longa, a vida é breve.
Marca
Com os valores mais solidificados, resolvemos dar uma refrescada na nossa assinatura visual, mas sem mudar nada radicalmente. Manter o contraste das formas geométricas do “CALIGRA” e “ITI” com o traço cursivo do duplo “f” (adaptado do tipo Poetica, de Robert Slimbach) foi essencial. Demos uma re-equilibrada no FF, e um pouco de volume e iluminação, tirando-o do plano das outras letras.
Header
O header também é um reflexo do que o nome representa. Elementos novos : Projeto tipográfico, cubo mágico, curva francesa, paperboy, Ocean Spray®, máscara de pintura e novos dados. E de quebra, trouxemos a pin-up pra frente e demos a ela um bronzeado de leve !
Fundo
O fundo continua sendo um pattern ornamental. Mas agora ele é exclusivo do Caligraffiti !
Cores
A cor de fundo do layout principal continua a mesma, pra não causar muito impacto desnecessário ao que já estávamos acostumados a ver na área de maior interesse. Mas pra destacar e separar a barra lateral, ela agora assumiu um finíssimo tom de verde meleca.
Diagramação – 960gs
Talvez uma questão técnica, mas que vale à pena mencionar, por questões de padronização na web. A largura recomendada para sites que não possuem layout líquido (que se adapta à largura da janela) é 960 pixels. 960 porque é múltiplo de 12 e de 16, e aparece bem em monitores de resolução 1024 x 768. Com isso, o blog foi construído sob um grid de 12 colunas, que definem um bom aproveitamento de espaço, tanto na coluna principal quanto na barra lateral. “GS” significa “Grid System”, e é o framework que facilita a prototipagem de sites diagramados com base em 12 e 16 colunas.
Funcional
Sidebar
A nova barra lateral está com mais espaço e recheada de coisa nova !
A busca agora é um campo maior e com uma lupa inteligente que acha seus resultados mais relevantes antes de você apertar o Enter. E se quiser ver mais resultados, basta clicar na etiqueta “Mais coisa boa”.
Sabemos que nem todos os leitores entram no Caligraffiti direto pela página inicial. Sendo assim, a lista de posts recentes mostra o que tem sido escrito recentemente.
Temos um sistema de votação bem bacana, então vamos aproveitar o feedback que vocês dão, pra formar essa lista de posts mais votados.
Mais que um canal de feedback, o shoutbox é um MSN interno, aberto a todos pra trocarem idéias rápidas.
Nossa lista de links do Del.icio.us agora está integrada ao blog, então sempre que um de nós adicionar alguma coisa aos favoritos, isso já vai estar compartilhado !
Leitores mais ativos. Esse é o ranking cujo topo todo mundo devia estar se matando pra conquistar.
E a lista completa de categorias, pra quem estiver buscando algo por assunto.
Footer
O rodapé está mais interessante também:
Lista e excerto dos últimos comentários feitos nos posts.
Só um link pro nosso Flickr não basta, então aí estão as últimas fotos, pra você já saber se há novidades por lá.
Post
O rodapé de post (rodapost) compacto também foi redesenhado, assim como o indicador de comentários e o “Continue lendo”.
Já o rodapost completo foi super incrementado ! Uma descrição de quem é o autor do post, acompanhado de 5 outros posts aleatórios, de mesma autoria. Links pra compartilhar, salvar como PDF e enviar por email, e posts relacionados ao assunto atual.
Esse provavelmente é o meu favorito: Comentários com resposta ! Se você ler um comentário e quiser responder diretamente a ele, basta clicar no Reply, e a sua resposta vai aparecer aninhada, como uma conversa.
Comentários agora aceitam tags HTML. Alguns atalhos já estão aí, como adicionar um link e fazer o texto negrito. Mas se você conhecer um pouco de HTML, pode usar ! Não tem certeza se o seu HTML vai aparecer direito quando o comentário for enviado ? No problem .. Tem um botão pra pré-visualizar seu comentário, antes de enviá-lo.
Paginação
Saiu de férias e perdeu uns dias de Caligraffiti ? Provavelmente vai ter que voltar algumas páginas, pra recuperar os posts perdidos. Agora dá pra voltar no tempo, de 10 em 10 páginas, ou mais.
Extensão
Forum
O Caligraffórum é o seu espaço pra interagir com outros leitores, e conosco também. Todo mundo pode entrar e participar. Qualquer papo direcionado a design, arte, tecnologia e cultura é bem-vindo. Mas mesmo se você quiser puxar um papo de boteco, tem um off-topic também ! Estaremos ligados nos tópicos, e quem sabe o seu não vira um post ..
Oportunidades
A lista de oportunidades é na verdade uma parte do forum. Aqui você pode ficar sabendo de oportunidades de emprego, freela, estágio … E se você conhecer alguma, sinta-se à vontade de entrar no forum e postar as informações ! Há também um espaço pra você divulgar o seu trabalho, seja ele um projeto, ou seu portfolio e currículo. É um banco de talentos, pra quem está à busca. E quem sabe o seu trabalho não vira um post no blog ?
Anúncios
Manter um blog é caro ! Se você se quiser anunciar seu serviço ou produto, entre em contato e solicite o nosso media-kit, com informações de métricas, perfil de visitante e relevância que buscamos para anúncios. Os anúncios ficam no topo da barra lateral, garantindo uma ótima visibilidade.
Facebook, Vimeo, Delicious
Estamos sempre expandindo nossa presença online. Os novos adesivos levam ao nosso grupo no Facebook e nosso canal no Vimeo, e como já mencionado nossa lista de favoritos do Del.icio.us está na barra lateral. Não deixe de participar e conhecer !
Esperamos que tenham gostado dessa nova cara, e dos novos serviços … E como o Vamoss falou, que venha o 3.0 !!
Que lindo. Muito orgulhosa. Menos da meleca.
Se quiser, posso trocar por “verde secreção nasal” …
Muito bom João!
Não só aprendi algo, como também me inspirei.
Sucesso pra vocês!
Mas que bela meleca!
BRAVO!
Eu tava esperando esse post!
hahaha
Curti bastante as mudanças e confesso que nao esperava tanta coisa nova…
Acho que a festa serviu realmente como O lançamento !
=)
Ficou muito maneiro!!!
Mandou bem Joao.
Um excelente Post explicando todas as mudanças.
Parabens.
ps. Vou te falar…que catarrao…pqp heheh.
parabens niggas!
ta irado!
essa melequinha hien….hmmmm….assim de manha cedinho ….deu ate fome!
hahahah.. verde meleca era o pantone verde cocô de nenem da versão antiga..
Ficou show de bola pessoal! Tão de parabéns pelo novo visual!
Abraços,
Vocês brilharam!!!
Esqueci de falar que os trackbacks e pingbacks aparecem separados dos comentários .. Sem contar os smiles aqui ->
Olá, galera
Parabéns, o site já era bom e com um visual super maneiro, e agora sentimos que está “mais melhor de bão”, valew
Abraço e Parabéns
Marcio Ferreira
Realmente vcs estão de parabéns!! Conseguiram melhorar o que já era bom.
Sucesso a todos!!
ficou i r a d o !
João, você é um nerd!
Beijos meninos
Cada vez que eu entro, saio com vontade de ver qualé que é a novidade do dia seguinte.
parabenzaço galeura, tão abafando tudo.
=)