Upload
trinhbao
View
219
Download
0
Embed Size (px)
Citation preview
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: