PRINCأچPIOS BأپSICOS DE DESIGN DE COMUNIC Aأ‡أƒO PARA NأƒO DESIGNERS PRINCأچPIOS DE ......

download PRINCأچPIOS BأپSICOS DE DESIGN DE COMUNIC Aأ‡أƒO PARA NأƒO DESIGNERS PRINCأچPIOS DE ... â€؛ cloud â€؛

of 56

  • date post

    30-May-2020
  • Category

    Documents

  • view

    0
  • download

    0

Embed Size (px)

Transcript of PRINCأچPIOS BأپSICOS DE DESIGN DE COMUNIC Aأ‡أƒO PARA NأƒO DESIGNERS PRINCأچPIOS DE ......

  • Prof. Rui Espírito Santo. 2013/2014

    LABORATÓRIO I Tecnologia da Comunicação Multimédia (TCM) 1º ano - 2º semestre

    PRinCíPioS báSiCoS dE dESign dE CoMuniCação PaRa não dESignERS

    PrincíPios de comPosição visual

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de comPosição visual

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de comPosição

    visual

    O processo de composição visual é o processo de planeamento, ordenamento e arranjo dos elementos visuais num plano visual. E dividem-se nas seguintes categorias entre outras:

    1. Princípios de cor; 2. Princípios de tipografia; 3. Princípios de coerência e unidade visual; 4. Princípios de hierarquia; 5. Princípios de legibilidade; 6. Princípios de organização/composição espacial.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de comPosição

    visual

    1. Princípios de cor

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    Quando se compõe visualmente elementos gráficos num mesmo suporte, deve existir o cuidado de os combinar, em termos cromáticos, de uma forma que não afecte a sua legibilidade e que, esteticamente, produza uma combinação agradável.

    Como? • Usar combinações com contraste. • Solução fácil - Usar cores complementares. • Consultar sistemas on-line de combinações cromáticas para ajuda.

    A evitar : • Evitar o uso de demasiadas cores (nem sempre é aplicável). • Evitar usar combinações que dificultem a legibilidade da tipografia. • Evitar o uso de gradientes com muitas cores.

    Nem sempre é aplicável este último princípio, no entanto, numa primeira fase de aprendizagem é de o seguir para evitar composições mal resolvidas.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    1. combinações com contraste. 2. combinações sem contraste.

    Teste

    Teste

    Teste

    Teste

    Teste

    Teste

    Teste

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    solução fácil: o uso de cores complementares.

    Estas cores, opostas no espectro cromático, complementam-se, dando origem a combinações equilibradas, vibrantes e agradáveis.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    outra solução fácil: o uso de cores análogas ou adjacentes.

    Estas cores são análogas ou adjacentes no espectro cromático, dando origem a combinações, também elas equilibradas e agradáveis.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    ainda outra solução fácil: o uso de monocromia.

    Estas combinações resultam da variação de saturação e luminosidade da mesma cor, dando origem a combinações, de novo equilibradas e agradáveis.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de cor

    ajudas: heis alguns links para consulta, que ajudam a encontrar combinações 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/

    https://kuler.adobe.com/create/color-wheel/ http://colorschemedesigner.com/ 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/

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de comPosição

    visual

    2. Princípios de tipografia

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    Existem alguns princípios tipográficos básicos, que devem ser respeitados para a obtenção de uma composição mais harmoniosa:

    1. Não utilizar demasiadas fontes no mesmo trabalho; 2. Evitar o uso de apenas caixa alta; 3. Não justificar o texto; 4. Não variar as dimensões das letras.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    1. não utilizar demasiadas fontes no mesmo trabalho.

    Assunto

    Título

    Este é o texto onde será escrita toda a

    informação que se pretende transmitir ao

    leitor, por exemplo: não se devem usar várias

    fontes no mesmo trabalho.

    Aproveitando a oportunidade, peço a vossa

    atenção para que leiam e sigam os princípios

    transmitidos neste documento.

    aconselhado não aconselhado

    Assunto

    Título

    Este é o texto onde será escrita toda a

    informação que se pretende transmitir ao

    leitor, por exemplo: não se devem usar várias fontes no mesmo trabalho. Aproveitando a oportunidade, peço a vossa

    atenção para que leiam e sigam os princípios

    transmitidos neste documento.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    2. evitar o uso de apenas caixa alta.

    Assunto

    Título

    Usar apenas caixa alta, dificulta a leitura do

    texto. O mais correcto é o uso de caixa mista.

    Aproveitando a oportunidade, peço a vossa

    atenção para que leiam e sigam os princípios

    transmitidos neste documento.

    aconselhado não aconselhado

    ASSUNto

    TíTulo

    USAr APENAS CAixA AltA, difiCUltA A

    lEitUrA do tExto. o mAiS CorrECto

    é o USo dE CAixA miStA.

    AProvEitANdo A oPortUNidAdE,

    PEço A voSSA AtENção PArA

    QUE lEiAm E SigAm oS PriNCíPioS

    trANSmitidoS NEStE doCUmENto.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    3. Não justificar o texto.

    Assunto

    Título

    A justificação do texto pode provocar o

    efeito desagradável conhecido por dentes de

    cavalo ou rios. Para evitar este efeito, deve-

    se alinhar o texto à esquerda, não sendo de

    descorar também o alinhamento à direita.

    Aproveitando a oportunidade, peço a vossa

    atenção para que leiam e sigam os princípios

    transmitidos neste documento.

    aconselhado não aconselhado

    Assunto

    Título

    A justificação do texto pode provocar o

    efeito desagradável conhecido por dentes de

    cavalo ou rios. Para evitar este efeito, deve-

    se alinhar o texto à esquerda, não sendo de

    descorar também o alinhamento à direita.

    Aproveitando a oportunidade, peço a

    vossa atenção para que leiam e sigam os

    princípios transmitidos neste documento.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    4. não variar a dimensão das letras.

    A menos que seja por razões expressivas, não

    se aconselha o alargar ou esticar as letras.

    Aproveitando a oportunidade, peço a vossa

    atenção para que leiam e sigam os princípios

    transmitidos neste documento.

    aconselhado não aconselhado

    A menos que seja por

    razões expressivas, não

    se aconselha o alargar

    ou esticar as letras.

    Aproveitando a oportunidade, peço a vossa atenção para que leiam e sigam os princípios transmitidos neste documento.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de tiPografia

    Pergunta: nunca se violam estes princípios?

    A resposta é sim, mas apenas em determinadas situações e com muita atenção à eficácia do resultado obtido. Por exemplo: quando há a vontade de dar expressão e acentuar significados através da tipografia ou seja, em situações onde se pretende que a tipografia ganhe iconicidade.

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de comPosição

    visual

    3. Princípios de coerência e unidade visual

  • Laboratório I - 2013/2014 Prof. Rui Espírito Santo.

    respirito@gmail.com

    PrincíPios de coerÊnciA e UnidAde

    VisUAL

    A coerência e a unidade visual de uma composição existe quando, se respeitam, em vários níveis da linguagem visual, os elementos gráficos utilizados:

    1. Ao nível da tipografia; 2. Ao nível da relação da linguagem tipográfica com a linguagem da imagem; 3. Ao nível da linguagem gráfica e formal utilizada; 4. Ao nível da relação de cores entre tipografia, element