Modelando por Diego Franco

Como eu ja disse aqui o Profissão Web do maninho Thiago Melo vai fazer 1 ano de vida e pra comemorar está dando prêmios pra galera que der sujestões de melhorias do site, as demais informações pra participar da promoção você pode conferir no neste post.

E aqui vão as minhas:

• -     O site está com uma promoção rolando porém não tem nenhum destaque na home informando da promoção, ou seja, quem chega hoje no site e não leu o post que foi escrito na época não saberá da promoção, sendo assim seria importante quando no divulgar de alguma promocão, ter um destaque na home informando sobre a mesma.
• -     Fazer uma versão do site para mobile, se quiser posso te ajudar nisto maninho, apesar do diegofranco.net não ter AINDA na nova versão que já está em processo de fecundação terá uma versão do site para dispositivos móveis.
• -     Coloque opções de acessibilidade no início da home logo no header, por exemplo, pular direto para o conteúdo. Coloque também outras opções de acessibilidade como por exemplo, aumentar e diminuir a fonte, aumentar contraste tudo para contribuir com o acesso de qualquer tipo de usuário.
• -     O destaque para Agências Brasileiras está no rodapé, não teria um lugar mais adequado?
• -     Personalize a página de validação de formulário. Está padrão do Wordpress.

Acho que está valendo o importante é que o sucesso do Profissão Web continue aumentando.

Parabéns adiantado Profissão Web!

Ser arte-finalista ou designer para web não é coisa fácil, tenho certeza que se você é um deles, tem uma série de boas histórias de clientes, que já lhe pediram para desenhar: um pássaro com todas as suas penas em detalhe; ou aquela camiseta com um linear ou um radial dentro de um círculo(fala sério); e aquele que te manda a foto da sobrinha e diz: “desenhe o rostinho dela…”; ou melhor: “na manga direita coloque isto, na esquerda aquilo, na frente você faz assim, atrás você coloca aquele desenho que te mandei por e-mail, e lá em baixo pertinho da barra você escreve aquela frase”; isso sem contar as mais “belas” combinações de paletas para combinar com a cor da camiseta ou para compor o layout do site(nem me fale).

São muitos os clientes que atendemos e dentre eles vários que sabem o mínimo de conhecimento para opinar e outros claro, que não sabem absolutamente nada, mas, que no fundo do seu âmago juram para si mesmos que são experts em criação e design, ou melhor: “Eu estou pagando, então é assim que eu quero”, esquecem literalmente da interação do usuário com o produto, do impacto visual negativo ou positivo, seja ele web, papelaria ou camiseteria.

Foram várias as experiências que tive com clientes extremamente meticulosos e exigentes, entendidos e leigos no que se refere a design, a verdade é: em dias que ainda ouvimos dizer, “o cliente tem sempre a razão”, até que ponto ele realmente tem a razão? Apenas pelo simples fato de estar pagando ele tem a razão?

E assim devemos aceitar suas opiniões acatando-as? Entendo que antes de pagar, existe a necessidade por parte do próprio da requisição de um profissional para suprir a falta de qualificação necessária e experiência em determinada área para executar uma tarefa.

Mas claro, como bons profissionais cabe a nós a incrível arte de “advogar” pela nobre causa de defender um layout ou uma arte que criamos e convencer prudentemente o cliente que, o que criamos é o que realmente ele precisa, nada mais e nada menos, curto e objetivo, direto no alvo, no foco da peça, e ainda, convencê-lo no final do projeto, que não existira profissional ou empresa melhor a não ser a sua para fazer o trabalho.
Portanto na hora de desenhar um novo layout algumas coisas podem te ajudar a diminuir os problemas que levam a reprovação de uma peça:

• - O cliente já possui identidade visual? Meio caminho andado, procure ser prudente para não sair da mesma linha de raciocínio respeitando o material enviado, é quase certo que você não poderá mudar nada. Neste caso, na maioria das vezes uma aprovação logo na primeira amostra é quase certa.
• - O cliente não possui nenhuma identidade visual, nem logomarca, mas respondeu o briefing. Sinceramente eu não arriscaria nem um minuto do meu tempo, tudo bem que o cliente respondeu o briefing passou algumas referências, direcionou o foco, mas você poderá ter problemas com cores, e aplicação de elementos, por exemplo: linhas retas ou curvilíneas? Sendo assim prudentemente não arrisque, seja um profissional, entre em contato com o cliente e solicite o material necessário para dar início ao projeto deixando-o ciente da importância disto e caso ele não tenha logomarca sugira no mínimo; se você não cria logomarcas, alguém gabaritado para desenvolvê-la para ele, com ela será possível ao menos iniciar o desenvolvimento.
• - O cliente tem apenas a logomarca, mas ainda não respondeu o briefing. Posso iniciar o desenvolvimento? Eu digo que sim, mas, todavia, no entanto, entretanto, algumas dúvidas poderão surgir durante o desenvolvimento. O que você irá absorver serão apenas referências de cores, uma leve noção do tipo de público e de linhas que poderá usar: retilíneas ou curvilíneas por exemplo. Particularmente eu não avançaria tanto, deixaria uma margem de tempo para qualquer tipo de modificação ou surpresa que o briefing ou o cliente revelasse.
• - A logomarca do cliente é horrível e não vai mudar. Alguns clientes são bem fechados para mudanças, não aceitam opiniões e assim se torna difícil, mas neste caso nem sempre são exigentes com a aprovação, portanto seja um bom profissional e capriche no layout, quem sabe ele se impressione e veja que a logomarca está totalmente ultrapassada.
• - O cliente enviou a logomarca passou várias referências, mas tem se mostrado indeciso na suas escolhas. Muitas referências principalmente se forem bem diferentes uma das outras, podem ou não lhe ajudar no desenvolvimento de um layout. Neste caso converse bastante com o cliente, é visível que ele precisa de ajuda para centralizar seu raciocínio e chegar num consenso em relação ao design. Talvez nesta hora você precise praticar um pouco de AI (Arquitetura da informação), mostrando para o cliente a importância da disposição dos elementos, a necessidade do usual, do acessível, a preocupação direta com o usuário, levando-o a compreender que o maior interessado em seu produto é o usuário final, desviando um pouco o foco do design, mostrando que nem tudo são cores, bordas, imagens grandes, pequenas etc…, entenda que passar segurança para o cliente é de extrema importância, mostrar-se um verdadeiro profissional que entende do que está falando. Se o cliente por acaso sentir que você está inseguro em suas argumentações, esqueça, ele vai pedir pra você “pintar o sete” no seu design. Acredite.

Não se pode nos dias de hoje ser simplesmente um Designer de Interface, Webdesigner ou Arte-finalista somente, vivemos dias onde o mercado está exigindo que você traga um algo mais, o “plus”, o “extra”, o que realmente fará a diferença na hora de apresentar uma peça publicitária seja ela web, papelaria ou qualquer outro tipo de mídia. Precisamos conhecer o usuário/cliente, como ele pensa, quais são seus comportamentos, quais os principais pontos que determinam a sua satisfação, ele é base para a execução do seu trabalho.

Os pontos acima são meras dicas baseadas em experiências, a busca incessante por novas tecnologias, metodologias, estudos em bases de conhecimentos deve ser constante, para que você se mantenha atualizado. Por exemplo, acho extremamente importante que HOJE o Webdesigner possa ao menos saber o que é: Feed, AJAX, .Net, PHP, CMS, SEO, Semântica, IIS, Apache, MySQL, SQL, XHTML, CSS, Javascript, Web Standards, Padrões Web, W3C, XML, AS2, AS3, Arquitetura da Informação, Folksonomia, Taxonomia, TAGs, Psicologia das Cores, Webwriter, IP, DNS e mais uma porção de coisas que daria para listar aqui.

Talvez você webdesigner não concorde comigo, e olhe que nem expus minha opinião sobre o que realmente webdesigners deveriam aprender. Sinceramente, designers para web pagos somente para criar layouts? Sem saber XHTML? Sei que isto é possível, mas POR FAVOR o mercado quer que você dê o algo mais, já ouviu falar em “experiência”? Conhecimento NUNCA será demais. O que você tem a perder adquirindo conhecimento? Já deu uma olhada nas qualificações que ultimamente o mercado anda exigindo na sua área?

A um tempo atrás prometi escrever alguns posts sobre dicas de vetorização creio que este será um bom começo e será extremamente interessante para quem trabalha com silks.

O caso é o seguinte: O cliente lhe envia uma foto qualquer e pede pra você vetorizá-la, ou, nem lhe envia a foto apenas solicita uma ilustração aberrante, a dita cuja será usada em uma camiseta por exemplo.

Se você é arte-finalista e cria ilustrações para camisetas sabe que encontrará algumas limitações como tamanhos de telas limitados, cores específicas, tipos de tinta etc…, claro, isso poderá variar de região para região, cidades de porte maior tendem a ter tecnologias mais avançadas que cidades de porte menor, mas isto não é uma regra.

Consideremos que o nosso amável cliente nos solicita uma arte para uma camiseta na qual homenageará o lendário Fusca, escolhido por mim carinhosamente para ilustrar este post, um marco para sua época que perdura até hoje com suas curvas arrojadas. A camiseta será simples com no máximo três cores.

Vamos ao trabalho. Eis o nosso Fuscão.

Logo abaixo estão as principais ferramentas usadas na vetorização e o que elas fazem: (Vou ser bem direto aqui para não embromar(já ouviu essa palavra?) Os ícones são bem intuitivos. Abaixo de todas as ferramentas estão as etapas da vetorização até o resultado final, espero que gostem.

Ferramenta Bezier >> À medida que você clica ela adiciona pontos (nós) do vetor. Você a usará praticamente na primeira etapa da vetorização, contornando as principais características de seu desenho, sombras, reflexos, objetos, um pouco de senso será muito útil neste momento para definir os principais traços da imagem. Quanto mais pontos você criar, melhor será na hora de moldá-los, mas com o tempo você saberá os lugares corretos onde deverá criá-los.

Ellipse >> O nome já é intuitivo. Para você desenhar círculos (tenho certeza que você já sabia desta).

Convert Line to Curve >> Quando se adiciona os nós com a ferramenta Bezier eles são criados como linhas retas não sendo possível a suavização(arredondamento) dos nós, para que você possa suavizar os nós, construindo curvas, basta selecionar os nós desejados e aplicar esta ferramenta. A partir daí você usará a ferramenta Shape para moldar os nós.

Shape >> Como já disse anteriormente a ferramenta Shape com certeza será a mais usada aqui, é ela que dará formas uniformes ao seu desenho, é com ela que você suavizará os nós. Nesta etapa você excluirá alguns nós, criará e suavizará outros, lembrando que para editar um nó basta selecioná-lo dando um clique sobre ele, para excluir dê um duplo clique sobre o mesmo e para adicionar dê um duplo clique sobre o contorno.

Make Node A Cusp >> Quando você converte suas linhas em curvas(3ª ferramenta), ao clicar em um dos lados do nó para suavizá-lo o outro acompanhará a suavização, para que isto não aconteça, ou seja, no caso de você querer suavizar ou editar somente um lado do nó independente do outro basta selecioná-lo e aplicar esta ferramenta, automaticamente os nós ficarão independentes um do outro. O próprio ícone já é bem intuitivo.

Etapas da vetorização até a versão final:

E por fim, para alegria de alguns, segue o arquivo final do vetor em CDR: Fusca.rar

É isso mesmo a partir de hoje estarei blogando com Wordpress 2.5, sinceramente cada vez mais eu me impressiono com esse poderoso CMS, as mudanças foram extremamente significativas, inclusive com um novo visual. Todas as mudanças você pode conferir no próprio site do Wordpress, que também está de visual novo.

Bom quero dar destaque aqui a algo específico que me chamou muito a atenção quando fui fazer a atualização. Quem não fica apreensivo todas as vezes que vai atualizar seu wordpress? Aqueles problemas mais bizarros de UTF-8, ou alguns plugins que simplesmente param de funcionar e você tem que correr atrás das atualizações, e o medo de perder alguma coisa? Mesmo com backups feitos tudo certinho, na hora “H” você fica naquela de que tudo pode acontecer.

Já cheguei a atualizar o Wordpress na mão mesmo, mas dessa vez fiz diferente queria algo mais prático e rápido então baixei o plugin Wordpress Automatic Upgrade, cujo o nome já é bem sugestivo, mas ainda desconfiado, fiz todo procedimento básico para instalar o plugin e claro depois de todos o possíveis backups feitos, cliquei no link mágico Wordpress automatic Upgrade, e adivinhem só? Acreditem mais perfeito impossível, ai você me pergunta e os plugins que você usa todos funcionaram? não, náo funcionaram, a atualização veio com todos os plugins desabilitados, PORÉM, me deparei com mais alguns links mágicos, em cada plugin que não estava compátivel ou desatualizado tinha um link logo abaixo avisando de uma nova atualização e adivinhe, com uma opção de upgrade automático, isso mesmo, atualizei meus plugins todos automaticamente pelo gerenciador de plugins e não precisei ir em nenhum site de qualquer plugin para baixar a atualização, fazer o upload etc… resumindo em 15 minutos eu estava com meu Wordpress 2.5 rodando perfeitamente sem nenhum problema.

Agora é só desfrutar das mais novas bem-feitorias desse excelentíssimo CMS.

Ok se você usa arquivos flash em seus projetos web e usa UFO para embedá-los em suas páginas como eu, você precisa ler este post do Henrique, porque a era agora é do SWFObject. Agora se você não tem nem idéia do que estou falando vai ter que garimpar algumas palavras no “paisão” Google porque a história é longa e antiga.