10.27.15 | Key Term Project Examples

The Grid.

While not a single, self-contained project, the interface for past works at TBWA \ Chiat \ Daily presents the logos for companies and works set to a backdrop of a relevant image with a thick yellow overlay; when hovered over, the logo turns white and the image is presented in full clarity. It effectively presents the various works as being individual and powerful, while still giving the iconography room to breathe.

Hierarchy.
The site layout at Invisible Creature presents you with a myriad of content all at once, and yet, it's not quite overwhelming - there's a lot to take in, but there's absolutely a natural progression present; the large gallery image immediately draws you in, and from there you work your way down to the four subsections, and then the various links in the footer.

White Space.
The works section over at Hyperact likewise presents large amounts of content, but due to the effective use of negative space, variance in image size while adhering to the same block sizes and limitations, it's never too much to be confusing.

Contrast.
This abstract aviation painting by Tom Bjarnason in the 1980s presents a clear knowledge of color theory, while the transfer between oranges and plum-coloration is given a more "realistic" depiction of translation via suspension of disbelief; the glows emanating off of the bird alongside the lights themselves convalescing into brighter, almost white tones in the center effectively present the illusion of Rayleigh scattering.

Color.
This "Visualizing the momentum of the web" infographic, also from Hyperakt, manages to convey a lot of information and even emotion in the density of the strokes and the various intermingling between colors.

Gradient.
"Toward Reimagining Governance," a GovLab Research project also by Hyperakt, similarly experiments with color theory - though with much more clear reds and purples, which then gradate into a uniform blue which punctuates the outlying information and right-end of the info graphic. It allows it to present two opposing strings of information while still allowing the composition overall to feel uniform.