helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
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.
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.