Learning Activity – Front Cover.

Learning Activities

Have a look at all the tasks and lessons you have done over the last few weeks. Your task now is to make a cover/a front page for your very own magazine.

  1. Go through the Graphic design history time line and choose a style and designer that you feel relates best to your personality, even has similar traits to you.
  2. Using that designer/style as inspiration, use your name or part of your name ( be creative) and create a title/name for your magazine
  3. Add your own pictures, text, illustrations, elements as well as the proper typography and titles for your cover.
  4. The expression must represent your personality. (Remember the color choice regarding this).
  5. Remember to include what kind of magazine it is, i.e.cars/bikes, fashion, design, weddings, etc.These are my cover designs for this week.My first design “Nordic Waters”, I tried working with the photo and its colors to get good readability. I drew visual inspiration from some hunting and fishing magazines. The image is my own photo taken earlier this year.

    However i ended up starting over again and designed “Vector Magazine”.

    The titles are a little more simplistic and contain less text. I think this resulted in a clearer message. I also felt this was more “me” style wise.
    The illustration in vector Magazine was illustrated specifically for the cover using Adobe illustrator.

    I decided naming the “Magazine” Vector as i was using vector art on the cover.My name is also Torhaug so vecTor is a nice coincidence.

    Nordic waters.png

    The Style era would be 1990 – 2005.

    The artist that inspired me for the illustration was Michael Turner.

    He was a comic book artist when i was young.He sadly passed away due to bone cancer. But his art style definitely has had a strong influence on me as a young artist, so much so it is almost on a subliminal level in allot of my work now.

    https://en.wikipedia.org/wiki/Michael_Turner_(comics)

    Vector Magazine.png

Thank you for reading.

– J

 

Advertisements

Learning Activity – Typography.

Learning Activities

 

 

Typography :

 

  1. Define the term “typography” in your own words.
  2. Write a few sentences explaining what typography is not.
  3. Find a case study on typeface development on the Internet (similar to the ones in Addendum A). Explain which medium (small format printing, large format printing, mobile devices, etc.) the font developed is best suited for and why. Keep legibility, size and style in mind.

 

What is Typography :

Typography is important in everyday life. It appears everywhere, on packaging, web, books, bottles, store fronts, road signs and cars. The list goes on.

Typography is useful because it conveys information to the reader, be it on a subconscious level or very clear and maybe even glaring manner. Depending on what the typography is used for, it can be designed to catch the readers eye or as very readable information about contents of medical packaging and nutrients on foods as well as for other descriptive purposes.

Arranging lettering and wording can have a massive impact on the readability and composition in a piece of wording.The arrangement in relation to other words and titles as well as placement within artwork, magazines and newspapers affects the experience of the reader.

Typography comes into play specifically  when we choose fonts, review and decide upon spacing of lettering, words and lines. When we choose the size of the letters as well as the length of the lines. With this we ensure how the copy of text looks like as well as ensure it is as easy as possible to read and flows well for the eye.

What typography is not :

Typography is a lot of things, however it is easy to get the definition wrong so it is important to understand what typography is not.Typography can be a very broad term however it can often be misunderstood. Handwriting along with lettering for instance is not typography. it may contain elements used in typography, however these things along with sign writing, graffiti, are not, even though they can be supported by typography.

Confused yet ?, i am.

Recap : Typography is not hand lettering, graffiti and sign writing etc. however elements like line spacing, size and composition as well as placement of lettering is.

Typeface Development :

The making of Tundra : http://tinyurl.com/mmxeqcc
by Ludwig Übele.

Tundra, this is an example of where naming of the font describes the inspiration of its creation.The designer mentions specifically that the name of the font was in place before he started creating it.

The font Tundra is created for comfortable and easy reading. This is a Serif typeface which is preferable for longer text copies. This means that it would work well as a font used for the main text in a book.

By manually graduating the weights of the font the creator made six different weights, meaning the font can be used with different weight sizes and can be applied appropriately for the particular design you may have in mind.

 

 

 

Practical assignment (2 days)

  1. Complete the exercise files that came with the Lynda video Indesign Typography. Upload them to WordPress.
  2. Use your design software to design a newspaper front page. Pay special attention to typography (size, leading, column width, etc.).
  3. Use your design software to design a double-page spread (DPS) for your favourite magazine. (Look at an example of a DPS here.)

 

 

PDF of the front page : graphic-news-front-pagegraphic-news-front-page

 

double-page-spread

PDF of the Double Spread : double-spread

 

 

 

 

Research and written assignment  (observation and analysis)                                                                              (1,5 days)

  1. Document one day of your life acting as an observer of typographic design. Produce a comprehensive diary of the typographic experience of your day from first thing in the morning to last thing at night.
  2. Keep this diary within a research folder or sketchbook. You should be prepared to use photography, photocopying and other means where necessary to evidence what you find, as well as collecting first-hand examples of typographic design.
  3. Make notes or comments to reflect on what you have collected and documented. Your notes should help you to consider what kind of design it is that you are recording. For example, a cereal packet may have some large obvious lettering / typographic device on the front of the box, but there will also be typography in the form of information design within a “nutritional information” table on the packaging. So are you looking at promotional design/branding or information design? Or are you looking at typography? Is it lettering?
  4. Choose two examples of design that you have collected that you consider to have either good or bad qualities. Try to analyse these further in terms of their typography. Can you identify the typefaces being used? Does the typography communicate successfully? If so, why? If not, why not?

Learning Activity – Sketching Techniques.

Learning Activities

Practical assignment (observation and analysis)    1,5 days

  1. Define, in your own words, the printmaking terms.
  2. Find examples on the Internet to represent each of those terms.
  3. Use your graphite, eraser, eraser putty and blending stub to sketch spheres using the following techniques: hatching and cross hatching, blending, rendering, squiggly lines and cross contour lines. (Please scan your sketches and upload them to your blog.)
  4. Watch the prescribed Adobe Illustrator video on Lynda.com and complete the exercise files.
  5. Find a poem that inspires you. Follow the exercise in the lesson above and illustrate your poem

1 – 2.

Printmaking Terms.

Wood engraving.

An image is carved oput of hardwood. The piece is then covered in ink by the artist or print maker and then used to press prints, either by hand or with a print press.

moth_keyblock_woodcut

 

Linocut.

This is the same principle as the wood engraving, however instead of hardwood, Linoleum is used in this process.

linocut

 

Drypoint.

Drypoint is an illustration or image carved out on a soft metal plate before it is inked up and the cvarved illustratrion is then printed using a a print press.

drypoint.jpg

 

Etching.

In etching, wax is applied to a stiff metal plate. The wax is then etched to get an illustration or image. The plate with the wax illustration is then lowered into an acid bath. This sears the exposed metal. The plate is then inked up and used in a press.

waxetching

 

Engraving.

In engraving lines are cut into a metal plate to form the illuystration. it is then inked up and used in a press to create the illustration. Bank notes are created this way.

Engraving.jpg

 

Lithography.

Wax is layered on a stone tablet to form the illustration. The Ink wont stick to the wax so when the tablet is used it creates a negative drawing on the paper it is pressed on. A drum is rolled over, transferring the image to paper.

lithografi

 

Screen Printing.

In screen printing the masks make up the lines in a silk screen to create a design. Coloured inks are then used and pressed through the screen using a squeegee and onto paper.

screen-printing

 

Monoprinting.

Monoprinting is simply ink on a glass pane, which is then manually pressed on paper.

monoprinting..jpg

 

Digital Printing.

Digital printing is used for Digital Fine art among allot of varied types of illustration work.
For the most part limited editions etc.

bigstock-offset-printing-machine-46372789.jpg

 

 

3.

sketch spheres : using the following techniques: hatching and cross hatching, blending, rendering, squiggly lines and cross contour lines. (Please scan your sketches and upload them to your blog.)

PhotoScan.jpg

 

5.

Find a poem that inspires you and illustrate your poem.

Bathory – The Ravens.

Steadily on jagged wings
Feather black against the burning sky
Spread your wings and ride the wind
Gaze down on me with blackest eyes

Fly my ravens, fly ahead
Over the mountains and endless sky
Fly my ravens, over my head
Let the wind carry you up high

Fly my ravens, it’s time to fly,
And for me maybe …to die…

File 12-09-16 04 04 17.png

Learning Activity – Graphic Design History.

Learning Activities
Practical assignment (observation and analysis)            1 days
1.1.Define, in your own words, the Bauhaus, De Stijl and Swiss
Movements.
1.2. For each of these movements: find examples from their eras,
as well as current designs that are influenced by these styles.
Explain in your own words how these designs were inspired by
the movements.
Question 2
Research, written & practical assignment (problem solving)    1,5 days
  • Look at the history timeline at the beginning of this lesson. Gather information from 1900 – 2000, and design your own timeline using the Swiss Design Style as your theme. Each movement should be described in a creative way.

 

1.1
The Bauhaus movements motivations in the 19th century was to improve upon the soulessness of manufactured products. They felt that creativity and the industry manufacturing for every day life were drifting apart.

Bauhaus, a German word meaning “house of holding” was a school founded in 1919 in Wimar, Germany by architect Walter Gropious.The school was based on the desire to reunite the applied arts and manufactoring, as well as reform education.

Experimentation and problem solving at the Bauhaus is enormously influential for the approaches to education in the arts.It has led to the “fine arts” being rethought as the “visual arts” and as a form of research and the use of a more scientific approach.
Function over form was the main school of thought and is still widely used in graphical design today.

 

The De Stijl movement (The style),The futurists and constructivist wanted to destroy the old world and create a new on based on the machine, industry and socialism.
De Stijl rejected the traditions they belive caused world war 1, but unlike the futurists and constructivists they wanted to rebuild the world with an approach that merged math and harmony. in 1917 a group of artists, architects and designers met in the netherlands.
The leader and one of the founders, Theo van Doesburg said “The old is connected with the individual, the new is connected with the universal”.In 1924 the movement disbanded because of disagreements over styles and ideals based on the human condition and need for personalisation of styles and individuality.

 

The swiss movement also known as International Style in graphic design, does not simply describe just a style of graphic design made in switzerland. It became famous through the art styles of designers from Switzerland, Russia, Germany as well as the Netherlands in the 1920`s.

This style of art, architecture and culture became what is known as an international style after the 1950`s. It was produced by artists from around the world, despite this it is still known as the Swiss style and the swiss legacy.

“Perfection is achieved, not when there is nothing left to add, but when there is nothing left to remove.” -Antoine de Saint-Exupéry.

 

1.2

 

The Bauhaus :

The Bauhaus style has clearly influenced these artists creating new designs for movies, gatherings as well as posters that represent the style iutself. The first poster is from the era of the Bauhaus movement. The three other images are relatively new designs crated post year 2000.

 

De Stijl :

The poster in black and white is from the era of “De Stijl”. I remember De Stijl greatly influencing alot of Ikea furniture in the 80`s-90`s.  Making a comeback every now and then it is clearly a very influencial style of design.

 

The swiss / international style :

 

The swiss style is greatly influencing designers all over the world today and is in my mind the definition of design.Whether designers know it or not most styles can be traced back to this specific style in some way. this also holds true for the Bauhaus as well. however the swiss style has a tad more freedom to work with and therefore have a wider demographic.

 

2.

 

 

Swiss Style Design History

 

 

Thank you for reading.

-J

Learning Activity – Gestalt Theory.

Learning Activities
  • Define the Gestalt Theory in your own words.
  • Page through a magazine or newspaper or browse the Internet and find a different logo for each of the Gestalt principles. Explain in your own words, which logos are showing which principles, motivate your answer.
  • Find examples of four themes of thinking, and explain your choices.

gestalt-psychology

 

The Gestalt Theory defines when objects form or illustrate something in a group or pattern, the human brain often percieve as something recognisable or pleasing to the eye.

The term “Gestalt” Is terminology used in psychology  and it`s meaning is “unified whole”. The theory is based around visual perception and was developed by German psychologists in the 1920s. They describe how we as humans always tend to organize visual elements into groups and make connections, even if they are not visually present.

 

Figure :

In this image a simple silhuete of steve jobs in the apple logo is very powerful as it displays everything apple is about in the simplest of manners.

apple-figure-ground

Proximity :

I thought this image was really cool as the shapes gather to create the corner of a brick wall, creating depth.

Proximity wall

 

Similarity :

Another image i really like as the shapes are predominantly the same, however arranged like this it is clearly the statue of liberty.

Statue of liberty Proximity

 

Continuation :

The amazon logo is a classic and it clearly illustrates the continuation in the logo with the arrow passing by in the shape of a smile.

 

amazon_logo

 

Closure :

The FedEx logo is an example of closure with the “hidden” arrow.I never really thought about it before it was mentioned to me. However subliminally i have always known it was there.

FedEx

Figure and Ground :

The sony walkman logo creates a depth with the shapes surrounding it.giving it an illusionry effect that it kind of rises from the wall or ground.

walkman-logos

 

Themes of thinking.

Negative/white Space : My personal favoriute use of the Gestalt theory is good use of negative space, meaning something is not completely drawn out in the logo or illustration but the brain completes the pattern and the shape of the logo or drawing as it knows the patterns are connected in some way.

The most used example of this is for instance the World Wildlife Fund panda logo.

Another description of it is used alot in sketching and drawing portraits and is usually described as “indicating”. Example : i almost never fully draw the lips on a portrait or a drawing of a face, i indicate the lips, the reason for this is if you outline the entire set of the human lips it looks strange and fake in a way. There are however some instances where drawing the entire outline would work well for stylistic reasons (ie a clown, a model or someone wearing highly contrasting makeup).

Ockham`s Razor : Elements and factors that are not needed or seem superfluous should be removed. in this you reduce the risk of inconsistencies and confusion. This is very true in design as well as some designs can end up looking cluttered and in the end, not being noticed and just be seen as noise if it is overdone.

Graphic Impact : Graphics should create a visual impact and grab attention to reinforce comunication, without being too distracting or complicated. (Ie see Ockham`s Razor).
This is an effective way to comunicate  a message fast and simple if it is done correctly.

Scale : Scale is important for design work as scalability of the work done is paramount. A logo have to work on posters and boxes as well as on stamps and stickers. This is easy to forget when you sit on the computer and work on something while you zoom in and out. Readability is paramount in a design at any size.Thinking of this in the design process saves alot of hasle down the line if the logo is to be used for a new product.

Thank you for reading.

 

-J

 

 

Learning Activity – Composition.

Learning Activities

Take a series of photographs, each photograph must focus on one of the following:

  • Pattern
  • Symmetry
  • Texture
  • Depth of field
  • Lines
  • Framing
  • Perspective
  • Space
  • Balance
  • Colour

Submit your ten best photographs.

 

 

 

Pattern : I chose this image for pattern as the pattern in the stones of the tunnel gives the image depth.300815_1899

 

 

Lines : The lines in the fireld of this shot are useful to get the eyes moving around the image. Along with the fog.DSC_3853

 

 

Texture : I chose this image for texture as stone generally have alot of interesting textures, along with the river/water as a contrast to the stone.DSC_3154

 

 

Framing : I framed this shot with the rule of thirds in mind (as i generally do with all photo shoots). This weather station on the coast was an interesting to me as it was standing alone by the coast on an overcast and windy day.With some depth of field along with the lighting the image turned out quite interesting.   DSC_2507

 

 

Balance : I found this stone pillar by the river, someone had set it up to mark the rise and fall of the water running by.The stone balancing on top, along with some space with the river made for a well balanced portrait of the vertical pillar.DSC_3206

 

 

Colour : The colour of the flishing rod’s line stood out and contrasted well with the dark water and wood of the boat.DSC_3219

 

 

Perspective : I chose this image for perspective, because of the lines in the boat and its structure, you can almost  se perspective lines tied to it from the horizon.031015_1546.jpg

 

 

Depth of field : The bushes in the background of this image are quite blurred out (Boke), this ensures the focus of the image are the two birds perched on the fence. The trick here was to ensure the sparrows were both sharp and in focus in the photo.031015_1521.jpg

 

 

Space : Taking this photo i decided to take a few images in a portrait orientation to  gather the vastnes of the location rather than taking all landscape oriented images. A big sky and the mountains in tyhe background leaves alot of space but still amphasize the treeline in front with a white tailed eagle perched on a branch. I did get another with the bottom of the treeline in the image.

DSC_3618.jpg

 

Symmetry : I chose this image for symmetry as both the White tailed eagle and the seagull were gliding and moving their wings with an unusual, almost strange synchronicity. despite the birds being quite different in size and species the symmetry of this was fascinating to me.DSC_3679

 

 

Thank you for reading and viewing.

 

J

Learning Activity – Studio Lighting

Learning Activities

Question 1

(30 min)                                                             

Written assignment
  1. Name three lighting sources and their functions.
  2. Name two light modifiers and explain the difference between them.
  3. Draw a diagram of and describe the three-point lighting setup.

Question 2

(2 hours)                                                                     

Research assignment
  1. Draw three studio setups for the following subject matters and list all the equipment that you would use to light your subjects:
    • Portrait
    • Fashion
    • Beauty
  2. In a magazine or on the Internet, find one fashion shot, a beauty shot and a portrait shot and explain how you think the lighting was set up in each shot.

Question 3

(2 hours)                                                                     

Practical assignment
Take some portrait shots and pay specific attention to the lighting you use. I would like to see a shot with soft lighting and one with more dramatic, harder lighting. It would be beneficial to hire studio lighting, but if you can’t, you may use natural light, reflectors and your camera’s flash.

Due dates

This Learning Activity must be published on your WordPress blog by the end of the week.

Please note

You must complete 80% of the Learning Activities in order to pass this course.

Resources and equipment

  • Pen, paper and scanner
  • Magazines or the Internet
  • Camera
  • Model
  • Lighting equipment (if possible)

Learning Activity – Put Thought Into Your Design.

Learning Activities

Design a 5-page website or blog to promote your hometown (or any other place if you so choose). Present your design along with a strategy that explains the decisions you’ve made during the design process (keep the six steps mentioned in the lesson Web Design Process: Designing for Web (part 2)in mind). Remember, it’s important for us to see how you think, so explain why you decided to do things the way you did.

This is a front-end design learning activity. No coding or publishing is needed.

Please upload this activity to your WordPress blog along with a Word document or PDF explaining your strategy.

I Decided to make a page about Frøya in Sør.Trøndelag, Norway.

A google maps location : http://tinyurl.com/gsqpz4x

I started the project by reading the local news paper online : http://www.hitra-froya.no/
I then created some wireframes to have a good plan to execute. – Frøya  <-WireframePDF.

1. You need to establish goals
Goals : Visually pleasing, easy to navigate, representation of local vistas.

2. Who is your audience?
Audience : Local population as well as tourists and outsiders  reasearching the area.

3. What is your brand’s image?
Image : This one is a bit hard to describe but words that come to mind are community and scenery.

4. Solve the problem
Problem? :
5. Measure your results
Results? :

6. Always look for little improvements
Always do.

 

Learning Activity – Design Different Looks.

Learning Activities
Copy the exact content from a homepage of a website of your choice. Now redesign this homepage in three different ways. Each design should evoke a different emotional response from viewers. You can choose what you would like these emotional responses to be.

Please upload this activity to your WordPress blog along with a short report where you explain the look and intent of each of the three designs.

Learning Activity – Create a Wireframe

Learning Activities
Now it’s your turn to create your very own website wireframe.

In the last assignment, you had to come up with a list of 10 questions for a briefing form. I would like you to now fill in this briefing form, take the answers and create a wireframe for the site.

You can choose if you want it to be a lo-tech or hi-tech architecture.  Regardless of which method you choose, I would like to see as much detail as possible. Also, please write a short paragraph to explain why you chose the lo-tech or hi-tech option.

 

 

 

For this assignment i used the online software LucidChart. It was similar to the software demonstrated in the lynda videos and was easy to learn. it also simplified making good wireframes in a good looking and nice clean style, suitable for demontrational purposes.
It is also easy to change things around and add notes while working and it has a good cloud storage solution when working on the move, meaning you dont have to run around with a specific computer or USB pen when visiting a client.