Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
2013/2014
LABORATRIO I
Tecnologia da Comunicao Multimdia (TCM)
1 ano - 2 semestre
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
1. Princpios de cor;
2. Princpios de tipografia;
3. Princpios de coerncia e unidade visual;
4. Princpios de hierarquia;
5. Princpios de legibilidade;
6. Princpios de organizao/composio espacial.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
1. Princpios de cor
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
Como?
Usar combinaes com contraste.
Soluo fcil - Usar cores complementares.
Consultar sistemas on-line de combinaes cromticas para ajuda.
A evitar:
Evitar o uso de demasiadas cores (nem sempre aplicvel).
Evitar usar combinaes que dificultem a legibilidade da tipografia.
Evitar o uso de gradientes com muitas cores.
Nem sempre aplicvel este ltimo princpio, no entanto, numa primeira fase
de aprendizagem de o seguir para evitar composies mal resolvidas.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
Teste
Teste
Teste
Teste
Teste
Teste
Teste
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
cor
Ajudas: heis alguns links para consulta, que ajudam a encontrar combinaes
esteticamente harmoniosas.
https://kuler.adobe.com/create/color-wheel/
http://colorschemedesigner.com/
http://www.ficml.org/jemimap/style/color/wheel.html
http://colrd.com/create/palette/#dna=7098e5
http://meyerweb.com/eric/tools/color-blend/
http://www.themaninblue.com/experiment/Technicolor/
http://www.colorhunter.com/
http://www.colr.org/
http://www.colourlovers.com/
http://colorschemer.com/schemes/
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
2. Princpios de tipografia
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
Existem alguns princpios tipogrficos bsicos, que devem ser respeitados para
a obteno de uma composio mais harmoniosa:
1. No utilizar demasiadas fontes no mesmo trabalho;
2. Evitar o uso de apenas caixa alta;
3. No justificar o texto;
4. No variar as dimenses das letras.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
No aconselhado
Assunto
Assunto
Ttulo
Ttulo
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
No aconselhado
Assunto
Assunto
Ttulo
Ttulo
Aproveitando a oportunidade,
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
3. No justificar o texto.
Aconselhado
No aconselhado
Assunto
Assunto
Ttulo
Ttulo
Aproveitando
oportunidade,
peo
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
No aconselhado
razes expressivas, no
se aconselha o alargar
ou esticar as letras.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
tipografia
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
3. Princpios de coerncia
e unidade visual
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
1. Ao nvel da tipografia
Em qualquer trabalho de carcter grfico como um genrico, por exemplo,
deve optar-se por uma fonte e us-la do princpio ao fim (ver genrico srie
Rome).
Variar a fonte ao longo do trabalho quebra a unidade visual, o que divide o
discurso, dificultando a leitura e a compreenso.
Por outro lado, a mudana de fonte e a consequente quebra de unidade,
pode ser usada para criar dois ou trs momentos distintos (ver genrico filme
Snatch.).
http://www.youtube.com/watch?v=eDDPdLdiH_E
http://www.youtube.com/watch?v=MpGTn-Z6WbA
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
Texto
Texto
Texto
Texto
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
Texto
+ texto
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
COERNCIA
E UNIDADE
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
Peso tipogrfico
Peso tipogrfico
Peso tipogrfico
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
hierarquia
VISUAL
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
5. Princpios de legibilidade
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
LEGIBILIDADE
Texto
Aconselhado
Texto
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
LEGIBILIDADE
Aconselhado
Texto
Aconselhado
Texto
Texto
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
composio
visual
6. Princpios de organizao/
composio espacial
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
organizao
/composio
espacial
Organizao/composio espacial
Quando se colocam elementos grficos sobre um suporte, estes no devem
estar aleatoriamente distribudos sobre o mesmo. H uma ordem, mais
dinmica ou menos dinmica, de relao entre elementos grficos que deve ser
procurada.
Esta procura um acto de composio visual e para conseguir que ela seja
mais harmoniosa devem ser tidos em conta dois princpios:
1. Concordncias visuais;
2. Concordncias espaciais.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
organizao
/composio
espacial
1. Concordncias estruturais
As concordncias estruturais referem-se a relaes de alinhamentos
entre diferentes elementos de uma composio. Este tipo de relaes de
alinhamento so particularmente evidentes no contexto impresso e editorial,
como se pode ver na imagem.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Princpios de
organizao
/composio
espacial
1. Concordncias estruturais
Numa composio, os elementos obedecem a regras de composio assentes
em grelhas esquemticas que justificam a localizao e relao entre todos os
elementos grficos.
respirito@gmail.com
Laboratrio I - 2013/2014
Prof. Rui Esprito Santo.
Concluso
Todos estes princpios podem e devem
ser aplicados no vosso contexto
de trabalho. Usem-nos para obter
melhores resultados ao nvel da
composio visual.
Obrigado ao Dr. Leonardo Pereira pela disponibilizao dos seus apontamentos e autorizao para serem alterados.
respirito@gmail.com