Nesta vídeo aula você aprenderá um exercício simples e eficiente para melhorar sua afinidade com o programa gráfico que você utiliza para criar layouts e também para melhorar sua produtividade (como é da minha preferência, utilizei o Photoshop no tutorial). O objetivo é simples, escolher o layout de um site que você gosta e reproduzi-lo no programa separando todas as camadas que o formam. Em alguns momentos poderá sentir dificuldade por não saber qual ferramenta usar pra fazer determinadas formas ou objetivos e é justamente esse o ponto, uma vez que conseguir superar este obstáculo, estará pronto quando houver a necessidade de criar seu próprio layout do zero.

• Resultado final do exercício: Download
• Tema utilizado no exercício: Acessar

Bom exercício e sucesso a todos. Não esqueçam de assinar o canal do youtube e me seguir no twitter.

Estava fazendo algumas releituras de revistas e livros sobre web que tenho em casa. Encontrei a matéria “Os 20 mais do web design”, publicada na Revista W, nº 113, ano 10. Considero importante sabermos quais são os profissionais referências em nosso país e no mundo, sendo assim, trouxe os 20 melhores web designers citados na Revista W.

1. Jonathan Snook – Snook.ca
2. Jason Santa Maria – jasonsantamaria.com
3. Larissa Meek – www.larissameek.com
4. Andy Rutledge – andyrutledge.com
5. Dan Cederholm – simplebits.com
6. Eric Jordan – www.2advanced.com
7. Fabio Sasso – abduzeedo.com
8. Mike Precious – mikeprecious.com
9. Mark Boulton – www.markboulton.co.uk
10. Veerle Pieters – veerle.duoh.com
11. Douglas Bownman – stopdesign.com
12. Jason Hickner – www.varywell.com
13. Brendan Dawes – www.brendandawes.com
14. Anatoly Zenkov – www.anatolyzenkov.com
15. Roxik – roxik.com
16. Cameron Moll – www.cameronmoll.com
17. Shaun Inman – www.shauninman.com
18. Carlos Ulloa – www.carlosulloa.com
19. Martin Hughes – www.martin-h.com
20. Thierry Loa – www.hellohello.bz

Passado, presente e futuro, nas três épocas haverá uma discussão interminável sobre a chamada “prostituição na web”. Seja participando de comunidades sobre Design em redes sociais ou conversando com colegas da mesma área de trabalho, um assunto que nunca deixa de estar em pauta é a “prostituição” cometida por alguns designers. É muito comum encontrar designers que cobram até R$ 100 reais no layout de uma página (acredite, é verdade).

Os Iniciantes

O início costuma ser difícil, principalmente para entrar em um mercado competitivo com padrões de qualidade. Assim que uma pessoa se lança no mercado utilizando a nomeação de que é um Designer, ela precisa de um Portfolio para apresentar a qualidade de seu trabalho. Então vem a pergunta, como conseguir os primeiros trabalhos para gerar um portfolio cobrando caro? Alguns designers costumam fazer trabalhos próprios para utilizar como referência, outros vão em busca de cobrar barato até que tenha um portfolio realmente apresentável e que por consequência possa cobrar valores mais altos.

O problema é até onde os valores baratos para criar portfolio podem chegar. O profissional tem que saber que quando seu trabalho evolui está na hora de reaver os valores cobrados. Infelizmente muitos se submetem a cobrar durante anos sites por R$ 100, R$ 200, R$ 300, não peçam explicações pois eu não saberei como responder.

Os Plagiadores

Pessoas que dominam as ferramentas (photoshop, dreamweaver, flash, etc) mas não tem criatividade ou capacidade de desenvolver um projeto do início. A solução para elas é a utilização de templates prontos ou fazer cópias fiéis de layout.

Já ouviu falar que na internet você encontra tudo?

Download grátis tem um potencial imenso na internet. Essa é uma fonte que nunca vai acabar para pessoas que copiam diariamente templates para clientes alegando ter desenvolvido. O RGB Magazine também oferece download grátis de ícones, templates e outros. A culpa pela “prostituição na web” não ocorre devido a estes downloads, continue lendo para saber que tal “prostituição” traz benefícios para bons designers.

As Empresas que contratam serviços de Web Designers

Assim como designers que cobram barato existem as empresas que correm atrás desse preço sem preocupação com a qualidade. Provavelmente não se deram conta da importância da internet na atualidade. Toda empresa que se preze busca ter seu site publicado, por mais simples que seja (simplicidade não é igual a um site de baixa qualidade). Uma empresa que escolhe um serviço mais caro e bom ao invés de um barato e ruim com certeza tem maior respaldo no mercado.

É possível competir com orçamentos baratos?

Não existe competição para isso. Estas pessoas que se denominam profissionais e cobram valores fora da realidade sempre serão opção por aqueles que preferem preço ao invés de qualidade. A qualidade do profissional que poderá fazê-lo estar a frente dos outros.

O Benefício e Valorização

Se você é designer pare de se preocupar com aqueles que se “prostituem”. Quanto maior o número de pessoas que copiam ao invés de criar, maior será a sua valorização e mais evidente se tornará a qualidade do seu trabalho. As empresas que optarem pagar um valor considerável por um site serão aquelas quem lhe tornaram referênciam, sendo assim, o mercado de trabalho lhe dará mais valor.

Participe

Envie sua opinião, sugestões, experiências ou críticas. Deixe seu comentário.

Seja um iniciante ou um profissional, os estudos contínuos na área de desenvolvimento web são fundamentais para manter-se atualizado das novas tendências além de melhorar a qualidade do trabalho desempenhado.

No início de uma carreira de Web Designer as primeiras preocupações serão evidentes, principalmente em relação a desenvolver um layout bonito e que agrade os clientes. Após o layout a segunda parte do processo é transformar o arquivo de imagem do layout para a linguagem web, ou seja, o bom e velho html. Por último, dependendo da necessidade, tornar o site dinâmico, neste caso apenas alguns web designers se arriscam em programar, pois é uma área distinta e que não é obrigatória para indicar a qualidade de um designer. Geralmente os designers trabalham em parcerias com programadores e vice-versa.

Com um certo período de experiência o web designer começa a ser mais visto no mercado de trabalho e seu nome ganha mais espaço. Eis que surgem novos desafios. Criar um layout, fazer o html e deixá-lo dinâmico pode não ser tudo.

Etapas básicas:

1. Criar o layout em um programa gráfico (photoshop, fireworks ou outro de acordo com a preferência);
2. Fazer o html do layout desenvolvido;
3. Programar o site (geralmente terceirizado com um profissional da área).

Durante o desenvolvimento destas etapas, principalmente das duas últimas (html e programação) existem diversos pontos importantes a serem aplicados, veja a seguir.

Estudos e Técnicas importantes:

1. Desenvolvimento do html através de CSS (forma de desenvolvimento conhecida como tableless)

Por muitos anos foi utilizado na internet o padrão de html feito em tabelas, uma linguagem que já está fora dos padrões atuais. O html que utiliza a técnica Tableless torna o site mais acessível e leve.

2. Validação do site pelos padrões W3C

Embora ainda exista uma resistência de alguns desenvolvedores, ter um site validado pelos padrões W3C é importante para manter um padrão de alta qualidade. Um grande desafio para o desenvolvimento de alguns sites é a utilização de hacks para o Internet Explorer 6, pois muitos destes hacks não são aceitos pelo W3C.

3. Técnicas de Otimização para motores de busca (SEO – um dos pontos chaves de estudo web)

Este é um dos pontos mais importantes a serem considerados caso o site desenvolvido tenha como principal público alvo visitantes via motores de busca (Google, Yahoo, Msn, entre outros).

Veja abaixo alguns links úteis.

Desenvolvimento em Tableless (CSS)

• Site sobre CSS e Web Standards: www.maujor.com

Validação do seu site pelo W3C

• Xhtml: http://validator.w3.org/
• CSS: http://jigsaw.w3.org/css-validator/

SEO – Search Engine Optimization

• O que é SEO (estudos iniciais): http://www.rgbmagazine.com.br/desenvolvimento-web/iniciando-estudos-sobre-otimizacao-para-motores-de-busca-seo/
• Analise o SEO Score do seu site: http://whois.domaintools.com/
• Dicas e explicações sobre SEO: www.mestreseo.com.br

Todos os tópicos citados nesse post receberão atenção especial. Vale lembrar que os estudos devem ser feitos sem pressa, pois toda informação é importante, por menor que seja. Fique atento as novas postagens, se quiser um tutorial específico basta enviar uma mensagem através do link http://www.rgbmagazine.com.br/pedidos/