yuexin-huo

Yuexin Huo

1.

Design Brief
Design an information graphic to show general data of Colombia including demographics, economics, geography, and energy. Consider building effective systems for complicated information hierarchies for effective communications.

The Infographic
A coherent visual language is built with three colors and many different types of diagrams to visually communicate information for the easiness of understanding and comparison. Visual density is kept to be uniform throughout the poster to balance among different types of information.

All the information includes a timeline showing Colombia history; population density, growth, and distribution; age distribution; living standards; religion; climate and seasons; major exports and imports; major trades; infrastructures; agricultures; energy consumptions compared to US; energy structures.

Essay
Have you ever been overwhelmed by the sheer number of countries on the map? Have you ever wonder what it is like to live in other countries? Well, it's very different to describe a country, since here are just too many aspects about them. However, presenting data can definitely help, and visualized data is better. 

Size: 31" * 66"

Colombia Facts

colombia_facts_infographic

2.

Design Brief
Design an infographic to show the common process of making high-end European swords in both Medieval era and modern era. Consider using graphic languages instead of texts to describe step-by-step, detailed processes.

The Infographic
All the steps are represented through graphic languages, and the white-blue color codings are given to differentiate between ancient and modern times. Red is also used to indicate if the piece is heated. (The large sword at the bottom is life-size.)

Essay
Swords are majestic and elegant, so are processes of their creations. In modern days, only a few people know exactly how swords were and are made, so I decided to make this infographic.

For me, I was surprised by the amount of time and meticulous techniques people dedicated in making swords, especially in the Medieval times where limited technology was available. Given that the chemistry behind forging metal was unknown, It is shocking to see how people found out the optimal physical and chemical treatments of metals to make them as strong as possible. The process of forging the blade, as shown in this infogrphic, makes the metal very shock and bend-resistant. These blades are essentially straight springs that will not snap even when bent over 90 degrees while having an impressive hardness. We use the same kind of steel for heavy duties today like spring brakes in car suspensions, cables supporting bridges, and armor plates for bullet proofing.

Size: 43" * 29"

Making Swords

Making-swords-infographic

3.

Design Brief
Design an infographic showing what I've accomplished in my life as oppose to the social expectations under the stereotypes in my society. Think about criticizing the narrow-minded values of the mainstream.

The Infographic
The form of the infographic follows that of early CRT computer monitors that display green content on black backgrounds to show the restrictive nature of the mainstream values. Cholla is chosen as the typeface for this project for its unique geometric letterforms that resemble early digital types.

Essay
An infographic showing what I've accomplished in my life against the social expectations in my society. When we look back into the history, we may find ourselves having hard time understanding why certain people did certain things. The mainstream value of a certain society changes with time, and it is especially fast in my society. Thanks to the economic boom in Shanghai, our life qualities as well as values have changed drastically in a very short time, making us unfamiliar and indifferent to confront ourselves even decade ago.

Size: 50" * 14.64"

My_Life_Achievement

My-life-achievement

4.

Design Brief
Design an infographic that informs people about the development of European Swords. Detailed information of each sword should be included such as sword shapes, weight, length, descriptions, and related masters.

The Infographic
After careful thoughts and several trials and errors, three big categories are created to envelope all the swords, and lines are used to show their inter-related developments.

An old style type with organic and elegant letterforms such as Jenson is chosed to give the piece an ancient and crafty feeling.

Essay
Either designed to be sidearms, symbols of status, or even main weapons used on the battlefield, swords hold so many stories about the changes of warfare, societies, technology, and kingdoms of our civilizations. Any changes in these aspects would affect the design of swords. People usually view different swords as distinct objects, but they are actually intertwined with each other, deep in their history.

Size: 27" * 45"

European Swords

european_swords_infographic

5.

Design Brief
Design an infographic for Coastal Graveyard garden that I designed to show the scenarios and experiences in the garden as well as its architectural plans & sections.

Coastal Graveyard is located at Skeleton Coast, Namibia. As its name suggests, the place is not very welcoming. The site is a desert connecting to the ocean with rusted shipwrecks and animal bones lying around. The garden I designed is based on this intimidating quality and turn it into an unique experience of prasing the fallen ones in our history. The place consists of several different sections following a special emotional path that includes overwhelming, struggling, sorrow, empty, awe, vast, monumental, structured, and hopeful.

The Infographic
The visual language of the infographic follows that of the identity system of the garden, which used hot magenta, black, and white for very high contrasts to reflect the site. The scenario infographic introduces 10 nodes on the carefully curated path throughout the garden with highly stylized drawings to indicate the experiences on each scenario.

Kinesis, a serif type full of structural conflicts in the letterforms is chosed to reflect the intimidating quality of the site.

Size: 29" * 45"

Coastal Graveyard Scenarios

european_swords_infographic
Experiences of scenarios of the garden.
european_swords_infographic
Sections of the garden, showing different materials, lightings, and emotions involved.

6.

Design Brief
Design an infographic to show some common color names we gave to colors as a survey. Some interesting patterns can be seen from this inforgraphic, as some ranges of color are more frequently named than others. Note that similar or same colors may have a lot of different names.

The Infographic
Due to the nature of colors, a big color-wheel is displayed in the center as the medium to show different colors and the names are placed at the edge of the color wheel followed by their brightness. Note that colors have three dimensions: brightness, saturation, and hue which require a 3-dimensional sphere to show all the possible colors. In this case, saturation change is discarded as most color names are for the most saturated colors.

Essay
Sensing color is one of the most fundamental methods we perceive the world. Colors are tightly connected to our feelings and emotions, so we use them to mark our greatest memories. We gave colors unique names because our environments, cultures, and experiences all determine their qualities. However, the idea of naming colors is flawed within its nature, as our perceptions of color are inevitably vague. We define colors in three ways, one by our visionary perception, one by physical properties in terms of electromagnetic wavelengths, and one by values for computers. Unfortunately, it is impossible to precisely convert three ways to each other. Our perceptions of color are not accurate in any means, but we are still happy to try to name them.

Size: 30" * 43.25"

Common Names Of Color

common-names-of-colors

7.

Overview
An infographic poster designed to show the fact of energy industry regarding environmental pollution of the Earth.

Major focuses of information were presented by big charts and numbers, followed by detailed descriptions.

Size: 24" * 36"

Energy Facts

energy-facts-infographic

8.

Design Breif
Design an infographic to show three of my trips in details of what I encountered using graphic languages.

The Infographic
The infographic takes form as an accordion to show the sense of progression of the three trips. The first one is the trip from where I live to my school; the second one is from Providence to the MOMA in New York; the third one is from New York to my home in Shanghai.

Information is shown in an illustrative approach with little details of what I've done and encountered during the trip. The project is printed on a yellow-ish paper with big, natural textures, resembling the exciting and relaxing nature of trips. Frutiger light is chosen as the typeface of the project, contributing to the huamnistic feeling to the subject matter. The illustrations were drawn in the same stroke thickness of with types, providing a unified visual system.

Essay
A picture tells thousands words. Well an infographic must be able to tell more than that. While travel can be exciting, the processes of travel are often quite mundane and boring. Many choose to fight against our mundane lives by being mindful to our surroundings, so am I.

Size: 50" * 12"

Yuexin’s Journeys

yuexin_journey_long_infographic
yuexin_journey_scanned_infographic
yuexin_journey_details_infographic

9.

Design Brief
Design an infographic to show my panic about my future.

The Infographic
Possible futures are shown by the distortion of types and color palettes...

Essay
Panic is hard to fight, especially for those about our futures. When we are panicking, we tend to think about many unreal, catastrophic events that only exist in worst-case-senarios. While most of them have very little connections to our real lives, they are quality changers to our lives. This graph literally shows everything that comes into my mind when I was thinking about my future, among a pool of competitors, in spring 2017.

Size: 45" * 30"

Odds Of Future

odds_of_future_infographic

back to top

Ⓒ Yuexin Huo All Rights Reserved