Saturday, September 22, 2018

Design in Black and White - An Analysis of Style Elements

Although the previous post was an ode to color and its necessity in visual communication, black and white images can communicate just as effectively when paired with complementing fonts and graphics. The following two images are examples of how the absence of color may contribute to function and aesthetic, although ways in which the designers of each image could communicate more effectively will be acknowledged as well.
 

Ahead of the Curve

The greyscale, minimalist approach taken by the designers of this spread contains many strengths. The omission of color allows for the viewer/reader to focus on the content of the text and to observe the photograph. A black and white scheme adds a classic element that contrasts with the modern aesthetic of the spread’s visual stylings.

The font choices for the left page are similar throughout, making the written portion of the spread look consistent and ensures all elements look related. Moreover, the forward across the top, along with the two columns of story makes all of the information appear organized and enhances readability.

The capital “S” in “Siren call” is distinct and pops on the page. The curve and tilt of the letter also mimics Emma Watson’s pose, from the way her hair falls forward, to the way her back is curved and even the way the remainder of the image is “cut off” at the bottom. These elements add symmetry and consistency to the spread.

More similarities can be found in the lines that serve as borders to the written portions, including the lines bordering the top and bottom of the forward, the separation of the columns, and the line at the bottom of the page to make the contents appear level and secluded from the invisible top and bottom margins.

One way in which this spread could be improved to add to the consistency of the solid, squared theme would be to justify the type in the two written columns, that they may appear solid and allow the “S” to maintain a softer, feminine shape in the same way the solid background allows Watson to stand out.




 What's Your Angle?

As with the magazine spread, the font family used for the headings and subheading adds unity and consistency within this resumé. Also, the nontraditional method of using the font in a functional manner (the “I” in “Christina” used to separate the two columns) serves as a unique way to divide the information, thus improving readability.

Also, Jones’ name stands out among the other elements and is within the vicinity of her contact information, making these key elements easy for potential employers to locate and distinguish. The distinct size and style of font used for the headings ensures each section of information contains only related and relevant content.

Again, the use of black and white allows other elements to stand out. A minimalist color scheme acts as a complementary element to the unorthodox presentation of contents here.

One way in which Jones could communicate more effectively with her resumé, however, would be to have all contents presented straight on the page. The tilt impairs readability and defies the way eyes naturally take in and process information, especially written communication. Consider if the contents were presented in a more traditional manner (ignore the cropping):


The information appears neater, is more comprehensible and readable, and adds an overall structured look to the resumé. Potential employees should be able to view information without struggle and with minimal effort.

Furthermore, the columns have some inconsistencies, including their shapes (e.g. the “half-bowtie” appearance of Jones’ skills), and the format of the headings (e.g. “Work Experience” is on the same line, but “Professional Activities” are on two separate lines).

As for the font, there are too many different types (about five) and there are inconsistencies in kerning (compare first and last name, “Professional” and “Activities,” etc.) and leading (note the distance in spacing of three lines of contact info). Also, the information could be spaced out in certain areas so that the contents do not appear congested, and the home address could be omitted to make more space.

 
Both images make use of angles and contrast to deliver content in a straightforward manner. While a greyscale color scheme can be effective in showcasing other elements, visual communicators must be careful to keep other aspects organized and easily interpretable for the viewer as well.