Posted in Learning Activity GRA 1

Learning Activities – Layout

Form and Space

  1. Rearrange shapes cut out of paper, and try to find the point at which the figure disappears into the ground.
    • Cut out a series of shapes from black paper – squares, rectangles, circles and random shapes – in a variety of sizes, from small to large.
    • Working with a square piece of white paper, place shapes of different sizes into the white space; place them on the white one at a time and move them around.
    • Try to find the point where the distinction between figure and ground becomes unclear. Does it depend on which shape dominates the space: black or white? Is it about the position of the shape within the space? Think about how important figure-ground relationships are within composition and design.

2015-03-14 17.12.23 2015-03-14 17.11.36 2015-03-14 17.10.33 2015-03-14 10.17.45  2015-03-14 10.14.05 2015-03-14 10.13.12 2015-03-14 10.12.22 2015-03-14 10.12.06 2015-03-14 10.08.26 2015-03-14 10.04.42As you can see, if black objects take as much space as white background, or are on the edge of the white square, then the distinction between figure and ground becomes unclear.


In this assignment, you will be given the opportunity to also test your idea sketching skills. It is important to start working with basic ideas on paper and develop your concept from there on out.

  1. On an A4 landscape page, draw four equal squares. Create 4 more pages in this way. So, you’ll have 5 pages with four squares on each.
  2. Draw one or two squares or rectangles in each empty square to achieve the following visual effects (refer to your textbook, p.41 as guidance). You can work with the interaction of rectangles and squares to make the balance or imbalance more evident.
    • Entering left
    • Movement to the right
    • Movement to the left
    • Movement downwards
    • Movement upwards
    • Balance
    • Tension
    • Symmetry/asymmetry
2015-03-14 17.04.18
Entering left – rectangles are placed on the edge of the left side. It looks like they are entering the left side. Movement to the right – rectangles are close to the right side, it seems like they are moving in that direction.
2015-03-14 17.04.26
Movement to the right – rectangles are close to the left side, it looks like they are moving in that direction. Movement downwards – rectangles are close to the down edge.
2015-03-14 17.04.32
Movement upwards – rectangles are close to the upper side, it looks like they are moving in that direction. Balance – rectangles are symmetrical, one up to the left, one down to the left. This position makes it balanced.
2015-03-14 17.04.38
Tension . Symmetry.
2015-03-14 17.04.43

Basic Principles of Layout

  1. Take a magazine, newspaper or book that includes images and text. Lay tracing paper over the top of three spreads (both left-hand and right-hand pages). Using a pencil and ruler, carefully trace the grid underlying the page layouts. Remember to remove specific text elements or images, and to only draw the grid lines. Note column widths and margin sizes at the top, bottom, and to the left and right of the main body of text. Is your document based on a two-column, three-column, or another type of grid? Which elements stay the same on each page, and which change?2015-03-14 16.55.05

2015-03-14 16.55.55
2015-03-14 16.55.252015-03-14 16.56.28
 2015-03-14 16.55.372015-03-14 16.56.20

The magazine which I chose is based on one-grid and two-grid column. Left and right margins stay the same, while top and bottom varies. 

 Pace and Contrast

Compare the design (in terms of pace and contrast) of an online magazine, blog or website to that of a printed magazine, book or journal.

  1. What differences can you see between the kinds of design strategies used in the two formats?

In my opinion printed magazines are more clear than the an online magazine. In online magazines, there are many advertising, while printed magazines have special pages with them and they are not so irritating. 
Printed magazines have often two-grid and three-grid column, while online magazine have one-grid column. 

Design of Layout in InDesign

Using InDesign, design a 4-page brochure for a fictitious travel agent.

  1. The size of the brochure should be A5 (when it is folded).
  2. Design the brochure in full colour.
  3. Use fake body copy, but create sensible headings.
  4. Use titles, headings and images of your choice.
  5. Be sure to pay attention to:
    • Choice of type
    • Choice of imagery
    • Use of layout and grid to communicate the content.

brochure brochure2

I decided to make a brochure promoting Poland. I used pictures from google, some of them are not so good quality, but I did not have any good picture which I could use.

brochure 2 version brochure 2 version


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s