Archive for the ‘week 8’ Category

Next activity for this week:

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?
  2. Write down your findings and upload it to Moodle.

I have this photography magazine at home and found an online magazine in the internet to compare pace and contrast.

I scanned the cover of the print magazine and took a screenshot of my chosen online magazine. The printed one showed a lot thumbnails and some short descriptions about the article while the online magazine showed only 1 picture but a lot of buttons or links to click for further navigation. Thinking about pace and contrast…printed magazines probably need to show as much as possible on the cover, as they usually are wrapped, so people will have the idea of what is inside the magazine while online ones are accessible and are just clicks away. Another difference is the list of articles or the table of content area where printed magazine had to limit their page to very small or none at all thumbnails, while the online magazine I chose had a reasonably sized thumbnails with brief descriptions of its content. I am not sure if I am 100% right for the reason but I think printed magazines have to be wise in allocating space for their articles and illustrations. A list of articles with boldly written title may be enough to make the page a bit interesting and  to easily serve its purpose. The articles itself: I find the pacing of the printed magazine to be more fluid than that of the online one since I had to go back to the home page every time I want to read a new article. I find it more interesting to look at the illustrations too since it spreads to both pages. The types used varied from large, medium to small which easily catch attention while online ones (at least those I have seen) contained only two sizes that is for the title and for the text. So I think that printed magazine in my example has more contrast than that of the online magazine.





This assignment should be done on the computer, using any layout software of your choice.
Create a title page for a recipe book of your choice – it does not have to be based on an existing one.

  1. Set the text for the title, author and publisher and design a title page in both symmetrical and asymmetrical formats. Use serif type for the symmetrical versions, and sans-serif for the asymmetrical designs. Do at least six versions of each, working through them in detail. Be sure to pay attention to the type style and the type size. Use the same visual in all your layouts, so that the difference becomes clear when changing the type and layout.
  2. Consider the use of type and spacing in each version and pay attention to the grouping of information. For example, is the title of the book more important than the name of the author? Do you think the type should be more prominent than the visual? Make notes of your findings in each version.
  3. Choose your favourite layout of symmetrical and asymmetrical formats respectively. Now make one version where you combine both formats into one.
  4. Hand in your layouts as high-res PDFs and remember to include a write-up of your findings.

Title page of a book is almost like the cover of a book but simpler and is the page often after the cover and the recto of its verso known as the title leaf.  (That was a running sentence!)  It usually contains the title of the book, its author and name, year and place of publication.

As the task described, I was to make some title pages using symmetrical and asymmetrical styles. It was fun to use  the asymmetrical style as I was able to experiment a lot. A lot of freedom where to place the elements and make changes to the types used. On the other hand, I was very much limited when I started thinking for the symmetrical style. After making the first one, I was stuck and thought I couldn’t find more compositions. Of course, I did manage although not that creative but I believe if I am to give it more time, I will be able to find new ways to compose a symmetrical style title page. The third part of the task was to combine the two styles in which I was unsure on how to do it. Even after looking at the example on the book. I may come back to this article when I find the answer. I did try one composition…see the gallery!  Regarding the types: Everytime I change the type, I needed to adjust the spacing and my type frame. I used Adobe Indesign in composing and saved it as high resolution PDF as instructed but I ended up using photoshop converting it to jpeg because I thought I wouldn’t be able to upload PDF here.







Grid – Layout basics

Posted: October 18, 2012 in layout, oblig04, Uncategorized, week 8

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?

This book`s layout has a two-column grid. The margin on both sides change constantly depending on the content. The position of the chapter title, paging, number of columns and top margin stayed the same. Columns are altered by pictures that’s placed on it which cross over the columns and the side margins. Since it is a photography book, there are pages that are entirely occupied by a whole picture.


This activity helped me understand the first activity which is form and shape (figure and ground.)

I could have made an illustration using my previous materials but since the instruction is to sketch it and I really have to polish my sketching skills, so I sketched it!

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

    Produce at least two different versions of each effect, recording your results each time. Explain in one or two sentences what you wanted to achieve (as shown in your manual).

Movement upwards: Are the figures moving upward?
Balance: the first figure have two rectangles balancing the left and right side, up and down side of the page while the last one…is this balance? I hope to balance the big white space by placing a dark rectangle in the middle.

Tension: tilting the shapes created tension in that the shape can fall and the feel of waiting for it to happen. I think law of gravity is responsible for that interpretation.
Symmetrical/asymmetrical: dividing the ground into two equal parts and finding the same figure will make it symmetrical and the reverse is asymmetrical.

Entering left: The square/rectangles were placed to the left touching the edge which can mean it entered the page from the left side or from down the page all going to the left side of the ground.
Movement to the right: placing the figure to the right in an empty ground makes a potential for movement on the right.

Movement to the left: the rectangles on the left have the potential for movement either downwards or to the right. A small square have the potential for movement around the rectangle making an activity to the left side of the ground.
Moving downwards: The squares have the potential to move downward and leave the ground.

Composition is something we don’t go without. It is everywhere and in everything. Usually, we find it in our environment and my favorite source of composition is in nature. Have you seen a butterfly lately? A snail perhaps? If I am not mistaken, those forms were often imitated in man-made composition. Design must have a good composition for it to work. This week’s lesson is all about layout composition. An activity we have is described below.

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.

The first time I tried doing this activity, it sort of messed with my thinking. What is the goal of the activity? As I played around and had enough time reading the lecture, it became clear that this is very important in making composition. We tend to see only the figure and not its relationship to the place we will put it on.


Working with two dimensional medium, figure and ground can be interchangeable. A figure can disappear into its background or the background can disappear into the figure.

A single shape put on a large piece of ground will automatically be labeled as a figure and gets the focus.

Placement and positioning play a very crucial point in the perception of design…giving life to the ground and the figure.

In summary, the biggest conclusion I derived from this activity is that the ground can either be interesting and uninteresting and depends largely on the figure we put on it!
image What is the ground and what is the figure?        image


I placed the same shape figure but the other was one white in a black ground and the other was black in white ground.
image   image

Above figures show the shape and size but in different positions which gave different effect on the ground.


image Putting one subject/circle on a big ground gave  the impression of just a circle while putting more circles with different sizes may mean more. Can be a ball in motion thrown upward or downward.