‘Composition refers to the visual structure and organisation of elements within a design. Designers organise images and text – each with their own shapes, sizes, colours and textures. Through the control and placement of simple geometric forms this workshop explores the dynamics of composition: the relationship between positive and negative space, variations in scale and the space between the shapes – the basics in visual language, a designer’s ‘design vocabulary’.’
Paul Rand
Exploring form & space, I looked at the designer Paul Rand. I looked at the book Paul Rand: A Designer’s Art (1985). I was surprised at the modern look of his designs, since the book spanned his career from the 1940’s to the publication of the book.
Rand was known for his typography and designs for advertising. Influenced by Modern art, particularly the Bauhaus movement. He was one of the world’s leading graphic designers. He learnt design by looking at the work of others such as Cassandre. His poster designs have been called timeless. He approached ad design in a radically different way that had not been done before: Ads used to be very text heavy, and if they did include images, they all looked very cluttered. Rand minimized the text to only what was necessary to breathe space into the design. He saw image and text as a continuum to be used together. Graphics and type act as one unit to convey the message of the ad and inject some art and beauty into the design. He and his wife published children’s books and he was also an accomplished painter, painting the book covers.
For this announcement card, Rand has used symmetry and order by the even-sized circles he has placed across the page. This simple design is eye-catching while also portraying a sense of order and efficiency. Since the card was probably small, the design is suitable with its lack of detail. A detailed design would be difficult to see on a small scale.
This is a magazine advertisement from 1961. The page is informing the viewer about a traffic light system being set up using the new technology of the time. The black background allows the colours at the centre to stand out in comparison. This is the effect actual traffic lights have on a dark night. The central placement of the column of circles makes the composition symmetrical and therefore balanced.
For this newspaper advertisement, Rand has taken apart the logo for Westinghouse Electric Corporation, and scattered the pieces in the upper right corner of the page. The scattered pieces follow no pattern and they appear chaotic. If the logo was familiar to you, you would be piecing it together in your mind. In this way, the viewer would be engaging with the design.
For this magazine cover, the letters have been scattered and cut up. Because the alphabet is placed in order, we are able to see which letters are missing. This is a way of engaging the viewer into the design, almost like showing the viewer a puzzle. The background is quite noisy and helps the white ground behind the letters to show clearly.
Magazine cover for Direction in 1941
Here, Rand uses visual noise to distort what we are seeing. It is not possible for me to see what the image is of. This confusion makes the clear ‘v’ stand out even more clearly. There is a shape below the ‘v’, that looks like a distorted ‘v’. it emphasizes the ‘v’ above it, creating repetition. I like the areas of negative space and the clean rectangle shape that appears to be cut from the design.
This week, I am re-visiting the ‘Number’ brief. Since I struggled with this task last week, I decided to give it another go and try to understand Adobe Illustrator a bit better, as well as how I could go about designing numbers.
Figure and ground
‘Look at the Rubin vase (example 1) where the figure– ground relationship relies upon a visual confusion so that the eye sees either faces or a vase.’
In this image, we can view the white area as negative space, therefore seeing the 2 faces. Or we can choose to read the image as a white vase, where the black area becomes the negative space. The figure is the object in a given space, and the ground is the background space around the object.
Numbers are everywhere in the world around us and they are instantly recognisable to us. Since they are so easily recognised, we can playfully customise them away from a basic number form, and they will still be readable- we have a lot of room to experiment. This is what we did in the Number workshop.
Number Designs
I looked at the way designers have approached numbers. These designs are suitable for use in posters, as the numbers have eye catching styles, shape and composition. They are functional, as they can convey information, and also are interesting designs.
From The graphic design idea book by Steven Heller & Gail Anderson:
Non-Format
Non-Format are a pair of designers who are known for bespoke typography and interesting image making.
The designers were asked to create their version of the number 25. The colours they were given for this task were red and grey. I like the way they have played with the rotation, it reminds me of the staircase images by MC Escher. I like the 3D effect because the number looks tactile and I can envision it as an object in the room.
I also came across this design by Non-Format, which is styled quite differently to the 3D number. This figure is two-dimensional, but this does not make it flat looking. It looks as though they’ve designed this number using a grid. They have sometimes chosen to group the squares of the grid together and in other places, it’s easier to see the individual squares of the grid. The Zigzag lines that form the edge of the 2, add a sense of movement, it is as if we can see the shape vibrating. They have used smaller chequered patterns within a single grid square, they have used stripes, circles, triangles and dots. The figure itself is cohesive as one piece, because all the smaller elements within the 2, such as the different patterns and different colours, are presented in similar sizes to each other.
Leonardo Sonnoli
This looks to be a poster design, using the numbers three and two. I like the boldness and simplicity. The thin lines are important, as they balance out the boldness and add a sense of delicacy. The designs are quite elegant, and I would expect this to be a poster for an art event or for a sophisticated audience. I associate these numbers with the Art Deco style. The numbers themselves are black and white but the colour comes from the background. The number 2 is not joined up in a way we would expect, but instead it’s our eyes that join the top and bottom half to form one object because we are familiar with the figure of the two.
This poster does not contain numbers, but it interested me when I was thinking about number design. I like the overlapping of colours, particularly in the top third of the image where it looks as though the colours are mixing in layers before our eyes. Because these figures are chunky, and they are placed so closely together, my eyes naturally wanted to read the negative space as part of the design.
Dan Chamberlain
I was immediately drawn to the refreshing colour palette. This design looks fun and energetic. The two links that make up the eight do not need to be connected for us to read the pattern as an eight. This is helped by the fact that the figure of eight appears next to a seven. (Our mind makes the association that we are looking at numbers.) I like the outline of the 7 and I was inspired by the fact that I do not need to fill the figure with a colour.
Here I liked the use of half tones with negative shapes. It is interesting to see where they intersect at the centre stop. Using yellow and blue was a good choice because it helps the outline to stand out.
I was drawn to the boldness of this figure of 5. I like the way that certain areas are cutaway around the outside of the shape. It makes it look imperfect and accidental. This helps to include some negative space in what would otherwise be a bulky shape. The bottom half of the 5, to me resembles the bottom of the J. There may be some significance in this or not. Where the colours intersect at the centre, there is the murky dark colour. This shows that the blue and orange are transparent, and resembles the effects created by screen printing for example.
Because of this transparency, the 5 appears airy and light if it was to be physically lifted. It makes me think of jelly, this makes it a fun design to look at. I like the way the angles are not visible, but we can still see the shape is 3D because of the angle the designer has drawn it at. The use of orange and blue is very strong and works well because they are opposite to each other on the colour wheel.
From The graphic design idea book by Steven Heller & Gail Anderson:
Studio Myerscough
This number 3 has been applied to the side of a building, it may have been painted on. I like the disjointed quality of the figure. It helps to break up the chunky parts of the design. She has used curved and angled shapes and the results is bold yet stylish. I like how the end of the three looks like a quotation mark or, or a backwards comma. This might suggest a relationship to a literary theme.
Adolphe Mouron Cassandre
This is a typeface for numbers and letters from 1929 (the Art Deco period). I like the combination of block shapes and half tones to make up each figure. Each number is unique and yet clearly belongs to the same family of numbers. The half tone, or stripy areas sometimes stand in for positive space, sometimes stand in for negative space, and other times are connecting and representing both.
My designs- using Adobe Illustrator
After experimenting with the numbers 2 and 5, I moved on to see what potential there was in a 4. I pushed myself to learn new skills on Illustrator and to practice the skills I have recently learnt.
From my second time on Illustrator, I learnt a few basic principles:
The white arrow is the Direct Selection Tool. It can be used to round the corners of a rectangle and to stretch the rectangle.
Add Anchor pointsjust adds anchor points.
Anchor Point tooljust moves anchor points that are already there.
The PenTool draws lines.
Shift+command+[] to move an object in front or behind
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.