Análise	
  de	
  representações	
  gráficas	
  	
  
de	
  um	
  evento	
  dinâmico	
  complexo:	
  	
  
gol	
  de	
  futebo...
Representa?on	
  	
  
of	
  dynamic	
  events	
  
	
  
Demonstra@on	
  of	
  how	
  a	
  
dynamic	
  and	
  complex	
  
ev...
The	
  “perfect”goal	
  
	
  
•  Elected	
  by	
  the	
  Associa@on	
  of	
  Football	
  Sta@s@cians	
  	
  	
  	
  	
  
4...
Summary	
  
1.  Infographics	
  
2.  Granurality	
  
3.  Mo@on	
  proper@es	
  
4.  Types	
  of	
  representa@on	
  	
  
5...
1.	
  Infographics	
  	
  
	
  
	
  
Journalis?c	
  infographics	
  (LIMA,	
  2009)	
  
Graphic feature that uses verbal, schematic and pictorial
graphic langu...
Modes	
  of	
  symboliza?on	
  (TWYMAN,	
  1979)
Verbal/numeric Pictorial Schema?c
WriVen	
  text	
   Figura@ve	
  and	
  ...
Text	
  as	
  diagram	
  (Rob	
  Waller,	
  1985)
The reading strategy can be developed in a non-linear
fashion, so that t...
It differs from traditional iconography by the possibility to
behave as the main source of information on the page.
Ilustração Gabriel Silveira
Projeto gráfico Diego Sanches
Texto Luiz Fujita
2.	
  Granurality	
  
	
  
	
  
 	
  
	
  	
  
	
  	
  
Granularity	
  (SOUZA,	
  2008)	
  
	
  
	
  How	
  many	
  pictures	
  	
  
represent	
  a	
  dyn...
20	
   21	
   22	
   23	
  
20	
   21	
  
20	
   23	
  
3.	
  Mo?on	
  
proper?es	
  	
  	
  
	
  
!
Trajectory	
  	
  
is the imaginary path that traces a
moving body through space	
  
Displacement	
  	
  
refers to the ...
Direc?on	
  
Trajectory	
  
Displacement	
  
5.	
  Representa?on	
  	
  
types	
  
	
  
4.	
  Types	
  of	
  
	
  representa?on	
  
	
  
Types	
  of	
  respresenta?ons	
  	
  
	
  
Pictorial	
  graphic	
  representa@on	
  may	
  be	
  	
  
more	
  or	
  less	...
Graphic	
  metaphor	
  	
  (RICHARDS,	
  1984)	
  (ENGELHARDT,	
  2002)	
  (LIMA,	
  2009)	
  (McCLOUD,	
  1995)	
  	
  
Verbal	
  
Jorge	
  Curi,	
  	
  Rádio	
  Globo,	
  México,	
  21	
  de	
  junho	
  de	
  1970	
  
Schema?c	
  
Schema?c	
  
!
Pictoric	
  
Verbal	
  and	
  pictoric	
  
Verbal	
  and	
  pictoric	
  
Graphic	
  conven@ons	
  for	
  soccer	
  goals	
  infographics	
  
by	
  the	
  brazilian	
  designers	
  Gepp	
  and	
  ...
5.	
  Design	
  
process	
  	
  
	
  
!!
Work	
  methodology	
  in	
  daily	
  newspapers	
  
!
Graphic	
  conven?ons	
  of	
  “Gol	
  da	
  Rodada”	
  
Graphic	
  conven?ons	
  of	
  “Gol	
  da	
  Rodada”	
  
Graphic	
  conven?ons	
  of	
  “Gol	
  da	
  Rodada”	
  
Agents	
  of	
  the	
  ac?on	
  
	
  
Players	
  from	
  both	
  ...
6.	
  Final	
  
considera?ons	
  	
  
	
  
	
  
Final	
  considera?ons	
  
Choosing	
  the	
  moment	
  of	
  the	
  goal:	
  	
  
individual	
  or	
  team	
  ac@on;	
  
...
Bibliography	
  
LIMA,	
  Ricardo	
  Cunha.	
  Análise	
  da	
  infografia	
  jornalís@ca.	
  2009.	
  143	
  f.	
  Dissert...
Thank	
  you!	
  
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Infographics of the perfect goal (CIDI 2013)
Upcoming SlideShare
Loading in …5
×

Infographics of the perfect goal (CIDI 2013)

680 views

Published on

Demonstration of how a dynamic and complex event, a soccer game, can be represented in various ways, and how they can emphasize or diminish the importance of particular aspects of the event.
To view the video of the presentation at CIDI 2013:
hpps://vimeo.com/75741438

Published in: Design, Sports, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
680
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Infographics of the perfect goal (CIDI 2013)

  1. 1. Análise  de  representações  gráficas     de  um  evento  dinâmico  complexo:     gol  de  futebol     José  Marconi  Bezerra  de  Souza  (PhD.)   Universidade  Tecnológica  Federal  do  Paraná     Analysis  of  graphic  representa?ons   of  a  dynamic  and  complex  event:     the  soccer  goal   Ricardo  Cunha  Lima  (MSc.)   Escola  Superior  de  Desenho  Industrial  /  UERJ  
  2. 2. Representa?on     of  dynamic  events     Demonstra@on  of  how  a   dynamic  and  complex   event,  a  soccer  game,  can   be  represented  in  various   ways,  And  how  these  can   emphasize  or  diminish  the   importance  of  par@cular   aspects  of  the  event.   To  view  the  video  of  the   presenta?on  at  CIDI  2013:   hGps://vimeo.com/75741438    
  3. 3. The  “perfect”goal     •  Elected  by  the  Associa@on  of  Football  Sta@s@cians           4th  goal  for  Brazil  in  the  finals  of  the  1970’s  World  Cup   •  8  players   •  Dribbling,  6  @mes   •  9  passes   •  1  aVempt  to  steal  the  ball   •  1  kick  for  the  goal  
  4. 4. Summary   1.  Infographics   2.  Granurality   3.  Mo@on  proper@es   4.  Types  of  representa@on     5.  Design  process   6.  Final  considera@ons    
  5. 5. 1.  Infographics        
  6. 6. Journalis?c  infographics  (LIMA,  2009)   Graphic feature that uses verbal, schematic and pictorial graphic language (cumulatively or alternatively), aimed primarily at explaining some phenomenon. Jornal 24horas Carlos Monteiro Ricardo Santos
  7. 7. Modes  of  symboliza?on  (TWYMAN,  1979) Verbal/numeric Pictorial Schema?c WriVen  text   Figura@ve  and  abstract   Marks  that  are  not  words,    numbers  or  pictures   •  Tipography   •  WriGen  text   •  LeGering,  etc.   •  Figura?ve  drawings   •  Abstract  pain?ngs   •  Photography,  etc.   •  Diagrams   •  Geometric  forms   •  Graphs,  ect.  
  8. 8. Text  as  diagram  (Rob  Waller,  1985) The reading strategy can be developed in a non-linear fashion, so that the reader is not forced to follow a linear reading path in a plain text.   Linear  text Non-­‐linear  text
  9. 9. It differs from traditional iconography by the possibility to behave as the main source of information on the page.
  10. 10. Ilustração Gabriel Silveira Projeto gráfico Diego Sanches Texto Luiz Fujita
  11. 11. 2.  Granurality      
  12. 12.             Granularity  (SOUZA,  2008)      How  many  pictures     represent  a  dynamic  event?    
  13. 13. 20   21   22   23  
  14. 14. 20   21  
  15. 15. 20   23  
  16. 16. 3.  Mo?on   proper?es        
  17. 17. ! Trajectory     is the imaginary path that traces a moving body through space   Displacement     refers to the distance between an object and its original position, that is, the change in position of the object in a given space   Direc?on   is the path taken by an object moving relative to the point at which it is moving Movement  (SOUZA,  2008)    
  18. 18. Direc?on  
  19. 19. Trajectory  
  20. 20. Displacement  
  21. 21. 5.  Representa?on     types     4.  Types  of    representa?on    
  22. 22. Types  of  respresenta?ons       Pictorial  graphic  representa@on  may  be     more  or  less  literal  or  more  or  less  figura?ve  .  
  23. 23. Graphic  metaphor    (RICHARDS,  1984)  (ENGELHARDT,  2002)  (LIMA,  2009)  (McCLOUD,  1995)    
  24. 24. Verbal   Jorge  Curi,    Rádio  Globo,  México,  21  de  junho  de  1970  
  25. 25. Schema?c  
  26. 26. Schema?c   !
  27. 27. Pictoric  
  28. 28. Verbal  and  pictoric  
  29. 29. Verbal  and  pictoric  
  30. 30. Graphic  conven@ons  for  soccer  goals  infographics   by  the  brazilian  designers  Gepp  and  Maia  :   ! Gepp  e  Maia     Arrows  to  guide     the  narra@ve;     Colors  and  symbolic   forms  to  differen@ate  the   seman@cs  of  the  teams;     Dynamic  pictorial   representa?ons  that   suggest  the  specific   movements  of  players;     Delimi?ng  the  space  of   the  football  field  from  the   perspec@ve  of  the  observer   of  the  scene;     Verbal  descrip?on     of  the  scene   Verbal,  schema?c  and  pictoric  
  31. 31. 5.  Design   process      
  32. 32. !! Work  methodology  in  daily  newspapers  
  33. 33. ! Graphic  conven?ons  of  “Gol  da  Rodada”  
  34. 34. Graphic  conven?ons  of  “Gol  da  Rodada”  
  35. 35. Graphic  conven?ons  of  “Gol  da  Rodada”   Agents  of  the  ac?on     Players  from  both  teams   and  the  goal  keeper   Varie?es  of  ac?on  (player)     Seman?cs  of  the  arrow     Displacement     of  the  ball   Displacement     of  the  player  
  36. 36. 6.  Final   considera?ons        
  37. 37. Final  considera?ons   Choosing  the  moment  of  the  goal:     individual  or  team  ac@on;     Pictorial  representa?ons:     player  iden@fica@on  and  the  intent  of  their   movements,  enriching  the  seman@c  poten@al;   Reduc?on  details:     Focus  on  the  analy@cal,  tac@cal  and  proac@ve     character  of  the  play,  ac@on  and  speed  is  represented   by  symbols  of  future  ac@ons.  
  38. 38. Bibliography   LIMA,  Ricardo  Cunha.  Análise  da  infografia  jornalís@ca.  2009.  143  f.  Dissertação  (Mestrado  em  Design)  –  ESDI/UERJ,  Rio   de  Janeiro,  2009.   MADDEN,  M.  99  Ways  to  Tell  a  Story.  London,  UK.  Jonathan  Cape.  2006.  208  p.   McCLOUD,  ScoV.  Desvendando  os  quadrinhos.  São  Paulo:  M.  Books.  1995.   October  Films;  Associa@on  of  Football  Sta@s@cians.  THE  WORLD  CUP  WONDER  GOAL  OF  ALL  TIME.  “Five”  em  7  de  junho   de  2006.   QUENEAU,  R.  Exercícios  de  es@lo.  Rio  de  Janeiro,  Brasil:  Imago.  1995.  184  p.   RICHARDS,  Clive.  2000.  Gesng  the  picture:  diagram  design  and  the  informa@on  revolu@on.  Informa@on  Design  Journal,   v.9,  n.2/3:  87-­‐110.   SOUZA,  J.  M.  B.  Towards  the  op?miza?on  of  soVware  instruc?onal  demonstra?ons  –  The  effects  of  visual   representa@ons  of  opera@onal  informa@on  and  interac@on  on  users’  performance  and  judgments.  Tese  (PhD)  –   Department  of  Typography  &  Graphic  Communica@on,  University  of  Reading,  2008.   ______;  DYSON,  M.  Are  animated  demonstra@ons  the  clearest  and  most  comfortable  way  to  communicate  on-­‐screen   instruc@ons?  In:  Informa?on  Design  Journal.  Vol.  16.  2008.  p.  107-­‐124.   ______;  LIMA,  Ricardo  Cunha.  O  design  de  gráficos  auxiliares  na  representação  de  movimento  para  fins  instrucionais.  In:   9o  Congresso  Brasileiro  de  Pesquisa  e  Desenvlvimento  em  Design  2010,  2010,  São  Paulo.  Anais  do  9o  Congresso   Brasileiro  de  Pesquisa  e  Desenvlvimento  em  Design  2010.  São  Paulo:  Blucher,  2010.  p.  583-­‐595.  9.   TUFTE,  Edward.  Beau@ful  Evidence.  Graphics  Press,  2006.   TWYMAN,  Michael.  A  Schema  for  the  Study  of  Graphic  Language.  KOLERS,  P.A.  &  WROSTAD,  M.E.  &  BOUMA,  H.  (Eds.),   In:  The  Processing  of  Visible  Language,  vol.  1,  Plenum,  New  York,  pp.  117–  150.  1979.                                                                                                                                 ______  Using  pictorial  language:  a  discussion  of  the  dimensions  of  the  problem.  In  T.  M.  Duyy  and  R.  Waller  (eds.)   Designing  usable  texts.  Orlando,  Florida:  Academic  Press,  p.  245-­‐312.  1985.   Textos  publicados  na  internet   TERAMATSU,  Edson  Kazushigue.  2008.  Didi,  Gepp  &  Maia  e  os  arquivos  do  Porto.  In:  Infogol!:  futebol  e  infografia.   <hVp://www.infogol.com.br/>,  20/5/2013.  
  39. 39. Thank  you!  

×