Archive for October, 2012

Last of the weekly activities for the layout topic is making a brochure for a fictitious travel agency. The goal is to learn more about typefaces, use of images and grid styles that make out a layout of a brochure. I chose the asymmetrical format as it gives me more room to experiment on my grid. At first, I wanted to make a minimalistic layout but I opted not since this is a learning activity and doing more means learning more at this stage. I am not yet done watching the tutorial videos on but I do visit it when problem arises. I encountered issues like the size of the image not fitting my grid or get in conflict with the text and the other way around and really tried hard to find solutions. Got page spread problem when I realized that my content page is actually two pages. Having images as background makes the design interesting but will challenge the placement of the text. I am liking the use of Indesign as it is very flexible.

Everything in this brochure came from scratch. I made the logo in illustrator. All pictures were my own and the titles but all the text content including telephone#s were copied and are fictitious.






yesta desamba. (2010). Design Tips for Modern Minimalist Design Style. Available: Last accessed 28th oct 2012.

misty barton. (2010). Parts of a Brochure. Available: Last accessed 28th oct 2012.

I took time doing this activity since I know that it is a must to know the features of Adobe Indesign for the next obligatory project. With the help of and some youtube tutorials, I was able to duplicate an A5 flyer that I found in the internet. Not duplicate per se since I changed the fonts and graphics but the layout is the same.

Here is what to be expected:

Choose a simple A5 flyer that is printed on one side only, but in full colour. The flyer must contain visuals and text – a travel flyer is a useful idea, but it can be of any organisation or company.

  • Reproduce the same layout as your chosen flyer by using InDesign – you may use different images and fake body copy. What is important is that you recreate the flyer to the same style and layout and use InDesign to do so.





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.







Three weeks ago, I went out to shoot some night photos for my photography project. The project would have to be ‘as shot!’  No photoshop! Not to be purist photographers but to master the camera’s settings, that is why.
I put the settings and some descriptions as to how I took the shot. I am choosing night photography as one of my sure theme for this project.

Short description: The camera was always mounted on a tripod. I believe i removed my polarizing filter for more light. I don’t have remote control so I had to hold the shutter button the whole time (and my breathe) as I was using bulb. I can’t remember my white balance and I didn’t record it since I usually get it from the exif in photoshop but now I couldn’t find it anywhere.

This was the start of that session. I got so little light not only because of the shutter settings but also the site was under the bridge so the water had no reflection of lights.

I decided to climb up the bridge and tried some action shot of the cars passing by but decided that’s another session. The sky that night was dramatic so I went to find another spot.

On the other side of the bridge was the moon and this sky. I took two shots this one was the best of the two.

I went down from the bridge hoping to find a subject that will compliment the sky. The ruined bridge could have been a good focal point but it had no light. So i turned my back and faced the bridge.

Turning my back from the moon, I got this view and it was definitely better.

I was happy with this one, composition wise. Not so with the foreground but couldn’t do anything about that as there was no where to move…unless I stepped on the water. I wasn’t sure where that green light came from but probably the stop light at the end of the bridge.

This is the last shot i took before my battery died.

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.