A Smashing Magazine, selecionou 20 novas fontes gratuitas, pra inovar em seu layout. É uma melhora que a outra, basta navegar, escolher e baixar.

Designers adoram ícones! Esses pequenos símbolos gráficos que de maneira simples conseguem passar tantas informações e nos poupar um bocado de textos em nossos layout.  Segue abaixo uma coleção de 460 ícones grátis

ícones, my precious!

Site da Agência USP de Notícias, que é responsável pela divulgação aos meios de comunicação a produção científica e atividades como cursos e palestras, exposições e publicações da Universidade.

Este é o primeiro site que comecei a fazer em WordPress aqui na USP, o primeiro de vários

Nele usamos poucos plugins, usamos por enquanto o Gerenciador de capas do Xemelê, porem estamos desenvolvendo um próprio com características que precisamos. Desenvolvemos também um plugin para cadastro e envio de Newsletter que em breve vamos disponibilizar. Estamos documentando ambos e fazendo testes. Também tenho que ressaltar o trabalho sensacional do programador Pedro Cicolin Leme, que trabalha conosco e está desenvolvendo esses plugins.

Fora isso mais nada, só o tradicional layout, php, jquery e muitas functions personalizadas

A Smashing Magazine fez um ótimo estudo de padrões de design, tipografia e layout para sites, recomendo a leitura completa. Abaixo segue uma cola que fiz com aquilo que achei mais importante do  que eles pesquisaram.

1. Serifa vs  Sans-serif (sem serifa)

40% usam serifa
60% não usam fontes serifadas

2. Fonte mais  popular serifada pra título e corpo do texto

Georgia

3. Fonte mais  popular não serifada pra título e corpo do texto

Arial, seguida por Verdana e Helvetica

4. Fonte mais utilizada

Georgia, Arial e Verdana

5. Tamanho da fonte pra título

De 18px a 20px e 24px a 26px, empatados.

6. Tamanho da fonte pro corpo do texto

13px disparado e 14px em segundo.

7. Caracteres por linha

82 a 84, seguido por 88 a 90.

Outras dicas

46% dos sites usam underline nos links
96% dos sites não usam texto justificado
A escala tradicional de fontes é 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72

Padrões de escala em pixel

Tamanho da fonte do título ÷ tamanho da fonte do corpo = 1.96
Altura da linha ÷ tamanho da fonte do corpo = 1.48
Tamanho da linha (pixels) ÷ Altura da linha (pixels) = 27.8
Espaço entre parágrafos (pixels) ÷ Altura da linha (pixels) = 0.754

Pela terceira vez eu produzo o site 13º Festival de Cinema Judaico, é sempre um trabalho legal de ser feito, tirando o prazo apertado (que é algo normal). O desse ano embora não contratado pelo “A Hebraica” assumi como um desafio em produzir ele dentro de um CMS, queria que o conteúdo do site ficasse em banco de dados para que se mantivesse um histórico desse ano e dos próximos. O projeto gráfico do site segue o tema proposto e produzido por eles para o encarte do festival.

O grande desafio pra mim nesse trabalho foi produzir do zero todo o desenvolvimento do mesmo em WordPress, além de layout e programação. No fim pela primeira vez não usei um template como referência e usei o framework wp-framework. Nunca mais uso um template de referência, a facilidade que o wp-framework proporciona é sensacional sem contar que você conhece exatamente todo os css porque é você quem faz.

Diferente do que muita gente pensa o WordPress é um verdadeiro gerenciador de conteúdo e não se limita a produção de blogs, vide o layout do site que ficou com cara de um pequeno portal.

O que utilizei:
• WordPress
• Wp-framework
• Jquery
• Plugin wp-postratings
• E muito CSS e PHP

Há tempos atrás quando o Bradesco lançou seu novo logotipo, lembro que eles lançaram uma cartilha para explicar o seu novo logo. Não gosto de cartilhas, folders, prospectos, etc.. explicando o logotipo. Acho que se o logotipo não está claro e as pessoas não entendem a ilustração que o acompanha é melhor refazer o mesmo.

Porém, se você tem dúvida pra embasar o conceito do seu logotipo, veja abaixo e aprenda Vi no Piores Briefings do Mundo.

Há muito tempo deixei o amor de lado, propostas de layout sem receber nada, projetos de riscos, propostas com sites demos, e todo e qualquer trabalho que envolva produção sem remuneração. A única coisa que faço são orçamentos e propostas simples com um pré orçamento. O trabalho mesmo só começa depois de um ok do cliente nesse orçamento inicial. Dai sim vamos para o briefing detalhado e completo, onde teremos o preço final. The love is gone baby!

Esse texto do Blog de Guerrilha, que meu amigo Tuco da Astéria me enviou, traduz com clareza e detalhes esse sentimento que nutre a maioria das pessoas que trabalham com Web. Querido cliente, Beijo me liga!

- – -

Eu sou uma prostituta, não faço por amor

Todo mundo diz que nosso mercado está prostituído. Eu penso diferente, acho que nosso mercado é uma adolescente procurando o príncipe encantado.

Aqui na agência cobramos para trabalhar. É óbvio? Nem tanto. Ainda existe cliente que exclama: o quê!? eu tenho que pagar para vocês desenvolverem um plano de guerrilha para o meu briefing?

Sim, nós cobramos para trabalhar. Da mesma forma que o costureiro que fez a cortina da sua casa cobrou um sinal, sem você saber se ela ficaria bonita ou não. Da mesma forma que seu advogado cobrou ganhando ou perdendo a causa. Da mesma forma que você cobra do seu empregador (e você cobra até sem trabalhar nos seus merecidos 30 dias de férias). Da mesma forma que uma prostituta cobra antes de tirar a roupa.

Todos estes profissionais são prestadores de serviço e cobram para trabalhar. E por venderem algo intangível, a sua expertise, existe o risco de dar certo ou errado. O risco de você gostar ou não do resultado. O risco de ser bom pra você ou de você brochar. Para diminuir o risco, o contratante avalia as credenciais do fornecedor. Avalia se os serviços semelhantes que o fornecedor já fez estão adequados às suas expectativas. Não tem jeito, estamos falando de serviço e não de produto de prateleira com etiqueta de preço.

Com a Espalhe, eu sou uma prostituta com 5 anos de esquina tentando encantar e surpreender os clientes. E no meu ponto todo dia param uns pós-adolescentes, com pinta de gerente de produto jr ou atendimento de agência de propaganda, que abrem o vidro e jogam uma conversinha de que estão apaixonados, que querem me levar para casa e me tratar como uma rainha. Eu nem escuto o fim do papinho: dispenso dizendo que não beijo na boca e não faço por amor. Sou profissional e cobro pelo que faço.

Mas outro dia chegou um cliente antigo. Um tipo bonitão, forte, saudável e muito bem sucedido. Jogou a sua cantada, disse que estava apaixonado. E eu cai. Fui para a cama uma concorrência sem cobrar. Fiz por amor.

E você acha que no dia seguinte o meu príncipe ligou para dar um feedback? Claro que não. Vestindo a carapuça de adolescente ingênua e apaixonada, eu pensei que ele tinha perdido o meu telefone ou estava muito ocupado. Mandei um email perguntando se estava tudo bem e se ele ainda me amava. E ele respondeu frio, superficial e distante:

“Analisamos hoje as propostas apresentadas e optamos pelo projeto de outro fornecedor que estava mais adequado as nossas necessidades e objetivos. Agradeço pela apresentação e participação na concorrência. Abs,”

Nenhuma consideração com meu amor e dedicação a ele. Me sentindo suja e usada, eu volto pra minha esquina com a certeza que o amor não existe e que o bonitão vai continuar com o papai-mamãe de sempre _ seja no formato do estande enorme, bonito e vazio na feira, da propaganda super produzida que ninguém vai falar a respeito, do site lindo que tem que comprar post em blogs para ter alguma visita.

Se adolescentes apaixonadas não te satisfazem mais e você busca profissionais para realizar todas as suas fantasias, me ligue.

Bjs, GFortes – mas pode me chamar de Pamela – cabelos negros, 1,74 e 80 kg de pura travessura.

Hoje acessei o UOL, já que é uma das minhas páginas iniciais, e estava tudo normal de repente um “novo” site, um novo UOL. Está certo não tão novo assim, mas ficou legal o novo visual do UOL, mais clean, mais agradável, mais globo.com.

Finalmente o UOL assumiu de vez o 1024px como padrão, um grande salto de qualidade que precisa deixar registrado. Afinal o UOL é o maior portal de conteúdo da América Latina, uma grande referência para padrões de internet no Brasil.

Embora que dos 994px de largura de sua página poderíamos rodar tranquilamente em 800×600 já que, a parte do conteúdo do mesmo fica em 613px. Um pouco mais de 1/3 da página é pura publicidade, fora outras inserções como banners no topo e fim da página.

E por falar em fim da página, ela demora um pouco pra chegar. No meu monitor de 19″ wide de 1440×900, são quatro telas de scroll completas até o fim. Parabéns a equipe do UOL, para fazer uma mudança dessas em um site gigantesco como ele, deve ter sido um parto, com muitas noites em claro.

Ao lado um um print screen da home completa, em amarelo as áreas de publicidade, clique pra ampliar.