Design | Learning Task 13 : Good and bad type

Good Examples of type

1. cake-shop

The twirls at the end of the letters indicate delicate cake work and trimmings

2. la-fit

The italics indicate movement essential in a gym and getting fit

3. magazine

The  “R” in art shot looks like a brush stroke indicating artistic qualities as the photos show an artistic creation

 

4, orbea

The Orbea design gives the sense of movemont and curves indicate wheels as this is selling a bicycle

5.reno

The word revolution wwith its multiple piece letters indicate joinery essential in renovations.

Bad Type

1.atthe-heads

At the heads is very bland type and for a restaurant this does not convey an inviting message

2. carmaart

Used car salesman in Comic Sans indicates something funny and lightharted. I don’t think that a sales person wants to come across a s a joke?

3. chilli

 

chilli on the back windows spacing so close together that the last 4 letters almost seem to be a blur and definitely not eye-catching for a moving advertisement

4. paddy-pallin

Paddy Pallin writing with its cursive links doesn’t convey an Outdoor store rather it seems more suited to a dress or fashion store

5. truck

Devereaux renovations is hard to link it to a renovation company. maybe more emphasis need on the word renovation?

Learning Task 14 : Poster Design

Learning-Task-14--Poster-Design

 

“Worry often gives a small thing a big shadow” I consider this is a serious quote. So with that in mind I chose “Elephant” font as its Bold design along with Serif allows it to be taken seriously whilst being a loud statement. I have used different colour to convey the essence of the quote small being blue, as its something not normally seen to be a problem. And red to show that its a burning issue. The word Shadow is in grey for effect.

Design | Learning Task 11 : Typeface Panel

Kuntsler-Script2

Kunstler Script is a regal handwritten design. Useful for invitations and signing artworks.

Kunstler Script was designed by the German Stempel foundry in 1902. Hans Bohn, a German graphic artist and type designer, extended the font family in 1957 with a black weight. 

 It was originally titled Künstlerschreibschrift, which translates from German to English as “handwriting of artists”.

(Wikipedia and prepressure.com)

 

 

 

 

Design | Learning Task 10 : Sketching Layouts

 

 

 

Re-Submit

IMG_20140527_0004

IMG_20140527_0001

My website will be a Resume website for myself. It has been designed with Gutenberg Design in mind.  Dot points on front page outlining main skills. Image is of myself with right hand out appearing to hold dot points.

IMG_20140527_0002

Tried to keep the Business card simple and free of clutter with only the Bare minimum of Information needed

IMG_20140527_0003

Newsletter front page. Main Heading at top with Major story consuming greater part of page. Flow Left to right with advertisement situated at page exit point.

Design | Learning Task 9: Gutenberg Diagram

 

 

 

Re-Submission

Twitter-Front-Page

 

 

Above is the Frontpage of Twitter that seems to follow the Gutenberg Diagram more closely

The Australian Flow Example

 

The Australian exhibits The Gutenberg theory of flow. The Title “The Australian” is situated centre tom. First Article title has Bold type. Flowing diagonally rightwards to the bottom right article showing also the same bold and size title.

The amount of eye catching images are limited to the centre of the page.  The use of grid is very evident being a news site.

Family Relationship menus are situated at top of page. There is ample amount of whitespace to rest the eye. Common elements are situated in common placings.

The website was The Australian loaded very quickly.

Design | Learning Task 8 : Grid Layout

Magazine-B-without-LinesMagazine-B-with-Lines

 

Mens Health Magazine Article quite simple easy to view Grid

Design Principles Balance in the way 2 small pictures are used in the top half with the text in similar positions, and Balance in the bottom half with Large picture and text underneath.

Magazine-A-without-lines Magazine-A-with-lines

Another Mens Health Magazine article with easy to identify lines

Design Principles – Use of Negative space to draw attention to the left.

266-EurekaTower 266-EurekaTower-lines

Example of Grid lines in Architecture pictured is Eureka Tower in Melbourne

Design Principles – Repetition with the horizontal lines

afl-original AFL-page

AFL website has quite a large number of grid lines due to a large amount of available content

Design Principles -Repetition

Stitched Panorama

This piece of Architecture appears to have some grid lines at bottom but due to the Chaos at the top of the building this grid lines are no longer evident

Design Principles – Movement, the building seems to be falling.

Federation_Square_Melbourne.

Federation Square in Melbourne. The windows transparency reveals a series of diagonal lines which appear not to follow a grid system

Design Principles – Rhythm in the repetition of the diagonal lines

 

 

 

Design | Learning Task 6 : Whitespace

Find five examples where whitespace has been used effectively in:

  • Print-publishing (magazines / newspapers)

20140508_015426_resized

The observatory hotel is using grey as the whitespace in this photo and a lot of it

  • Street advertising (billboards/ shop-frontage)

lton

The Black around the word braaap is the whitespace in this street signage

  • Billboard

apple ipad mini billboard

Apple is using White in this billboard as whitespace

  • A Website

taylormade

Taylormade website is using a lot of whitespace shown here as the grey background

  • Broadcast (TV) …have your camera handy to snap a shot OR find an online streaming service and screengrab the frame you want.

whitespace ad

White space is the large amount of white in background

Design | Learning Task 5 : Identifying Negative Space

  • magazine / comic / newspaper

20140508_013335_resized

I see the negative space in the main image, in the skin tone, as picture has been edited in grey scale

 

  • web

iinet

White space within the Orange circle between the outline of design

  • architecture

web bridge

 

Negative Space in Web Bridge is blue of the sky and the grey of the path

  • natural environment

lookup

The white of the sky provides Negative space with the picture showing the tree reaching for the sky

  • street signage

negative space pic 3

The white within the red circle and around the number provides the negative space

  • vehicle signage

jfk_taxi_new

The Yellow within the T is the negative space here of a NYC taxi

  • film

film

 

Return of the Jedi Poster Uses the Aqua colours as the negative space with the artistic tree work to show definition in the Darth Vader Face.

  • broadcast

star wars

The Star Wars Logo shows negative space within the yellow outline as black

 

  • automotive design (bodywork / structure rather than signage)

product_detailed_image_32088_2558

The White here provides structure as well as negative space

  • human anatomy

figure3

Cross section of lungs showing ribs using negative space