os 15 mandamentos da direção de arte - design- alumni espm

10/12/2014 Os15mandamentosdadireodearteDesignAlumniESPM

http://www.alumniespm.com.br/impressao/os15mandamentosdadirecaodearte/ 1/8

Endereodestapgina:http://www.alumniespm.com.br/os15mandamentosdadirecaodearte/

Os 15 mandamentos da direo de arteHmuitotempoatrs,naterraqueumdiafoisanta,iradocomasburradasdaraahumana,Deusresolveuescrevernumatabuladepedraasleisfundamentaisparaoconvvioharmoniosoentreoshomensdeboavontade.Assimnasciamosdezmandamentos.Delprac,muitagentejplagiouaidia,criandoosdezmandamentosdissoedaquilooutro.Spranoperderocostume,resolvicriarestahumildeverso,nocom10,mascom15tpicos.Longedequererconstruirumalegislaoortodoxaouirrefutvel,reuniaquialgumasdicasconstrutivasesincerasparaosmeusalunosqueseenveredamnouniversodadireodearte.Seguindoascomcoerncia,ouatviolandoasporummotivovlidoeconsciente,vocspoderoseguirmaisfirmespelocaminhodacriao,semaculpadetercometidoospecadosmaiscomunsnomundodaartepublicitria.Boaleituraequeeacriatividadeeobomsensoestejamsempreconvosco.

1.Jamaisesquecersqueacriaocomeapeloconceito

Comeocomumadicaqueservetantopararedatoresquantodiretoresdearte.Nemadiantacomearatrabalhar,sejacriandottulosouelaborandoumlayout,serterumconceitocriativodefinidonacabea.Tudocomeapelobriefing.Neleestdescritooobjetivodacomunicao.Senoest,afalhajcomeoulnoatendimento.Depoisdelerobriefing,pesquisarsobreoprodutoouservio(nuncaaceiteainformaoqueumatendimentolhepassacomoverdadeabsoluta),entendersuanaturezaefuncionamentoefocarseusesforosnoobjetivodaquelacampanha,vocdevetransformartudoissoempeaspublicitrias.Ouseja,dizertudoaquilodaformamaisbreveesurpreendentepossvel.

2.Nopularsaspreliminaresantesdechegaraogozo

Calmaaqueeuexplico.Criaocomosexo.Prachegaraopiceprecisodeestmulos.Parasechegaraoorgasmocriativo,precisotambmdeumasriedepreliminares.Aprimeiradelasobrainstorm.



Aquelebatepapoinformalemqueaequipediscuteoproblemaepepraforatodaequalqueridiaquelhesvmcabea.ahoradovaletudo.Aquinopodetercensura.Enempenseemseaproveitarparadetonarasidiasdasuacolegaloira.Aofimdaorgiamental,nomeiodetantasidias,devehaverpelomenosumalegal.Avalepena,umanovadiscussoparaaprimorlaesento,vocdeveseaproximardomaiorobjetodedesejodequalqueraluno:ocomputador.

3.Utilizarscomsabedoriaepropriedadeograndepoderdascores

Assimcomonatipografia,muitocomumoalunoselimitarsopesdaspaletasdosoftware.Oolhohumanocapazdeperceber16milhesdetonalidadesdiferentes!Comovocpodeselimitaraalgumasdezenasdelas?Aoinvsdapaletautilizeoseletordecores,ondevocpodedeslizarporentreelas,descobrindotonalidadesoriginaisesurpreendentes.comprovadocientificamente:ascoresafetamoestadoemocionaldaspessoasdeformadireta.Utilizeessepodereuseascoresparadespertaremoesnoseupblicoalvo.Estudandoapsicodinmicadascoreseatobservandoasreaesdesencadeadaspelascoresemsiprprio,vocvaiperceberqueacoradequadamensagemeaopblicopodegarantirosucessodoseutrabalho.Porexemplo:vocjpensouemumannciovoltadoparaopblicojovemtrabalhadocomcoresfriasoutonspastis?Nadaaver,n?Eocontrrio:umannciosrioparaexecutivoscomcoresradicais?Tambmnocola!Pensemnissoantesdeclicarnapaletaounoseletor,depreferncia.

4.Nodistorcersfontesouimagens

Aoselecionarmosumobjetoemumprogramadecomputaogrfica,automaticamentesurgemalasaoseuredor.Parafonteseimagensaregraumas:amplieoureduzaoelementosomentepelasalasdasquinas.Assim,elestmassuasproporesrespeitadasaoseremampliadosoureduzidos.Fontesouimagens"esticadas"ou"achatadas"soumverdadeiroatestadodeamadorismoegarantoque,paraamaioriadosdiretoresdecriao,motivodedemissoporjustacausa.

5.NoselimitarsFonteDefault

Tipografiapersonalidade.Escolherafonteidealparaumttulo,paraumblocodetextoouparaonomeoudescritivodeumalogomarcaumatarefaqueexigesensibilidade,critrioeconscinciadaidiaaser



transmitida.Portanto,noselimite,porpreguiaoucomodismo,schamadas"fontesdesistema"(aquelasquejvmembutidasnoWindows)comoa"TimesNewRoman","Arial"ou"Verdana".Ouaindaasfontes"default"aquelasqueosprpriossoftwaresaplicamquandovocdigitaumtexto(AvantGarde,nocasodoCorelDraw).Pesquiseebusquenovasopes(aInternetestaapraisso)efaaoseuprprio"fontfolio",organizandofontesnovasediferentesemumCD.

Maslembrese.Noadiantaserdiferentesporserdiferente.Lembresesempredoscritriosparaautilizaodetipos:legibilidade(denadaadiantaumafontetransadasenodleitura),adequaomensagemeaopblicoalvo(tiposdescontradosparaannciosjovens,clssicosparaannciossofisticadoseobjetivosparaannciostcnicos,porexemplo.),adequaoaomeio(umoutdoorprecisaderpidavisualizaoe,conseqentemente,fontessemserifamasfontesserifadaspodemsermuitobemvindasnumanncio,porexemplo)ehistriadotipo(saberqueaEdwardianScriptinspiradanaescritacursivadoperodoEduardianoinglsequeaVerdanafoicriadaespecificamenteparatelasdecomputadoressodadosbemelucidativosnahoradeutilizlas,no?).Senofimdascontas,poralgumdessestrscritrios,vocachouqueaTimesouaArialamelhorescolha,asim,vocvaiterumaboarazoparauslas.

6.NoseobssecarspelaComicSans

EstaumfenmenotoinexplicvelquantoosgarfosentortadospeloUriGuellernoFantstico(umguruqueentortavatalherescomopoderdamentenosanosoitenta).PorqueraiostodoestudantetemumaatraofatalpelaComicSans?Vamosfalarumpoucosobreessafontetoamadaporvocs?AComicSansassimchamadapelofatodetersidoinspiradanatipografiadashistriasdequadrinhos(dao"comic")epornoterserifas(dao"sans"ou"sem"emlatim:semserifas.).Enfim,umafontedescontrada,inspiradanouniversoadolescentedasHQs.AvemoPedrinhotascandolheComicSansnoannciodohospital,MariazinhaenfiandoComicSansnoanncioparaoempreendimentoimobilirio...P,assimnod!Eosquatrocritriosforampararaonde?melhornemresponder.

7.Noampliarsimagensdeformaindiscriminadas

Umaimagemdigitalformadaporpequenasunidadeschamadasdepixels(pictureelement).Quantomaisampliamosumaimagemmaistornamosos



seuspixelsaparentes.comoseanalisssemosumaamostradesangueaomicroscpio.Aolhonusvemosumlquidoencorpadoevermelho.Mas,atravsdalente,vemosumasriedepequenaspartculasqueocompem.OerromaiscomumnessecasocopiarumaimagemdaInterneteamplilaindiscriminadamente.AsimagensdaInternetsotratadascomresoluomnimaparaqueossitessetornemmaislevesefuncionais.Sevocprecisadeumaboaimagemparalayout,existemduassoluesbsicas.Aprimeirasoosbancosdeimagem.Elesdisponibilizamimagensparafinspublicitriosemresoluesideaisparaoseulayout(quandooclienteaprovaolayouteessevaiserproduzido,necessriocomprarafotoeobteroarquivoemaltaresoluo).AsegundasoluoapesquisaavanadadoGoogle.Aoclicarnolink"imagem",surgeaopo"pesquisaavanadadeimagem".Umasegundapginapermiteselecionaralgunsparmetrosdebuscadeimagens.Selecionetamanhograndeeoresultadoseroimagensnotamanhode"papeldeparede",oquesignificaumatimaresoluoparalayoute,comumpoucodePhotoshop,atmesmoparaprimpresso.Lembrequelayoutssoimpressosemjatodetintaouemlaser(copiadoras).Nessescasos,suficienteumaresoluode150dpinotamanhofinalparaumbomresultado.

8.Noabandonarsaimagemperdidanomeiodolayout

OK,vocencontrouaimagemperfeitaparaasuaidia.Eomelhor:aresoluoesttimaparalayout.Masoscuidadosnoterminama.muitocomumoalunosimplesmente"largar"aimagemnomeiodapea,comosesuasimplespresenajfosseosuficienteparagarantirumaboacomposio.Assimcomoatipografiaouascores,asimagenssoelementosgrficos.E,comotodoelementogrfico,precisamestaremharmoniacomosdemaisenoperdida,semnenhumelodeligaocomorestantedolayout.Existemalgunsrecursosbsicosparanodeixaraimagemcomoaquele"retngulo"perdidonomeiodapea.Experimenteampliaraimagematqueelasetorneoprincipalelementodoseulayout(nessecaso,cuidadocomaresoluo).Ouento,utilizeorecursodetransparnciaparacriarumatransiosuaveentreaimagemeofundo,evitandocortebruscoentreaimagemorestantedolayout.Ouainda,tenteumcortediferenteparaaimagem,comoumacurva(nocasodeumacomposiomaisfeminina)ouumpapelrasgado(paraumapeamaisjovemedescontrada).Enfim,soapenasalgumaspossibilidadeseessaquestocomoNeston:existemmilmaneirasderesolver,inventeasua.

9.RespeitarsaHierarquiadoselementos



Atravsdacomposiovisual,vocpodeguiaroolhardoespectadorouasualinhadeleitura.Dmaisdestaqueaoselementosprincipaisemenosdestaqueaoselementossecundrios.Parecebvio,masmuitocomumentreaproduodeestudantes,annciosondeafontedottulotemomesmocorpoqueafontedotexto.Oquedeveatrairminhaatenoprimeiro?Aordemmaisconvencionalimagemttulosubttulotextoassinatura.Portanto,respeiteessahierarquiaedacadaumdoselementososeudevidopesoelugarnoanncio.Emaisumavez:podesubverteraregra,masdesdequetenhaumaboarazoparaisso.

10.Noreduzirsalogomarcadoclienteap

Amarcanooprincipalelementoemumapeapublicitria.Numalgicaconvencional,primeirovemaimagemeottulodisputandooprimeirolugar.Emsegundoosubttulo,quequasesempreexplicaejustificaumttulocriativo.E,porfim,oconsumidorchecaquemqueassinaapeaoualogomarcadoanunciante.Umalendamuitoantigadizquealogomarcapequenamaiselegante.Maspequenanosignificailegvel.Dmarcaumpesojusto.Torneavisvel,massemesquecerahierarquiaentreoselementos.Existemanunciantesquejpossuemumaidentidadevisualtofortequepodemsedaraoluxodeassinarapenascomosmbologrfico,comoaNike,porexemplo.Mas,agrandemaioriadosanunciantesnodesfrutadessepoderenecessitam,portanto,quesuamarcasejafacilmentevisvelnaspeaspelasquaiselespagamcaro.

11.Noesquecersqueailustraotambmumcaminho

Apropagandaestredescobrindoailustrao.Atosanos50,ailustraoreinavaabsolutanapropagandaimpressadomundointeiro.Masquandoosmtodosdereproduofotogrficasetornaramacessveis,areaonaturaldosdiretoresdeartefoitrocartodasasilustraespelopoderdepersuasodaimagemreal.Assim,ailustraofoiquasebanidadapropaganda.Mas,apartirdofinaldosanos80,ospublicitriosredescobremqueilustraotambmbacanaequeelapodeaindaserumaopodiferentee,paradoxalmente,inovadoranummundodominadopelaimagemfotogrfica.Ailustraotemumcarterldico,oucomodizempora,umamagiamuitoprpria.Cabeaodiretordearte,comseubomsenso,escolherentreilustraoouimagem.Optandopelaprimeira,muitoimportanteatentarparaoseuestiloouoseu"trao".Asilustraespodemserrealistas,cmicas,estilizadas,terumtraosriooudescontrado,porexemplo.



Pesquisediversostiposdeilustraoeencontreaquelequemaisseidentificacomamensagemeopblicoalvodasuapea.

12.Consumirsinsaciavelmenteculturaeinformao

Umpublicitriononadasemculturaeseminformao.Principalmenteumcriativo.AgrandeidiasurgeexatamentenomomentoemquevocconfrontaasinformaesdobriefingcomasinformaeseabagagemculturalgravadasnoHDdocrebro.Dessasassociaessurgeamgicadasgrandessacadas.Cinema,teatro,livro,exposiesemsicadetodososgnerossoitensindispensveisasuasobrevivnciaprofissional(Issonoparecenadamal,hein!).Enovemcomessahistriadequeagranaestcurta,porquebiblioteca,Internet,mp3eospiratascamelsestoapraisso.Masnobastavereouvir.precisointerpretarerefletirsobreoquefoivisto/ouvido.SejaaexposiodeartecontemporneaouonovofilmedoHomemAranha.Estejaatentosinformaesaoseuredoreaprendaaveromundoalmdasuperfcie.

13.Aprendersaverantesdefazer

Todomundosabequepraserumbomescritorprecisoantesserumbomleitor.Damesmaforma,paraserumbomdiretordearteprecisoconsumirmuitadireodearte.Daboa,claro.VejaoqueosgrandesdiretoresdearteestofazendonoBrasilenomundo.Astendncias,osestilos,osnovosrecursosgrficos.ArmazeneessesdadosnoHDdocrebro.Elesseroassuasrefernciasouoseu"repertriovisual".Aindaquenocomeovocterminecopiandooestilodosseusfavoritos(sim,tambmjcopieiosmeusmestres),logovocdescobriroseuestiloprprioepodersetornarrefernciaparaoutrostantosqueaindasurgiro.Porisso,olhonasrevistasejornaisbrasileirosegringos.Algunscaminhos?RevistaVeja(osmaioresanunciantesdopasestol),RevistadaMTV(tudooquehdeinovadorterminapublicadol),Archive(alemcustacaro,mascolocavoclnafrenteemmatriadetendncia)eosjornaisdasuacidade(prasaberoqueandaacontecendonoquintaldecasa).Spracomear.

14.Respeitarsosmaisvelhos

EssaatparecequesaiudatabuladoMoiss.Porm,maisporespertezadoqueporobedincia,escuteoqueosdiretoresdeartemaisexperientestmalhedizer.Estcerto,ocarapodeterdezanoseumtalentoapenasmediano.Masaindaassimsuaexperinciavaliosa.Suabagagem



profissionalfazcomquesaiba,porexemplo,quetextopretonofundocianoomaior"esparro"pelapssimalegibilidade.Eumconselhodessespodelhetirardeumabaitafria.Commeus10anosdeprofisso,nomesintoodonodaverdadeeescutoasobservaesatdamoadocafezinho.Pois!Elapblico.Antesdedizerquena"sua"peaningummeteamo,escuteasopiniesdosseuscolegas,damoadocafeat(duro,eusei)doatendimento.Reflitasobreelase,decabeafria,aproveiteasmaiscoerentesedescarteasimprprias.

15.Experimentedevezemquandodesobedecertodoequalquermandamento

"U?ocaraendoidou!",devemestarpensandovocs.Masumdosgrandestrunfosdadireodearteedequalqueroutrotrabalhocriativoainovao.Eparaalcanla,svezesnecessrioirdeencontrosregraseconvenes.Mas,comosempredigo,paraquebrarumaregraprecisoconheclaprofundamente.Asim,estaremosquebrandoaregradeumamaneiraconscienteeinovadoraenopelofatodenoconheclaou,emoutraspalavras,pelasimplesignorncia.

EsperandosinceramentequeestamodestacontribuiosirvadeorientaonocaminhoatotrabalhosottulodeDiretordeArte,aproveitoparalembrarqueconhecimentonuncademais.Esemuitosconsideramqueotrabalhodedireodearte90%feeling,arriscariameadizerquenesses10%restantes,apartedoconhecimento,quepodeseesconderograndediferencialnummercadocadavezmaisdisputado.Esparanosairdoclimabblico,diriaqueparans,profissionaisdecomunicao,soconhecimentosalva!

Descritivo:adescriodoprodutoouserviorepresentadoporumalogomarca.Situase,geralmente,logoabaixodaprprialogomarca.Exemplo:ParasoTropicalRestaurante.Logoabaixodalogomarca(ParasoTropical),vem,emmenordestaque,apalavra"restaurante",descrevendooproduto"ParasoTropical".Importantenoconfundirdescritivocomslogan.Esteltimoumasentenadeefeito,quevisadestacaralgumatributooudiferencialdoproduto/servioenoapenasdescrevlo.Exemplo:VISA.Porqueavidaagora.VISAumamarcaquedispensaumdescritivo,masutilizasseum,seriaalgocomoVISA.CartesdeCrdito.

CoresSistemas



Existembasicamentequatrosistemasdecoressuadisposio:CMYK,RGB,HexadecimalePantone.Comoequandousarcadaum?Vamosprimeirodividilosemdoisgrupos:RGBeHexadecimalsosistemasdecorluz,usadasparasuporteseletrnicoscomoosmonitores,sendoqueosistemahexadecimalusadoespecificamenteparaaprogramaodewebsites.JoCMYKeoPantonesosistemasdecorpigmento.TudoaquiloqueimpressodeveserbaseadoemCMYK.EaescalaPantoneumaespciedecodificaodascores,quegaranteomximodefidelidadenahoradaimpressoprofissional.

os 15 mandamentos da direção de arte - design- alumni espm

Documents