LA08 – pt.4

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

 

National Geographic

The magazine

The issue we have in our bookshelf is from June 2016. It is common knowledge that the yellow square stands for National Geographic, and most people know it for the respective organization that it is.

The magazine’s front page has a thick yellow outline that also reaches over the spine, but not further. The front page includes the main issue of the months magazine, which is shown with one big picture and minimal texting. It is simple, intriguing, timeless, beautiful, and tempts me to open it and have a look at it’s intestants.

The text is centered,and everything is symmetrical, and it works quite well with the picture.

The webpage

First thing that struck me was “wow, less noisy”. The yellow square is there, several places, but it does not have the same weight as the magazine. My first assumption was that the magazine needs to stand out next to tons of other magazines in the shop shelfs, and this is probably to make it more visible to the consumer. Actually, it’s just about the format. National Geographic is an organization that focuses on quality, and they have (of course) made the squared yellow outline in correct proportions according to scale.

The webpage is simple. Very little noise, no interruptions.

front-page

Front page. The header remains the same size regardless of zoom on screen. The weight on the left side of the menu does not take your attention from the right side of the menu, as the search sign and menu sign is bolder and easier to regognize than the letters to the left. Your eyes go to the left first in the menu, due to the weight of the logo, but end up on the most important element very quickly.

The first thing I saw was the logo in the header, then the quote in the header, then the logo in the menu, then the search and menu sign in the menu. It creates a pleasant flow of eye movement, natural and easy. Of course I cannot tell for sure that each person will perceive it the same way.

bottom

Bottom of page. Simple, silent, easy to understand. Easy to subscribe, easy to follow. Weight of Sign Up-button is centered, and creates a sense of balance and symmetry with the unsymmetrical parts on the sides as the follow icons seem surrounded by space, though I must admit I feel more tempted to hit follow than to subscribe as a consequence to what looks simpler.

search

This is what happens when you click the magnifyer icon. I mean, how beautiful is that? Look at the timelessness, the simplicity. Wow. It makes me excited to be here. It makes my search feel more important. It also makes it easier to avvoid spelling errors.

sea-of-hope

Sea of Hope. The photo grid seems unsymmetrical.

sea-of-hope-scroll1

The photo grid follows scroll.

sea-of-hope-scroll2

Sea of Hope beautifully marks the ending spot for the connected subjects.

photo-of-the-day

Photo of the day follows your scrolling.

photo-of-the-day2

There are so many exciting and beautiful effects on National Geographic’s web page. I can not begin to describe half of them. Turning over pages in the printed magazine is a great experience, each page beautifully layed out, every element perfectly placed, every photo of excellent quality. And I am not disappointed by the web page.

Similarities: National Geographic seems to carry out the same personality trates in each media, both magazine and web page, and I must say that it is beauty, quality and intellect.

For the articles in the printed magazine, they use two grids. The open space at the top is larger than the other outlining space.

Notes of critique: I am less impressed by the layout of the articles online. The width of the text is narrow, and it leads to a lot of unnecessary scrolling. I don’t have adblock on Chrome, so there are popups on the sides of the text. I don’t know if the text box width is this narrow to avvoid popups coming in the middle of the text, but I’m assuming it’s only because it’s adapted to smart phone and tablet users.

Personally I would use the printed magazine for reading articles, and the web site for watching movies, entering photo competitions etc..

 

menu1

The design of the menu is exhilarating, the preview on the left changes as your mouse hoovers over the different subjects, making it incredibly easy to find what’s interesting to you.

Final words: I could honestly cry from the immense quality of both of the products, and as a result of this learning activity I have subscribed to the printed magazine and full access to the online content.

I have not included photos of the magazine as I ran out of battery on my phone before I got to snap the quick shots. Will do so by tuesday.

LA08 – pt.5

Design of Layout in indesign.

Brief: 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.

I didn’t use a fake body copy, but here is the PFD: brochure_extremetravels
The first page shows the back and front page, second page shows content middle.

All photos are legally downloaded at Pixabay.

 

LA08 – pt.3

Basic principles of layout

Brief:

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 uses two grids, with an exeption of pages more focused on information than litterary expression, such as equipmentlists and other more generalized information which are put in pages within a blue square, using three columns.

dsc_0282

Here is the oversight of grids in the three-columned page setup.

dsc_0277

Here is the layout of every other page in the book, which I’m assuming is the master grid. It is built on two grids, which vary slightly in height as the length of text varies. On pages with photos, the photo stretches from left bleed on left page to end of first grid on the following page, which proves that the two-paged layout is the main layout, even used when grids are not visible through text columns. The style is symmetrical, but it can be argued that there is a sense of asymmetrical layout on pages with photos stretching further than one page. I would disagree, as they measure identically with the grid at their ending points.

The head, fore edge, back and foot carry out symmetrical identities (sizes). This creates readability and simplicity, two favorites of mine and many others.

 

 

LA08 – Layout pt.2

Symmetry/Asymmetry

Brief:

  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).

  3. Submit your drawings and findings at WordPress.

dsc_0252dsc_0253dsc_0254dsc_0255

Second attempt at tension did not quite succeed at expressing the feeling as the first one. I think it’s because I got it right the first time, and trying to recreate the same thing without repeating the same method made it the failure that it is.

The sketch with several rectangles is not a part of the assignment. I just wanted to try something out with more elements than two.

 

LA08 – Layout pt.01

Form and space

Brief:

  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.
  2. Write down your findings, and remember to take pictures of your progress. Submit these pictures and your write-up on your WordPress blog.

 

I have documented my work in Indesign (explanation as to why I have done so can be read in the introduction) and uploaded it as a PDF. You can check it out here: form_and_space_frida_aamot

 

 

LA 06 – History of photography

Assignment 1.

  • Pick three events in the timeline from this week’s lesson History of Photography: An Introduction, and find photographs of the event on the Internet or in the library and write a paragraph explaining the event in more detail. Include your photographs in the description.

Assignment 2.

Go to the library or search on the Internet and find a photograph from the 19th century (taken before 1900). Write a short “think piece” about this photograph. You are free to select any image you would like to write about, as long as the photograph was taken during the 19th century. Examine the photograph carefully and write about what you see and what the photograph makes you think about. Some (but not all) things you could consider are:

  • What does the photograph tell you about the photographer?
  • What does it tell you about the subject of the image?
  • Does the technical quality of the image (or lack thereof) help or hinder the success of the photograph?
  • Where did the photographer stand when he or she took this picture?
  • How does his or her camera position or angle affect the outcome of the image?
  • Why does this picture interest you?

In short, tell me what you think about the image in your own words. This assignment is to be written in a word processor (doc, docx or pdf) and uploaded to your WordPress blog. The image you are writing about should be included as an embedded image in your paper.

Assignment 3.

  • Do research on the Internet or at your local library on how to make your own pinhole camera.
  • Make a pinhole camera and take some pictures of what it looks like. You can upload these pictures to Moodle.
  • If you have the resources, buy a roll of film and take a few shots with your new camera.

 

PDF:   learning_activity_photography_research
PS: I might have misplaced some of the links in the last page (sources).

You will not find assignment 3 in this pdf. Arianna (from my class) and I made a pinhole camera today in my very own livingroom. We ran out of sunlight before it was done, so we decided to take the photos tomorrow (monday) instead. Hence the delay on documentation regarding the last assignment which was not mandatory for the deadline at midnight.

It’s been a real joy learning about the birth of the camera, and I can’t wait to see the photos we get from our own home-made pinhole camera.