Skip to main content

Graphic Design: The New Basics - Figure/Ground/Gestalt Principles

  • Human cognition simplifies an enormous range of stimuli into understandable units -merges what we see with what we know.
  • Visual perception is shaped by figure/ground relationships.
  • We separate figures from space, colour or patterns that surround them.
  • People are used to seeing the background as passive and unimportant in relation to the dominant subject.
  • Graphic designers seek a balance between figure and ground - this relationship beings energy and order to form and space.
  • Figure/ground is also known as positive/negative space.
  • The brain puts together past experience and immediate sensory input in order to successfully navigate the environment.
  • Designers crop, overlap and fragments images that exploit the brain's ability to full in missing information.
  • We immediately recognise the shapes of letterforms.
  • Perception can also cone in the form of sound - we associate sounds with objects.
  • Grouping combines and separates in human perception.
  • There are 6 modes of grouping:
    • Simplicity
    • Similarity
    • Proximity
    • Closure
    • Continuity
    • Symmetry
  • All typography involves grouping - letters cluster into words.
  • A stable figure/ground relationship exists when a form or figure stands clearly apart from its background.
  • Reversible figure/ground occurs when positive and negative elements attract our attention equally and alternately - stripes.
  • Ambiguous figure/ground compositions challenge the viewer to find a stable focal point - cubist paintings.
  • Concept sketching - multiple rather than single is more valuable. 
Design Task 1
Here I created compositions using a single letterform to understand the use of positive and negative space. The results are below:





Design Task 2
For this task I used a contrasting pair of letterforms to create abstract compositions, again focusing on the positive and negative space.


Design Task 3
For this task I used squares and 3 colours to write 2 words in the same space. The words are puzzle and houses. Here I learnt that designs can show multiple things at once and I need to be able to balance this so all information is absorbed by the viewer.

Comments

Popular posts from this blog

Graphic Design: The New Basics - Modularity

Every design problem is completed within a set of constraints or limitations. Modularity is one of these constraints. A module is a fixed element used within a larger system or structure e.g. a pixel. Breaking the rules of a standard design can produce a new response. Modular type can be made of anything. Think about the negative space around the letters. A calligrapher can freely adjust a character in relation to the marks coming before and after. A symbol stands for or represents objects, functions, and processes. Symbol systems are often based on geometric modules that come together to create myriad forms and functions.  Design Task 1 For this task, I used a grid to produce four letterforms with common characteristics. I then translated this into an image from physical objects. Design Task 2 In Illustrator, I used a square, a rectangle and a quatre-circle to make the alphabet, experimenting with letterforms. Design Task 3 I created all the char...

Graphic Design: The New Basics - Back to the Bauhaus, Beyond the Basics, Formstorming

Back to the Bauhaus 1920s - institutions such as the Bauhaus in Germany explored design as a universal "language of vision - continues today. Bauhaus promoted rational solutions (planning & standardisation) but today the focus is more on unique, idiosyncratic and customised designs.  Modernism as well as systems that produce unexpected results.  “Design is never reducible to its function or to a technical description.” Postmodernism - don’t look for meaning in an image/object as people will cloud their interpretation with cultural biases and personal experiences. Postmodernism emerged in 1960s but became a dominant ideology between the '80s and ‘90s. Software designers describe the language of vision in a universal way. Software organises visual material into menus to create tools that are universal e.g. InDesign is a software machine for controlling leading, alignment, spacing, column structures, image placement and page layout. Transparency is used a lo...

Illustrator Practice

In the workshop, I practised using Illustrator to get used to the tools and try and find a theme for my project. From using the tools, I found I was leaning towards modernism and geometric patterns as well as grunge typography so my project will lean towards one of these themes.