Exatamente, aqui estou eu novamente para louvar o Wordpress. Que existem milhares de temas grátis pra usar todo mundo já sabe, mas que tal você usufruir de layouts realmente profissionais por valores baixos? Existem diversas empresas no mundo que sobrevivem apenas de desenvolver temas para a plataforma. Confira a lista das melhores:

Elegant Themes

Elegant Themes

Woo Themes

Woo Themes

WP Zoom

WP Zoom

Acosmin

Acosmin

ithemes

ithemes

Conhece outros? Envie seu comentário com sugestão e ajude a melhorar essa galeria.

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.

Criar um layout atraente é uma tarefa que nunca deixará de ser difícil, por mais experiente que seja o profissional. A atraência em um site não provém apenas de um botão bonito, ou um topo bem caprichado. Também envolve a fácil assimilação do usuário, a usabilidade e acessibilidade, dentre muitos outros fatores.

Muitos iniciantes tem uma dificuldade de progredir na criação de um layout por sempre achá-lo estranho. Uma dos fatores que pode influenciar esta impressão são os “buracos” deixados por um layout sem conteúdo. Muitas vezes somos desafiados a desenvolver sites para empresas de ramos que não temos domínio completo do produto, por consequente, menos ainda de textos e explicações sobre o mesmo. Nem sempre ao iniciar um layout o cliente terá um texto pronto para copiarmos e colarmos, por isso a necessidade absoluta de utilizar textos padronizados para que possamos ter uma real noção do resultado final do layout.

No mundo todo, milhares de designers utilizam o Lorem Ipsum como padrão. Caso queira buscar novas opções, confira 5 ferramentas para gerar textos para utilizar na produção do seu novo site.

Fillerati.com

Fillerati

Lorizzle.nl

Lorizzle

Text|Generator

Text | Generator

Fillerama

Fillerama

Corporate Ipsum

Corporate Ipsum

Enganam-se quem pensam que basta inserir um texto “nononononono no no nono“. Isso prejudicará muito o layout e consequentemente a avaliação do cliente sobre o seu trabalho.

Mais um Template Grátis no formato .psd (Photoshop)  Template Grátis desenvolvido pelo site RGB Magazine.

• Template: 2
• Tema: Fashion Commerce
• Desenvolvimento: Rafael Marques
• Tipo de Arquivo: .psd (Photoshop)
• Largura do layout: 980px
• Resolução Indicada: 1024 x 768

Template Grátis .PSD - Fashion Commerce

Download do Template Grátis Fashion Commerce

Termos de Uso do Template:

A utilização deste template é de livre uso e sua disponibilização em outros sites que fornecem download também é gratuita, desde que sejam mantidos os créditos de desenvolvimento e o site insira um link de referência para www.rgbmagazine.com.br.

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.

Existem inúmeros fatores que devem ser levados em consideração no desenvolvimento de um site, dentre eles a organização e legibilidade do conteúdo. É necessário estar sempre atento a Tipografia, espaçamentos, alinhamentos e organização entre os elementos.

A legibilidade é uma qualidade que determina a facilidade de leitura de alguma coisa. A partir desta definição devemos fazer uma série de análises para que a leitura de nossos textos sejam mais legíveis, consequentemente mais eficazes.

Tipos e Tamanhos de fontes

É natural que quanto menor seja uma fonte, menor será sua legibilidade. Por isso uma das primeiras regras no desenvolvimento do seu site é evitar ao máximo a utilização de fontes pequenas.

Até onde uma fonte é pequena para web? Para textos corridos, recomenda-se o tamanho mínimo de 12px. Além disso é importante lembrar das duas fontes mais utilizadas na internet, que são Arial e Verdana. Ambas não possuem serifa, o que facilita na leitura. Ainda é muito utilizado o tamanho 11px em rodapés ou em locais que o conteúdo apresente menor relevância para o site.

Contraste entre cores

Na web o constraste entre cores é fundamental para legibilidade de um texto. Utilizar plano de fundo claro com fontes claros prejudicará a leitura, o mesmo ocorre quando utilizamos plano de fundo escuro com fontes escuras.

Com base nisso é utilizado o contraste entre cores. Contrastar exageradamente também não é aconselhável, por exemplo, caso esteja utilizando plano de fundo branco (#FFF) não recomenda-se a utilização de uma fonte com 100% de preto (#000), pois este contraste tornará a leitura cansativa. Neste exemplo com o plano de fundo branco (#FFF) é recomendável a utilização de um tom de cinza (#444), mantendo um constrate visível porém menos irritante aos olhos.

Alinhamento

O alinhamento do texto em um layout é fundamental para definir o nível de legibilidade do mesmo. Embora o padrão de alinhamento justificado possa ser o mais fácil de ser trabalhado e fique mais bonito, ele poderá reduzir a facilidade de leitura do texto. Na web, quando um texto está utilizando o alinhamento justificado, os navegadores tentam compensar os espaços entre as palavras, desta forma, a medida que estes espaços aumentam o cérebro precisa se adaptar a nova formatação causando um atraso na leitura.

Espaçamento entre linhas

Quanto maior o espaço entre as linhas maior será a definição, o agrupamento e a diferenciação das mesmas. É preciso ter cuidado com o excesso de espaçamento , pois este poderá tornar a leitura cansativa. No caso do layout RGB Magazine foi escolhido a fonte Verdana, tamanho 12px e espaçamento entre linhas de 20px.

Organização de elementos

Além dos textos é importante ficar atento a separação de todo e qualquer elemento presente no layout da página. É através dos espaçamentos que o usuário poderá distinguir facilmente as áreas do conteúdo exibido. Procure definir espaçamentos padrões de largura e altura, isto poderá tornar o layout mais agradável e ainda melhorar a legibilidade.

Quando é feita uma leitura de um site e se chega ao fim de um determinado elemento, o usuário procura imediatamente o próxima linha de texto ou o próximo elemento, por isso, é importantíssimo organizar as informações de acordo com a relevância que queira passar para o visitante do site.

Estes são alguns critérios básicos para que consiga desenvolver um site legível e de fácil navegação.