View allAll Photos Tagged infodesign
A turbulência que atinge o governo Temer trava as reformas e ameaça prolongar a crise. Isso ocorre bem no momento em que o Brasil sentiu o gostinho da retomada. Revista Época, edição 987 - Créditos:
Marco Vergotti (infográfico), LuÃs Lima e Rodrigo Capelo (texto)
I really like this version. For one thing, orange and gray are a great combination, but more importantly it has an other-worldly weirdness that I very much appreciate it. I guess the strangeness comes from being a novel (I think) way to extend everyday two-dimensional tables with one extra dimension. It's not a perfect extension--confusing and difficult to follow--but it's intriguing. (Check this version to see how it works.)
Unfortunately, it takes way too much space. Which was why I tried, with mixed success, to move the numbers inside the diagonals.
O banco emprestará dezenas de bilhões nos próximos meses – e se torna estratégico na cabeça de todos que têm pretensões eleitorais. Revista Época, edição 1010 - Créditos: Marco Vergotti (infográfico), Samantha Lima e Marcos Coronato (texto) e Aline Chica (design)
Preparing stuff for final show exh., have added to the artwork some fancy typography, although rather of French Revolution era than Renaissance. Plus the direction of lines which bothered me since the very first one draft.
Num cenário de crescimento da desconfiança nas instituições, uma pesquisa diz que a imprensa no Brasil tem maior credibilidade do que em outros paÃses. Revista Época 790. Crédito Marco Vergotti (Info) e Graziele Oliveira (texto)
Infográfico sobre a corrida do turismo espacial. Crédito: Marco Vergotti, Nilson Cardoso e Sandro Falsetti
Nunca os céticos do aquecimento global pareceram estar tão certos - e nunca estiveram tão errados. Revista Época 784. Crédito: Marco Vergotti (Info) e Claudio Angelo (texto)
A turbulência que atinge o governo Temer trava as reformas e ameaça prolongar a crise. Isso ocorre bem no momento em que o Brasil sentiu o gostinho da retomada. Revista Época, edição 987 - Créditos:
Marco Vergotti (infográfico), LuÃs Lima e Rodrigo Capelo (texto)
At one point during my week-long obsession I managed to "reword" the problem of representing a year into that of representing this 7x7 table (Fig. 4) in the most intuitive format I could think of. Diagonal designs followed: here, here, here, and here.
I got the table from trying to see what exactly was happening with the week with every month-change. For me, with my mathish background, it came down to this: Every month, the month's modulo base 7 (the integer remainder of dividing the month's days by 7) shifted the week's starting day. January, for instance, has a modulo of 3 (31/7=4, with a remainder of 3), and thus, the next month after it, February, begins 3 days after, on a Thursday (January begins with a Monday). Since February has a modulo of 0 (28 has no remainder when divided by 7), March starts the same day. And so on.
So if you figure out each month's modulo, then its incremental modulo (last month's modulo added to last month's incremental modulo), and finally the incremental modulo's modulo (Fig. 1) you can see just what is happening during the year (Fig. 2), just what operation you're trying to make visible with your design. If you now reorder months to minimize repetition (Fig. 3) you get that 7x7 table (Fig. 4).
So you see, a calendar, every calendar, is just an instrument for solving graphically the operations described in Fig. 1. The more our prodigious visual capacities are exploited, the less we think of it as an operation at all, the better the calendar.
Seems very Native American, no?
It's the most compact, yet perhaps the most unusable of all the designs. Not only does one loses month ordering, but the color diagonals seem to "coil" around the square in an unintuitive, difficult-to-follow way. The next designs mostly tried to "unfold" it.
Example: What day does August 7 fall on? First, find 7. Now follow its violet diagonal until it crosses with the AUG row and from that cell go up to find the dayname: Tuesday in this case.
One of the earliest sketches. It grew directly out of Joe Lanman's redesign of Jan-Willem Doornenbal's proposal.
You can already see some key ideas like highlighting Wednesdays (with a dot), lowlighting weekends, and indicating month-ends (in this case with a terribly inelegant red triangle).
When I showed this mockup to my mother she complained the difference between weekdays and weekends was too subtle. An epiphany followed: why not erase them completely? A tetris outcome followed.
for many many many rights and possibilities for girls and women which were not always there.
employing some cartoonism in this one.
As of today.
Made by this guy.
I think it works quite well.
A bit too web 2.0 with the bright colors, round corners and shadows? Nah, I like it.
Note: This new map is not directly comparable with the old version, as there is a wide version of this one as well. I'll try to find it...
Source: www.sporveien.no/
I tried bringing the newfound diagonality to a previous version but it was a marked mixed success. While yes, five rows were done away with, month ordering was lost, rows cluttered, and the nice relation within row color and month-end was lost (to be replaced by a contrived label-color hack).
Matéria infográfica produzida para a segunda edição de Um Só Planeta da Época Negócios. Infografia: Marco Vergotti. Textos: Martina Medina
based on the Birgerking's sketch www.flickr.com/photos/birgerking/3145391821/
totally not the most sophisticated diagram in the world, made for sake of practising my infodesign skills
This is a poster made for www.designforchile.com to raise some funds to help out people in Chile. Coloring represents Chile flag.
A screenshot from the Gurren Lagann Movie with the beautiful example of the infographics/interface display. All rights belong to Gainax.
See ‘Art by numbers’, Sara De Bondt Studio’s live data analysis for the Artissima art fair in Turin, November 2011.
Matéria infográfica produzida para a segunda edição de Um Só Planeta da Época Negócios. Infografia: Marco Vergotti. Textos: Martina Medina
In my effort to try to add month labels to the previous design I came up with weird one-letter abbreviations of the month (remember this version's in Spanish).
With month labels, the superfluity of twelve colors became evident and in an epiphany I came to realize that not only two alternating colors were all the design needed, but also that they lent themselves naturally to a most elegant way to show month-ends. It all came to me remembering that date handgame and it is the single feature I'm most proud of. (Notice how here I hadn't realized yet that bluing the 31 would be an elegant extra.) The division between up and down rows became slightly uneven but that was a small price to pay for the clarity and elegance the change brought.
Another great change brought by the use of only two colors was using highlighting instead of symbols to mark Wednesdays. The design suddenly looked much clearer.
The month abbreviations, however, proved universally disliked. I had to find a better way to label the rows and the next design was my answer.
Based on the article www.uxmatters.com/mt/archives/2011/07/building-trust-on-e... posted in the UX group www.facebook.com/?ref=home#!/groups/173955382668026?id=17...
Infographics of car's making of process demonstrates all production stages from conventional metal sheet to a finished car
Matéria infográfica produzida para a segunda edição de Um Só Planeta da Época Negócios. Infografia: Marco Vergotti. Textos: Martina Medina
Well, it's all about being mobile. I flew so many times I could probably get to Ruzine from any point of Prague being braindead. But it's just me, and what about others? (:
Data is taken from the Prazska Integrovana Doprava leaflet from the metro
Months as Mondays! It looks so obvious now, but it took a lot of fidgeting with the previous design to realize I could embed the label within the row's cells. Ultimately, Wednesdays would prove a much better row to embed the labels in.
Another important change is the darkening of even columns in the numbers section to help the eye move vertically and the increasing of contrast between Wednesdays and weekdays. Also, I managed to fit the year of the calendar in lightgray numbers right after the 31.
Besides the narrowing of the month rows, this is pretty much as evolved a design as the more compact ones that followed it and some people still prefer this one for its arresting square harmony.
See the next design.
Num paÃs com dinheiro de menos e regras de mais, a saÃda lógica é simplificar os negócios para criar empregos. Um estudo inédito dá pistas de como diminuir a papelada infernal. Revista Época, edição 1004 - Créditos: Marco Vergotti (infográfico), LuÃs Lima, Marcos Coronato e Rodrigo Capelo (texto)
See ‘Lady with the diagram’ on the Eye blog. Florence Nightingale on Crimean War mortality, 1858 – infodesign in Eye 82.
Num paÃs com dinheiro de menos e regras de mais, a saÃda lógica é simplificar os negócios para criar empregos. Um estudo inédito dá pistas de como diminuir a papelada infernal. Revista Época, edição 1004 - Créditos: Marco Vergotti (infográfico), LuÃs Lima, Marcos Coronato e Rodrigo Capelo (texto)