Click here to load reader

Princípios Composição Visual

  • View
    223

  • Download
    0

Embed Size (px)

DESCRIPTION

principio da composição visual

Text of Princípios Composição Visual

  • Prof. Rui Esprito Santo.2013/2014

    LABORATRIO ITecnologia da Comunicao Multimdia (TCM)1 ano - 2 semestre

    PRinCPioS bSiCoS dE dESign dE CoMuniCao PaRa no dESignERS

    PrincPios de comPosio visual

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios de comPosio visual

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decomPosio

    visual

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

    1. Princpios de cor; 2.Princpiosdetipografia; 3. Princpios de coerncia e unidade visual; 4. Princpios de hierarquia; 5. Princpios de legibilidade; 6. Princpios de organizao/composio espacial.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decomPosio

    visual

    1. Princpios de cor

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    Quandosecompevisualmenteelementosgrficosnummesmosuporte,deve existir o cuidado de os combinar, em termos cromticos, de uma forma que no afecte a sua legibilidade e que, esteticamente, produza uma combinao agradvel.

    Como?Usarcombinaescomcontraste.Soluofcil-Usarcorescomplementares.Consultarsistemason-line de combinaes cromticas para ajuda.

    A evitar :Evitarousodedemasiadascores(nem sempre aplicvel).Evitarusarcombinaesquedificultemalegibilidadedatipografia.Evitarousodegradientescommuitascores.

    Nem sempre aplicvel este ltimo princpio, no entanto, numa primeira fase de aprendizagem de o seguir para evitar composies mal resolvidas.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    1. combinaes com contraste. 2. combinaes sem contraste.

    Teste

    Teste

    Teste

    Teste

    Teste

    Teste

    Teste

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    soluo fcil: o uso de cores complementares.

    Estas cores, opostas no espectro cromtico, complementam-se, dando origem a combinaes equilibradas, vibrantes e agradveis.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    outra soluo fcil: o uso de cores anlogas ou adjacentes.

    Estas cores so anlogas ou adjacentes no espectro cromtico, dando origem a combinaes, tambm elas equilibradas e agradveis.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    ainda outra soluo fcil: o uso de monocromia.

    Estas combinaes resultam da variao de saturao e luminosidade da mesma cor, dando origem a combinaes, de novo equilibradas e agradveis.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decor

    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.htmlhttp://colrd.com/create/palette/#dna=7098e5http://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/

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decomPosio

    visual

    2. Princpios de tipografia

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    Existemalgunsprincpiostipogrficosbsicos,quedevemserrespeitadosparaa obteno de uma composio mais harmoniosa:

    1. No utilizar demasiadas fontes no mesmo trabalho;2. Evitar o uso de apenas caixa alta;3.Nojustificarotexto;4. No variar as dimenses das letras.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    1. no utilizar demasiadas fontes no mesmo trabalho.

    Assunto

    Ttulo

    Este o texto onde ser escrita toda a

    informao que se pretende transmitir ao

    leitor, por exemplo: no se devem usar vrias

    fontes no mesmo trabalho.

    Aproveitando a oportunidade, peo a vossa

    ateno para que leiam e sigam os princpios

    transmitidos neste documento.

    aconselhado no aconselhado

    Assunto

    Ttulo

    Este o texto onde ser escrita toda a

    informao que se pretende transmitir ao

    leitor, por exemplo: no se devem usar vrias fontes no mesmo trabalho.Aproveitando a oportunidade, peo a vossa

    ateno para que leiam e sigam os princpios

    transmitidos neste documento.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    2. evitar o uso de apenas caixa alta.

    Assunto

    Ttulo

    Usarapenascaixaalta,dificultaaleiturado

    texto. O mais correcto o uso de caixa mista.

    Aproveitando a oportunidade, peo a vossa

    ateno para que leiam e sigam os princpios

    transmitidos neste documento.

    aconselhado no aconselhado

    ASSUNto

    TTulo

    USArAPENASCAixAAltA,difiCUltAA

    lEitUrAdotExto.omAiSCorrECto

    oUSodECAixAmiStA.

    AProvEitANdoAoPortUNidAdE,

    PEoAvoSSAAtENoPArA

    QUElEiAmESigAmoSPriNCPioS

    trANSmitidoSNEStEdoCUmENto.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    3. No justificar o texto.

    Assunto

    Ttulo

    Ajustificaodotextopodeprovocaro

    efeito desagradvel conhecido por dentes de

    cavalo ou rios. Para evitar este efeito, deve-

    se alinhar o texto esquerda, no sendo de

    descorar tambm o alinhamento direita.

    Aproveitando a oportunidade, peo a vossa

    ateno para que leiam e sigam os princpios

    transmitidos neste documento.

    aconselhado no aconselhado

    Assunto

    Ttulo

    A justificao do texto pode provocar o

    efeito desagradvel conhecido por dentes de

    cavalo ou rios. Para evitar este efeito, deve-

    se alinhar o texto esquerda, no sendo de

    descorar tambm o alinhamento direita.

    Aproveitando a oportunidade, peo a

    vossa ateno para que leiam e sigam os

    princpios transmitidos neste documento.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    4. no variar a dimenso das letras.

    A menos que seja por razes expressivas, no

    se aconselha o alargar ou esticar as letras.

    Aproveitando a oportunidade, peo a vossa

    ateno para que leiam e sigam os princpios

    transmitidos neste documento.

    aconselhado no aconselhado

    A menos que seja por

    razes expressivas, no

    se aconselha o alargar

    ou esticar as letras.

    Aproveitando a oportunidade, peo a vossa ateno para que leiam e sigam os princpios transmitidos neste documento.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios detiPografia

    Pergunta: nunca se violam estes princpios?

    A resposta sim, mas apenas em determinadas situaes e com muita atenoeficciadoresultadoobtido.Porexemplo:quandohavontadededarexpressoeacentuarsignificadosatravsdatipografiaouseja,emsituaesondesepretendequeatipografiaganhe iconicidade.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decomPosio

    visual

    3. Princpios de coerncia e unidade visual

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decoernciAe UnidAde

    VisUAL

    A coerncia e a unidade visual de uma composio existe quando, se respeitam,emvriosnveisdalinguagemvisual,oselementosgrficosutilizados:

    1.Aonveldatipografia;2.Aonveldarelaodalinguagemtipogrficacomalinguagemdaimagem;3.Aonveldalinguagemgrficaeformalutilizada;4. Ao nvel da relao decoresentretipografia,elementosgrficoseimagens.

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decoernciAe UnidAde

    VisUAL

    1. Ao nvel da tipografia

    Emqualquertrabalhodecarctergrficocomoumgenrico,porexemplo,deveoptar-seporumafonteeus-ladoprincpioaofim(vergenricosrierome).variarafonteaolongodotrabalhoquebraaunidadevisual,oquedivideodiscurso,dificultandoaleituraeacompreenso.Por outro lado, a mudana de fonte e a consequente quebra de unidade, podeserusadaparacriardoisoutrsmomentosdistintos(vergenricofilmeSnatch.).

    vergenricodasrieromehttp://www.youtube.com/watch?v=eddPdldiH_E

    vergenricodofilmeSnatch.http://www.youtube.com/watch?v=mpgtn-Z6WbA

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decoernciAe UnidAde

    VisUAL

    2. Ao nvel da relao da linguagem tipogrfica com a linguagem da imagem

    Quando num videoclip,porexemplo,seusamelementosgrficoscomumalinguagemmuitoespecfica,adequaratipografiaaessalinguagemumaforma de fazer com que a composio visual seja mais coerente no seu todo, reforando a sua identidade visual.

    vervideoclipmoveyourfeethttp://www.youtube.com/watch?v=SPlQpgetbiE

  • Laboratrio I - 2013/2014Prof. Rui Esprito Santo.

    [email protected]

    PrincPios decoernciAe UnidAde

    VisUAL

    2. Ao nvel da relao da linguagem tipogrfica com a linguagem da imagem

    Outra forma de adaptar as duas linguagens, analisando o aspecto formal doselementosgrficoseprocurarfontescujodesenhotenhaasmesmascaractersticas formais, visuais e cromticas.

    Texto

    Texto

    Texto

    Te