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.

Reset Studio é uma agência online da Itália que trabalha com planejamento e criação de interfaces, tanto para web, quanto para mídia offline. Confira alguns trabalhos do portfolio da empresa.

Minimalismo, não se trata apenas de não ter design em um site, se trata de fazer um design excepcional sem precisar de exageros, se baseando apenas no receptor da informação de forma sutil e confortável.

Características de um site minimalista

• Pouca quantidade de elementos
• Plano de fundo de cor chapada
• Máximo de 2 fontes no layout
• Textos utilizam de 2 a 3 cores (contando com a cor atribuida a links) e bem combinadas, claro
• Utilização de grandes espaços em branco para dividir conteúdo
• Não possui uma arte gráfica que ocupe uma área completa como o topo do site
• Objetividade para facilitar a vida do usuário (não os faça pensar)

Bons exemplos de minimalismo

Mais um dia em busca de utilidades para designers e encontrei um post muito legal no Pelfusion. São 10 ferramentas online para gerar backgrounds dos mais diversos tipos. Lembrei automaticamente do início da minha carreira que não tinha muita técnica para fazer os planos de fundo da maneira que eu imaginava. Confira abaixo e bom trabalho:

1. Striped Backgrounds

Striped Backgrounds

2. BG Patterns

BG Patterns

3. Pattern Cooler

Pattern Cooler

4. Stripemania

Stripemania

5. Dotted Background Generator

Dotted Background Generator

6. Background Maker

Background Maker

7. TartanMaker

TartanMaker

8. Tile Machine

Tile Machine

9. ColourLovers

ColourLovers

10. Stripe Generator

Stripe Generator

Lembre-se que essas ferramentas tem como objetivo lhe ajudar e não trabalhar por você. Nada substituirá sua criatividade e mão de obra. Aprenda a fazer, descubra e reinvente.

Mais inspirações para o Dia do Design, desta vez selecionei nove sites feitos na plataforma Wordpress. Quando falo em Wordpress, gosto sempre de ressaltar que não se resume a uma plataforma de blogs e sim de sites. Com um pouco mais de conhecimento sobre a ferramenta é possível adaptar qualquer layout para Wordpress, mas isso fica para um outro post.

Os designers tem um motivo a mais para curtir o dia de hoje, pois hoje é o dia do design. Quem quiser saber um pouco da história de como foi criado o dia do design pode conferir o blog Código Laranja, que postou cedinho sua homenagem. Hoje farei diversos posts de inspiração. Para começar, trouxe 9 sites excelentes no quesito design.

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

Seja neste sábado ou em qualquer dia da semana, quem trabalha como web designer muitas vezes precisa ou gosta de se inspirar com outros trabalhos antes de começar o próprio. Fiz uma nova seleção com nove ótimos trabalhos de design em sites.

Estava navegando mais uma vez pela comunidade de designers DeviantArt e resolvi fazer um post com belos layouts que encontrei. O design de sites está ficando cada vez mais rico e dá gosto acompanhar tudo isso. Escolhi 9 dentre muitos layouts para inspiração. Confira:

De fato são belos layouts, mas de nada adianta só admirar, que tal abrir o Photoshop ou seu programa gráfico preferido e começar a praticar seu trabalho e também fazer seu próprio layout?

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.