Group Project

Newspaper Design

Screen Shots

Compilation of a few sketches

Brief Rationale

                 The name 'The Native' simply derives from the definition itself, as the newspaper is intended to be distributed locally. We attempted to create something modish and current for our market (something that is eye-catching), hence the play with several distinct colors for the masthead and headlines shown above. We believe that the type of fonts used show a sense of professionalism (appropriate for a newspaper design), as well as helping in easing the readability for our readers. Also, in order to enhance our designs to look more realistic, we have placed in as much print advertisements as possible because advertisements are the main income generation for all newspaper organizations. Lastly, we have decided to use the quill as our newspaper design symbol as it illustrates the notion of freedom and creativity through writing.

References:

http://pinterest.com/ozeki/weird-exotic-places-on-earth/

http://weareunscene.com/life/art-inspiration/dont-judge-a-book-by-its-cover-marilyn-manson/http://www.cbc.ca/arts/photoessay/frock/index7.html
http://steveroberts.deviantart.com/art/Marilyn-Manson-65358940
http://hairstyles-shorthair.blogspot.com/2011/11/rose-tattoos-designs-for-girls.html?m=1
http://mokheir35.deviantart.com/art/Rose-Skull-tattoo-design-319754411
http://www.sauer-thompson.com/junkforcode/archives/2011/11/nz-photography-9.html
http://fashiongonerogue.com/jean-paul-gaultier-tattoo-bottle-diet-coke-debuts-campaign/
http://joaogomesblog.wordpress.com/2012/06/

http://www.pretty-girl-rock.com/2013/02/mac-archies-girls-collection.html
http://www.fashionmagazine.com/blogs/beauty/2013/01/25/mac-archies-girls-makeup-collection/
http://www.bciphoto.com/blog/2013/03/pga-wgc-cadillac-championships-at-trump-doral-golf-club/pga-world-golf-championship-cadillac-championship-101/
http://www.guardian.co.uk/football/2011/jun/05/england-rio-ferdinand
http://news.abnxcess.com/2013/03/hishammuddin-tells-lahad-datu-intruders-surrender-now/
http://www.fastcoexist.com/1681317/what-bill-gates-is-focusing-on-in-2013
http://www.last.fm/music/Liyana+Fizi/+images/82534443
http://adoholik.com/2010/10/23/advertising-with-red/
http://malaysiahotelnews.blogspot.com/2011/10/banyan-tree-pavilion-kuala-lumpur.html
http://theinspirationroom.com/daily/2009/coca-cola-open-happiness/
http://rogerpoh.wordpress.com/2012/11/07/cycling-in-singapore-bicycle-lanes-urgently-needed-now/
http://tombakberapi.blogspot.com/2013/03/1-million-women-purple-walk-dan-majlis.html
http://articles.latimes.com/2013/mar/14/world/la-fg-pope-selection-20130315
http://www.gravitycollapse.com/2011/02/malaysia-airlines-our-flight-attendants-talk-shit-about-you
http://www.themalaysianinsider.com/litee/world/article/six-killed-in-bar-shooting-in-cancun/
http://leopardprintboots.wordpress.com/2012/02/02/david-beckham-for-hm/
http://www.athenna.com/club-med-2013-campaign/athenna/web_design/teoria-de-design/
http://enterarena.blogspot.com/2011/03/coffee-starbucks-ad.html
http://www.dreammoviecast.com/movie-casting-news/the-dark-knight-rises-with-tv-spots-banner-posters-and-more-photos
http://www.streetartutopia.com/?p=9573
http://www.streetartutopia.com/?p=11074
http://uppercaise.wordpress.com/2012/12/05/penang-street-art-world-photo-contest/
http://yapisland2.blogspot.com/2012/07/street-art-in-penang-heritage-area.html
http://www.ninett.net/2012/09/penang-street-art.html
http://clayman79.blogspot.com/2012/07/penang-street-art.html
http://www.timescolonist.com/sports/tennis/rafael-nadal-defeats-ryan-harrison-at-indian-wells-tournament-1.88378
http://lubbockonline.com/sports/2013-03-11/woods-wins-another-championship#.UW6HrKJmiSo
http://www.zimbio.com/pictures/7Ca7oA1iq-M/Brisbane+International+2009+Day+3/4jKb0bopQ0r/Victoria+Azarenka
http://www.tuttocalcioestero.it/2013/03/08/tottenham-inter-3-0-le-pagelle-bale-devastante-pereira-un-incubo/14643
http://www.foxsportsasia.com/football/europa-league/news/detail/item944487/
http://www.mirror.co.uk/sport/football/news/gareth-bale-living-up-hype-1746652
http://www.creativeguerrillamarketing.com/guerrilla-marketing/40-cool-and-creative-pepsi-advertisements/
http://www.my2uads.com/en/?p=4757#.UW6JS6JmiSo

Individual Assignment

Screen Shots

References:

http://pinterest.com/ozeki/weird-exotic-places-on-earth/

http://weareunscene.com/life/art-inspiration/dont-judge-a-book-by-its-cover-marilyn-manson/

http://www.cbc.ca/arts/photoessay/frock/index7.html
http://steveroberts.deviantart.com/art/Marilyn-Manson-65358940
http://hairstyles-shorthair.blogspot.com/2011/11/rose-tattoos-designs-for-girls.html?m=1
http://mokheir35.deviantart.com/art/Rose-Skull-tattoo-design-319754411
http://www.sauer-thompson.com/junkforcode/archives/2011/11/nz-photography-9.html
http://fashiongonerogue.com/jean-paul-gaultier-tattoo-bottle-diet-coke-debuts-campaign/
http://joaogomesblog.wordpress.com/2012/06/

Magazine cover re-design

The original copy

My attempt on the re-design.

Tutorial 4

*First attempt on the re-design tutorial of The Star front cover.

Tutorial 3

STRONG

STRONG

Weak

Weak

HAPPY

HAPPY

SAD

SAD

HOT

HOT

Tutorial 2

Design Principles

Emphasis
By means of emphasis in a design or an art work, one method most commonly used in order to gain the attention of viewers is the use of focal point (Skaalid, 1999). In order words, a focal point draws readers’ attention to the most crucial element on a particular page and hence creating an emphasis.

a)      Emphasis by contrast
In most cases, focal point is usually very easy to spot. Below is an example shown when the elements are light coloured in most places, a dark/dull element will be outstanding.

Source: http://www.spd.org/2010/08/arthur-hochsteins-time-magazin.php

b)      Emphasis by placement/isolation
On the other hand, object placement could also create an emphasis. For instance, when most of the elements in a work of art are grouped together and an object is left out to stands alone, eventually the single object will be the focal point.

Source: http://henori.wordpress.com/2010/11/11/emphasis/

Contrast

Although, different colours could create contrast as mentioned earlier, colour is not the only element on a page that can create such an impact. In brief, contracts occur when two distinct elements on a page are different (Farley, 2009).

a)      Contrast based on sizes
Imagine when there is difference between a large element and a small one. In this case, the text font is way bigger than the polar bear, hence creating contrast.

Source: http://thinkprogress.org/climate/2012/02/26/432546/apocalypse-not-oscars-media-myth-of-repetition-of-doomsday-messages-on-climate/?mobile=nc

b) Contrast based on shapes
Different shapes in an art work could also create a contrast.

Source: http://www.creatingcraft.com/using-contrast-to-establish-focal-points/

c)      Contrast base on typefaces
By using typefaces that are clearly distinct from one another, simple designs become much more eye-catching. One example is the use of large font as a heading, with a small body text font.

Source: http://www.sitepoint.com/typography-concordant-contrasting-conflicting/

Balance

There are two types of principles when it comes to understanding the balance in design (Skaalid, 1999). Namely, the symmetrical balance and asymmetrical balance.

a)      Symmetrical balance
Symmetrical balance is also known as the mirror image balance. When one draws a line at the center of the page, all or at least at most of the objects on one side of the screen is mirrored on the other side. An example as follow:

Source: http://annakaiser.wordpress.com/2011/09/06/design-principles/

b)      Asymmetrical balance
This happens when numerous smaller objects on one side are balanced by a large item on the other side. This can be seen in most magazines cover whereby the design is balanced out with smaller portion of text at one side and a large graphic on the other.

Source: http://jessicathmpsn23.wordpress.com/2011/09/04/asymmetrical-balance/

Alignment

Alignment brings all the elements on a piece of paper or design in order and ultimately to create an organized piece of work. There are normally separated into top, bottom, sides, or middle of text or graphic elements on a page.

Source: http://desktoppub.about.com/od/alignment/ss/alignment_2.htm

Repetition

Repetition is the use of similar or connected pictorial elements such as similar shapes, lines, or colours. Besides, the repeating elements in an image, without much variation, it can be boring. However, when variation is introduced, it relieves monotony and adds interest even when the variation is subtle. Below is a good example of an art that uses repetition with different variations (shapes and colors) to create and eye-catching design.

Source: http://www.sitepoint.com/principles-of-design-value/

Flow

Visual flow carries the viewer’s eye through the art in a way that all the crucial elements receive prominence, and nothing causes the viewer to lose sense of the piece. Below is an example of visual flow when the main emphasis starts on the graphic image then moving on to the headline and then to the text, hence creating a flow there.

Source: http://photoparley.wordpress.com/

References

Skaalid. B. 1999. Ways to create a focal point. Retrieved from http://www.usask.ca/education/coursework/skaalid/theory/cgdt/emphasis.htm

Farley. J. 2009. Principles of design: contrast. Retrieved from http://www.sitepoint.com/principles-of-design-contrast/

Skaalid. B. 1999. Classic graphic design theory. Retrieved from http://www.usask.ca/education/coursework/skaalid/theory/cgdt/balance.htm

Tutorial Exercise 1