Material de Estudo: Web Design

Responsive Web Design

- Livros:

[en]Responsive Web Design - Ethan Marcotte
Web Design Responsivo - Páginas adaptáveis para todos os dispositivos - Tárcio Zemel
[en]Estratégia de conteúdo para Mobile - Karen McGrane(obs.: desconsiderar o que Karen McGrane fala sobre SEO neste livro - Saiba porque aqui)

- Artigos/Post tutorial:

Responsive Web Design - Ethan Marcotte
Design para telas sensível a toques
Responsive Web Design - adaptação vs otimização
Como testar Design responsivo
Apostila Caelum

- Ferramentas de teste: Compatibilidade de Websites com Responsive Design

Mobile Friendly
Screenfly
Responsinator
I am Mobile Emuladores Mobile
Adobe Edge InspectCC
Extensão viewport resizer - Chrome

Design Mobile First (Fluxo de desenvolvimento/planejamento invertido)

- Livros:

[en]Mobile First - Luke Wroblewski
Resenha do livro Karen McGrane
Capítulo 6: Web Design Responsivo - Páginas adaptáveis para todos os dispositivos - Tárcio Zemel
Apostila Caelum - Capítulo 9

- Artigos/Post tutorial:

Mobile First: A arte de pensar com foco
5 coisas que aprendi em um projeto Mobile First Responsive Design para o Google

Prototipação e planejamento:

- Artigos/Post tutorial:

Processo de concepção/planejamento de Websites
Design responsivo na prática: Do rascunho ao digital
Prototipando com papel

- Ferramentas de prototipação:

Wireframes para impressão
Wireframe online
Tamanho de dispositivos

Design/Mobile e Marketing

- Artigos/Post tutorial:

A importância do Design no Marketing de conteúdo

- E-book/Infonográfico:

Mobile Marketing

Design e Web Design

- Livros:

Diretrizes de identidade da Apple

- Artigos/Post tutorial:

Principios de design para Websites - Google
UI Design Apple
O que é Gestalt
Relação estreita entre Design e Gestalt

Tipografia e cores:

- Artigos/Post tutorial:

Um guia completo de tipografia para Web
Tipografia para Web
Como selecionar a tipografia ideal para o seu projeto
[en]Web Design é 95% Tipografia
[en]Elementos de tipografia para web

- E-book/Infonográfico:

Tipografia para Web
Psicologia das cores

UI, UX, Usabilidade e Acessibilidade:

- Artigos/Post tutorial:

Introdução à Interface de Usuário(UI)
Diferença entre UX e Usabilidade
Introdução à Usabilidade
Introdução à teste de usabiliadade de websites
Integrando Acessibilidade ao Longo do Design - Just Ask

- E-book/Infonográfico:

Conversão e Usabilidade
Teste A/B

- Ferramentas de teste:

Wave: Avaliador de Acessibilidade
Color Oracle: Simulador de Daltonismo

Performace e SEO:

- Artigos/Post tutorial:

Como perder peso no Browser
SEO para dispositivos Mobile - Google
SEO para Joomla - Leo Miranda
SEO Miltilingual em Joomla]

- E-book/Infonográfico:

Otimização de sites

- Ferramentas de teste: Performace de websites:

HTTP archive
WebPageTest
PageSpeed
Validador HTML da W3C

Front-end:

[Brazuca]Como se manter atualizado nas tecnologias Front-end
[Gringa]Como se manter atualizado nas tecnologias Front-end

Sites e Blogs de referência: Web Design, UI, UX, Arquitetura da Informação

Tableless
Arquitetura da Informação
Bruno Àvila
Chocola Design