#IXD101 – Point, Line & Plane

Non-Specific Task


For this task we were asked by Paul to create a play, pause, stop, forward and backwards button on Figma through the select use of shapes. For the outer circle I decreased the opacity, the inner circle I added a gradient and used basic shapes such as squares, triangles, etc. for the icons. I smoothened the edges of the shapes to create a more inviting environment. Paul then asked us to create the icons with kids in mind (left). I softened and enlarged the shapes to give it a more playful look. I also changed the colour to a more vibrant tone.

Week 1

The point, line and plane system is the elemental foundation of design. Digital and native artists use these elements to create various images, icons, textures, patterns, diagrams, animations and typographic systems.

These elements can be used in its most basic form to create sophisticated designs through the work of scale, shade, colour, frequency and transparency.

The use of points is found everywhere in the online age, including branding, art, data, etc. Its simple yet sophisticated design allows people to easily understand and interpret the visual representation.These elements can be used in its most basic form to create sophisticated designs through the work of scale, shade, colour, frequency and transparency.


The foundation of a point is in itself is very simplistic and many people come to terms that a single point may not relate to anything visually/artistically pleasurable. However, they can be used for very modern graphical designs.

Looking at  Josh Worth’s “If The Moon were Only 1 Pixel”, it showcases the design of using a point to indicate planets/sun of our solar system. Josh uses scale (3480 km = 1 pixel) and colour to differentiate each point.



Something as simple as a collective group of points can instigate an identity and meaning seen in the logos below:

University of Miljø (Life Science): This University in Norway created a logo using a petri dish with bacterial swaps on it. They then innovatively created products such as chairs/tables around the logo engaging on their identity.


Sagmeister INC: This company manages to transform simple dots into a more sophisticated visual design through the use of colour and correlation. The company’s logo allows them to get creative with their branding and presentation.


Using points to display data is a very simple yet efficient way to visually interpret the information that is being told. David McCandless does this by using simple and catchy text, a striking and intentional colour scheme and a creative layout. (As seen on the bottom pictures above)

Task – Points

For my first task, I was asked to create a 3×3 grid. I was then told to experiment and make something from each column. However, as the columns went down the points got more numerous allowing me to add a more detailed illustration.

Row 1: 2 points

Row 2: 3 points

Row 3: 5 Points


On this task I decided to play with scale. I opposed the sizing of each point to give depth to the points creating a unique and unlawful comparison. On half  of the grid I experimented on asymmetrical placement, often interjecting and inverting into each point as the points became more frequent.

My theme for this task was to mimic the universe. For example, on the last grid it can create a perceived look of our solar system, the middle point being the sun and the point in the ‘outer shell’ being earth inside the habitual zone.


HP was a company that shifted its logo to a more ‘futuristic’ design to show changing times. This made the logo 4 slashes at a 13 degree tilt. While HP’s logo was already barebones it comes to the common notion that “less is more”. The story behind the tilt represents HP’s international spirit as a company, with its belief in human progress. Showing that a good design must b



Lines can be creatively used in different ways whether that is using generative processes, algorithms and creative interaction involving large sums of data to create interesting and unique looking artistic graphics designs or installations. An example of this is monitoring ship routes around the world to create a sophisticated art installation (Brendan Dawes) or using simple lines to create entire cities (Nigel Peake).This is just a few creative examples of the many ways design can be created through simple lines.

Task – Lines

Row 1: 2 lines

Row 2: 3 lines

Row 3: 5 lines

For the line task I started off simple in the first row playing with the width of each line. From left to right I increased the horizontal line while decreasing the vertical line. For the second row I played with positioning and width of the lines. Finally, the third I created continuity and symmetry among each box allowing lines from each to connect to each other.








Josef Müller-Brockmann
Being influenced by the ideas of several different design and art movements including De Stijl, Suprematism, constructivism and the Bauhaus, Joseph Müller-Brockmann, a Swiss graphic designer created a universal graphic expression employing a grid-based design exclusive of subjective feeling and extraneous illustration. He is best known for his use of simple asymmetric yet gridded geometric designs and use of sans serif typography. His idea was that his work was of mental unconsciousness, and that this was the support structure for his work and art style. He communicated information about an idea, event or product as vividly as possible. In fact, he mentions that his work is not intended to make a timeless statement rather invite his audience to form their own opinion on the subject being visually presented. The style, shapes and colours which he incorporated into his work still holds relevancy in todays age inspiring many people of this current generation.



A sample from Joseph’s book, – “Grid systems in graphic design A visual communication manual for graphic designers, typographers and three dimensional designers


Wim Crouwel
Wim Crouwel was a world renowned Dutch graphic designer, predesigned and typographer who’s intention was to create clear and straightforward communications through arranging design elements along grids creating order for the reader earning him the nickname “The King of Systems”. Crouwel focused on the neutralisation yet striking effect of his work, allowing people to absorb the meaning behind it without getting bored or frustrated. Being impressed by typefaces such as Helvetica which was a more neutral typeface , saying “A face shouldn’t have a meaning in itself, the meaning should be in the content of the text”. Referencing the neutral behaviour of Helvetica, Crouwel created a typeface called the ‘New Alphabet’ with machines in mind. Acknowledging technological display limitations with the typeface at that stage using only vertical and horizontal strokes.
Blanka Posters
Some artists like Mark Blamire try to capture known patterns, colours and designs with the knowledge of the viewers cultural background. He calls it ‘Blanka’. An example of this would be above which shows 4 black, blue, red and yellow circles. People can easily diagnose this as being an archery target.

Task – Planes

Row 1: 9 Planes

Row 2: 9 Planes

Row 3: 9 Planes

For the Plane task, I was quickly becoming familiar on how to use Figma. Like the other two the gridded tasks this was a 3×3 only this time each box contained 9 planes. This task allowed me to play with tones, scale and shapes. For the top I created an symmetric pattern across the entire row with the middle box being the centre and outers opposed to each other, I managed to do this by using a simple 3×3 boxed grid and mutable tones variation. The second row I created a systematic pattern with top half of each box getting broader and the bottom becoming smaller. Finally, on the bottom row I did the same as the top only making the patterns more sophisticated and using multiple shade variants.


Leave a Reply

Your email address will not be published.