02/09/16

1

Aula06PrincípiosdoDesign

FATEC–ITU–CursoSuperiordeTecnologiaemEventosDisciplinaDesignGráficoProf.Ms.LucianePanisson

PRINCÍPIOS DO DESIGN

•  SãoconceitosquedescrevemaqualidadeestéNcadotrabalho.Sãodefinidosatravésdemuitosmétodoscapazesdeorganizaroselementosdentrodeumespaçopré-determinadoparaquefiquemvisualmenteagradáveis.

•  FATEC–ITU–CursoSuperiordeTecnologiaemEventos•  DisciplinaDesignGráfico•  Prof.Ms.LucianePanisson

02/09/16

2

Alinhamento Oalinhamentotrazordemaocaos,ajudaaorganizaritenssimilares,criagruposeconexõesvisuais.Bomalinhamentodevepassardespercebidopeloobservador,jáummalalinhamentofazoerro(intencionalounão)muitovisível.Afaltadealinhamentocriaumvisualdesleixadoedesorganizado,assimcomomisturarváriosalinhamentosdiferentes.Noentanto,nãoéerradoquebraroalinhamentodepropósitoafimdecriartensãoouchamaraatençãoparaalgumelementoespecíficonapágina.

02/09/16

3

Contraste Ocontrasteocorrequandodoiselementossãodiferentes,equantomaioradiferençamaiorocontraste.Adicamaisimportanteéfazercomqueadiferençasejaóbvia-poucadiferençapodedaraaparênciadeserumerroporpartedodesigner.Osmétodosmaiscomunsdecontrastesãocriardiferençasemtamanho,valor,coreNpo.UNlizamosocontrastenodesignparadarênfaseaoqueémaisimportanteouparadirecionaroolhardoobservador.Emumapáginasemcontrasteoupoucocontraste,oleitornãosabeporondecomeçar.Mascuidado:épossívelexagerarnocontraste,entãovocêdeveusá-locomcuidado.Setodososelementosgeraremcontraste,oobservadornãovaisaberporondecomeçar.

Contraste

Acombinaçãodediferenteselementosdodesignparadestacarsuasdiferençase/oucriarequilíbrio:

02/09/16

4

Proximidade Quandoumobservadorencontravárioselementosemumapágina,océrebrodeleautomaNcamentevaitentarassociarconexõesaeles.OdesignerpodeuNlizaristoaseufavor,arranjandoobjetos(textose/ouimagens)emgruposparaajudaracriarumsignificadoemelhordisseminaramensagem.Istochama-seproximidade.Aproximidadecriaumvínculoentreoselementosdeumapágina.ObjetospróximosunsdosoutrossugeremalgumNpoderelacionamento,jáseesNveremmaislongeumdosoutrospodesugerirdiferença.Umexemplodistoseriamparágrafosdeumtexto:frasesemummesmoparágrafosimbolizamquefazempartedamesmalinhadepensamento,eemoutroparágrafosugereumamudançadestalinha.

Repetição Peguequalquerrevista.Vocêvaivercomoolayoutserepetemuitasvezes,seguindoumcertopadrão.Algumaspáginastemomesmonúmerodecolunas,asfotosficamnamesmaposiçãooudiferemumpouco,elementosvisuais(comoonúmerodaspáginasouoassuntodaquelacoluna)serepetememtodasaspáginas.Manterumaconsistênciavisualquandoumtextoseexpandeporváriaspáginasajudaaaumentaralegibilidade.RepeNrelementosgráficosouatémesmoumlayoutinteiroajudaamanterumaexperiênciaconsistenteemtodososseustrabalhos.

02/09/16

5

Balanço Nogeral,nossosolhosficammaisconfortáveiscomlayoutsbalanceadosondeosgráficosnãosubjugamotextoeapáginanãotendeaparecerdesequilibrada.SãotrêsNposdebalançonodesign:SimétricoAssimétricoRadialTodoelementográficotemumpesoecabeaodesignersaberbalancearele.Vejanoexemploabaixocomoafaltadebalançofazodocumentopuxarparaumlado:

Equilíbrio

Oequilíbriocomoumprincípiododesign,organizaoselementosvisuaisemumarranjoesteNcamenteprazeroso:

02/09/16

6

Unidade

Unidadesignificaaharmoniadeumacomposiçãocomoumtodo.Aspartesdeumacomposiçãofeitasparatrabalharemjuntascomoumtemavisualtotal:

Unidade

02/09/16

7

Ênfase

Criaumpontofocalnodesign;écomotrazemosatençãoparaoqueémaisimportante:

Ênfase

02/09/16

8

Hierarquia

Hierarquiavisualéaordemnaqualoolhohumanopercebeoquevê.Estaordemécriadapelocontrastevisualentreasformasemumcampodepercepção:

Hierarquia

02/09/16

9

Movimento

AmaneiraqueoarNstadirecionaoolhardentro,aoredoreatravésdeumacomposição:

Proporção

Proporçãorefere-seaotamanhorelaNvoeaescaladevárioselementosnodesign.Aquestãoéarelaçãoentreobjetosoupartesdeumtodo:

02/09/16

10

Proporção

Ritmo

OritmoéarepeNçãodomovimentodascores,formas,valores,espaçosetexturasdeumelemento:

02/09/16

11

Espaço

Espaçoéumaáreavazianasuperlcieinteriorouaoredordeumtrabalhodearte.Espaçopodeserbidimensional,tridimensional,negaNvoe/ouposiNvo: