Curso prático de Web Design

Um manual que trata o design orientado à web, com uma interessante introdução ao design em geral e o desenvolvimento do design na web em particular.
Capítulos do manual
1.- Introdução ao design gráfico
A história do design gráfico, desde as origens da humanidade até o aparecimento da web e da Internet.

2.- Design gráfico
Uma aproximação ao design gráfico em geral, com uma descrição dos elementos que compõem habitualmente um desenho e as características principais que podemos encontrar neles.

3.- Design gráfico na web
O design web vai mais além do design tradicional, pois existem muitos limitadores relacionados com o meio onde se apresentam as páginas: Internet. Conheceremos as características fundamentais do design na web.

4.- Componentes gráficos de um computador
Descrição dos principais componentes gráficos de um computador: O cartão gráfico e o monitor.

5.- Resolução de tela
Considerações relativas aos distintos tipos de tela que os visitantes possam ter e o espaço disponí­vel para cada caso.

6.- Cores em um computador
Como trabalham os computadores para codificar uma cor. O formato RGB.

7.- Calibragem do monitor
Uma composição gráfica pode ser vista com diferentes tonalidades dependendo da configuração do monitor. Temos que calibrar o monitor para que o aspecto de nossa obra seja o mesmo em todos os computadores.

8.- Formas básicas em design gráfico
A linguagem visual através de grafismos pode se descompor em entidades básicas, onde cada uma delas tem por si mesma um significado próprio, porém unidas de diferentes formas podem constituir elementos comunicativos distintos.

9.- O ponto
O ponto é a unidade mínima de informação visual, e está caracterizado por sua forma, tamanho, cor e localização.

10.- A linha
A linha é o elemento básico de todo grafismo e um dos mais usados. Representa a forma de expressão mais simples e pura, porém também a mais dinâmica e variada.

11.- O contorno
O contorno é o objeto gráfico criado quando o traço de uma linha se une em um mesmo ponto.

12.- O quadrado
Elementos de desenho: o quadrado.

13.- A circunferência
Elementos de design: a circunferência.

14.- Contornos mistos
Elementos de design: contornos mistos, que são os que estão compostos por vários tipos de contornos.

15.- Contornos orgânicos
Elementos de design: contornos orgânicos, que estão formados por curvas livres.

16.- O design equilibrado. Introdução
Estudo das regras básicas do design gráfico. Não existe uma fórmula que dê um design infalível, porém sim umas existem umas regras básicas.

17.- O design equilibrado. As proporções
Devemos ter em conta a definição a utilizar, os elementos gráficos e as proporções...

18.- O design equilibrado. A escala
Entende-se por escala a relação entre as proporções dos elementos visuais de uma composição.

19.- O design equilibrado. O contraste
O contraste permite ressaltar o peso visual, podemos consegui-lo através de diversos meios: tons, cores, contornos e escala.

20.- O design equilibrado. Os agrupamentos
Como os elementos web devem se agrupar para obter um resultado coerente.

21.- O design equilibrado. O reticulado
Como harmonizar os blocos de conteúdo que formarão a composição do desenho.

22.- O design equilibrado. Os alinhamentos
Necessários para conseguir uma composição ordenada e lógica, assim como para relacionar elementos.

23.- O design equilibrado. As simetrias
Outro condicionante para que o design da web tenha uma organização natural.

24.- O design equilibrado. O equilíbrio entre conteúdos
A organização espacial, primordial para atrair ao usuário.

25.- O design equilibrado. A hierarquia visual
A organização guia ao usuário na contemplação de uma página web.

26.- Teoria da cor. Introdução
É uma parte fundamental da web, produtor de sensações.

27.- Teoria da cor. Natureza da cor
Descrição formal da cor como um fenômeno físico.

28.- Teoria da cor. A percepção da cor
Como o olho pode detectar e classificar as cores que chegam.

29.- Teoria da cor. Modelos de cor
Descrição dos tipos de cor conhecidos, assim como se aborda uma explicação de como os objetos adquirem as cores.

30.- Teoria da cor. Tipos de cor
Neste capítulo descreveremos como a partir das cores primárias se podem conseguir outras, e dependendo das tonalidades fazer diferentes classificações.

31.- Teoria da cor. Propriedades das cores
As cores têm umas propriedades inerentes que lhes permite se distinguir de outras e gravar diferentes definições de tipo de cor.

32.- Teoria da cor. Contrastes de cor
O contraste é um fenômeno com o qual se podem diferenciar cores atendendo à luminosidade, à cor de fundo sobre a qual se projetam...

33.- Teoria da cor. Estudo de algumas cores I
Neste capítulo descreveremos as sensações que produzem algumas cores como o vermelho, o verde e o azul, assim como seu possível uso e seu significado em uma web.

34.- Teoria da cor. Estudo de algumas cores II
Acabamos a sessão da teoria da cor com o estudo de mais cores, as sensações que produzem e sua conveniência de uso nos web sites.

35.- A cor na web. Cores disponíveis para a web
Descobriremos o número de cores que poderemos usar em uma web, e se são estes mesmos se a web se executa em um computador ou em outro.

36.- A cor na web. Paletas de cor seguras. Websafe e Reallysafe
As paletas de cores dão limitações na hora de apresentar as cores que contém a web. Neste capítulo veremos quais são estas limitações.

37.- A cor na web. O problema das imagens
As cores das imagens podem sofrer mudanças se tiverem que estar encapsuladas em estruturas tais como tabelas, camadas, etc. Isto pode ter uma solução aproximada, porém não ótima. Veremos os problemas que se podem apresentar.

38.- A cor na web. Cores e partes de uma página
É importante saber escolher as cores que definirão uma parte da página para que seja factível o cometido desta. Veremos que cores são as mais apropriadas para cada seção do site.

39.- A cor na web. Escolha da paleta para um web site
É necessário escolher cores de acordo com o logotipo da página. Neste capítulo veremos relações possíveis para conseguir a funcionalidade esperada.

40.- A cor na web. Ferramentas básicas para trabalhar com cores
Existe uma grande variedade de ferramentas que nos permitem manipular as características das cores para conseguir as que necessitemos. Abordamos uma ampla lista de programas neste capítulo.

41.- Tipografia. Introdução
Nesta seção vamos falar dos conteúdos textuais das páginas web, e neste primeiro capítulo, faremos uma introdução a este estudo.

42.- Tipografia. Um pouco de história
Vamos ver como evoluiu a escritura desde os tempos dos babilônios até nossos dias, passando pelo acontecimento tipográfico mais importante: a invenção da imprensa.

43.- Medidas tipográficas
Continuamos com um pouco mais de história da tipografia, neste caso com suas medidas e como se foram adaptando às necessidades atuais.

44.- Partes de uma letra
Vamos conhecer as partes fundamentais de uma letra e saber distingui-las no caso de ter que criar famílias tipográficas.

45.- Famílias tipográficas
Vamos conhecer as famílias tipográficas e seus grupos e classificações.

46.- Fontes Serif e fontes Sans Serif
Vemos a classificação de fontes tipográficas em Serif e Sans Serif.

47.- Tipografia digital
Vemos como podemos “interletrar” e desenhar caracteres de melhor qualidade.

48.- Fontes para impressão e fontes para tela
Vemos técnicas e tipos de fontes tipográficas para tipos de resoluções de tela e impressão.

49.- Coleções de ícones gratuitos
Alguns dos pacotes de ícones com que gosto de trabalhar, todos ícones gratuitos, embora com diferentes licenças para utilizar em outros projetos web.

50.- Teste suas páginas em todos os navegadores com BrowserLab
BrowserLab é um serviço online de Adobe que permite comprovar o aspecto que oferecem as páginas web nos principais navegadores sem sair de um mesmo espaço de trabalho.

51.- Adicionar uma imagem em miniatura das webs com Thumbshots
Explicamos como integrar Thumbshots em sua página web, um serviço gratuito que permite apresentar pré- visualizações das páginas com as quais você se conecta.

52.- Combinar e trabalhar com cores
Ferramentas que nos ajudam a escolher uma combinação de cores adequada. Aplicações web para combinar cores e criar uma paleta para ser utilizada em nossos desenhos web.

53.- Como criar as melhores Paletas de cor
Inspiração e criação de paletas de cor, junto com diversas ferramentas atuais que nos facilitarão a possibilidade de jogar e combinar com cores.


Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foram enviados 28 comentários à manual
13 comentários não revisados
15 comentários revisados:
Quando sai o Manual para Download ou Impressão ?
Por: edgarlaguiar
06/2/09
Esse Manual mereçe uma versão para Impressão e Download pessoal da CriarWeb !!
Show de Bola !!
Manuais para impressão
Por: paulo-vieira_da_sivla
13/2/09
Pow pessoal, é a pergunta que não quer cala, quando vai sair a versão dos manuais para impressão?

Todos os materiais de voces são otimos, e ate estou utilizando alguns deles para dar aulas no curso onde trabalho e indicando para os alunos que visitem o sites para busca de mais conteudos.

boa sorte e continuem com esse otimo trabaho

Atenciosamente:

Paulo vieira da Silva
cade a versão pra impressao e download!!!
Por: joabe-machado
11/3/09
Gente um manual assim não pode ficar so no site, tem que ter uma versão para download, e aliás, quem fez esse manual não pode parar, esse manual é unico.

UMA VERSÃO PARA DOWNLOAD PELO AMOR DE DEUS!!!
ERSÃO PARA DOWNLOAD
Por: thiagool
04/6/09
Em primeiro lugar parabens pelo post, segundo: queremos uma versão pra download, e impressão.
Grato.
Viabilizar Download
Por: napoleon
02/7/09
Este é um material muito bom, e vez por outra estamos sem poder acessar a net, então peço encarecidamente pela versão para download.
Pelos comentários que li e por ainda ver esse disponibilidade, estou começando a achar que não estão nem aí pra gente.
Desculpem-me, se estiver exagerando...
Muito bom!!!
Por: wanderly
23/7/09
Quem quiser o manual me mande um email, eu baixei tudo e fiz uma apostila no word. wanderly29@gmail.com...valeu galera.....
parabens!
Por: baractho
01/8/09
material muito bom!
valeu e existe uma forma de disponibilizar pra baixar?!
abraços!
Manual para Impressão
Por: wolooko
22/1/10
Material muito bom e completo. Como os outros antes de mim, também quero saber: "Quanto será disponibilizado a versão para impressão?" Parabéns. E continuem com este belíssimo trabalho.
Um bom guia mas ATENÇÃO
Por: andremafei
09/4/10
Desde de que eu comecei a aprender webdesign anos atrás eu já consultei várias vezes esse site. Mas atualmente tem que tomar cuidado com as páginas com mais de 3 anos, pois a Internet muda muito rápido e você pode acabar gastando tempo para aprender algo que já está antigo.

No entanto continua sendo um site muito bom e confiável. Eu até cito ele várias vezes no Guia de Webdesign: http://webmap.in

O webmap.in já virou notícia no O GLOBO, e nos portais Yahoo, iG, POP, etc.
MUITO BOM !!!
Por: alcimarramos
14/12/10
Muito bom esse material, bem completo e complexo. Parabéns.
Antes desse pessoal sair por aí vendo umas vídeo aulas e tutorias de Photoshop e Corel e se intitulando DESIGNERS, deveriam ler este conteúdo.
Versão impressa!
Por: usuario_apagado_98965
01/7/11
Cadê a versão impressa disso?
Webdesign
Por: glaydes
02/12/11
Precisamos de versões atualizadas e pagina do dowload. Parabéns por formidável tutorial.
manual para downlaod por favor
Por: tonknewitz
05/1/12
por favor se possivel coloquem este manual para download
irá ajudar muita gente

Abraço!!
web design
Por: emanueluzumak
03/3/12
arquivo pra down qd lançar me mande um e-mail por favor
não vai ser disponibilizado material para download?
Por: leylajs
09/11/12
O material é de boa qualidade, mas é necessário estar disponível em todo não em pedaços como está.

Usuários :    login / registro

Neste manual

Categorias relacionadas:

Manuais relacionados