Masthead Design (left spread)

Mood Board and Font Audition

Mood Board & Font Audition

Project Research

The style I was assigned for is contemporary art; therefore, instead of summarizing all the contemporary arts into one single design language and style, one style is chosen to scale down the project size, and thus, easier to work with. The selected art movement would be Superflat, which is a postmodern art movement, founded by the artist Takashi Murakami. The term is used by Murakami to refer to various flattened forms in Japanese graphic art, animation, pop culture and fine arts, as well as the "shallow emptiness of Japanese consumer culture." A self-proclaimed art movement, it was a successful piece of niche marketing, a branded art phenomenon designed for Western audiences.

A central influence on the concept of 'superflat' is the japanese cartoon culture of manga where enthusiasts are lured into a magical world that is divorced from reality. the insistent two-dimensionality of manga often results in an overall patterning of colors and shapes which provides a parallel space in which to escape from the pressures and expectations of society at large. all of the artists in 'superflat' work between the established boundaries of their respective genres, for instance where fine art photography meets commercial photography, where painting meets illustration, or where fashion meets theatrical costuming. The 'super'" in 'superflat' not only emphasizes the planar qualities of much of the work, but also denotes a special, charged characteristic or attitude. with 'superflat' murakami suggests a broader definition of contemporary art in japan and the wide range of activity within the exhibition can be seen as a direct challenge to the traditional borders and hierarchies between cultural genres.

Project Briefing: Masthead ReDesign

Use the info below as the material / content for the visualization of a style listed below. 6 ways of representing Data: (Visualisation Archetypes)

• Map (Demonstrative Diagram)
• Shopping List (Written Note, Letter)
• Stock Ticker (Technological Transference of information)
• Future Interface (Abstract notions of communications) - Bluesky solution
• Punkstyle (Deconstruct - reconstruct) Abuse of existing technology redefining parameters and usage
• Modern Conceptual art - Unusual distillation of the information relating to an existing concept or way of communicating using visual metaphors.

Book List from ID3 Class 3

TITLE: Daniel H. Pink: A Whole New Mind
Comments: This is a creative must read for our new modern times (at least in my opinion). Pink offers a new foothold for creativity for us all.


TITLE: Bill Buxton: Sketching User Experiences
Comments: This book is great for all creative designers in New Media. However, New Media or not, it's a really useful book.


TITLE: John Maeda: The Laws of Simplicity
Comments: This book won't take too long to read, but contains principles that I use in both my professional and personal life. Meada is a very influential force in the realm of New Media.


TITLE: Bill Moggridge: Designing Interactions
Comments: Mr. M has seen it all through the ups and downs of the development of Microsoft and Apple. Lots of great guest interviews/case studies. Also a nice DVD at the back.

ID3 Class 4 Links

Title: Coke Zero Game
Comments: Created by Design Chapel. Amazing combination of Sound, Pop Culture, Video, Artistry, ect.
Click here to visit the site

Title: Making of Get the Glass
Comments: Shows the process of creating the campaign. Another award winner from DC. The Design Chapel blog also contains the making of the "Coke Zero Game" as well.
Click here to check it out

Title: Gears of War Video Game Trailer
Comments: Beautiful, mysterious, compelling and engaging. And it's a frikin videogame!!!!
Click here to check it out



Title: "Get a Girlfriend" Axe Commercial
Comments: Compelling to watch but you don't really get it until the end.



Title: VW GTI "Uber" cool Ad
Comments: I love how CP took the problem and really capitalized. Overall, really funny campaign.



Title: Axe Gamekillers Campaign
Comments: Wow - what an amazing campaign. Such a strong core concept and wonderful implementation into each deliverable/touchpoint. Enjoy.

ID3 Class 2 Links

TITLE: Design Chapel
Comments: These guys are my idols. They effortlessly navigate the realm of POP Culture and have a great design aesthetic. Not only does it document design process but highlights design as lifestyle.
Click here to view


TITLE: DIOR MEN's Cosmetics
Comments: I think we can all agree that this was the SITE OF THE DAY. Nuff said.
Click here to watch


TITLE: Art of the Title
Comments: For obvious reasons, this site rocks. This blogger rocks. Please remember that these sequences are more than just eye candy. They are excellent studies in Narrative, Aesthetic, Art, Creativity, Audio/Music and Storytelling. ENJOY!!!
Click here to view


TITLE: NikeID
Comments: What a marvelous example of Concept and the wonder of New Media
Click here to view


TITLE: Search Me
Comments: Visual Search Engine
Click here to use


TITLE: Vault49
Comments: Nice collection of slick work. Not too crazy about the navigation
Click here to use


TITLE: A List Apart
Comments: A nice resource of writings pertaining to Design
Click here to use


TITLE: Zen Habits
Comments: This resource has a ton of links to help your life. Some good and some bad, so please take your time.
Click here to use


TITLE: Emily Carr Design Grads Blog
Comments: What the heck. We're all sharing the same web. If you get a sec, read their design journals to see what they're up to. We're all in this together.
Click here to view

ID3 Class 1 Links

Title: Jeff Han - Touchscreen
Comments: Just watch - can't wait to design an interface for this technology. It's already starting to become available.
Click here to watch

Title: Web 1.0 vs. 2.0
Comments: A simple, lo-fi understanding of 2.0 vs 1.0
Click here to watch

Title: What is Web 2.0
Comments: A very nerdy, but informative way of learning about 2.0
Click here to watch

Title: The WEB is using us
Comment: More entertaining - a nice piece
Click here to watch

Title: Cirque Du Soleil - Casting Site
Comments: Really solid site with a purpose. It's function is to inspire and motivate
Click here to watch

Title: Sartorialist
Comments: This is that guy who goes all over the world and takes pictures of really stylish people. Addictive.
Click here

Title: CoolHunter.net
Comments: Just go there
Click here

Title: Innocentive
Comments: The Wiki site that shares medical information to cure ailments.
Click here

Title: Halo 3
Comments: Make sure you have a good internet connection. Beautiful.
Click here

Title: Wired article on Halo 3
Comments: This article talks about how they design the new game. really interesting stuff.
Click here

Title: Sony Universe
Comments: Another Media Rich site. Beautiful as well.
Click here

Legend and First Spread Design

Instead of four languages, it is scoped down to three: English, Japanese and Chinese, and the reason behind it is because the Japanese fonts can satisfy these three languages without enounter too much troubles. Otherwise, the only option would be Microsoft's Unicode fonts' which have a lot of kerning issue and design flaws.

Diagram Design and Font Audition

Buttom down is the selections of fonts that i might apply for the handbooks; however, the korean fonts do not have a set of style compared to kokuza pro and myriad pro. So, there is need to investigate further on other Korean fonts that fit in with other twos.

The diagrams can be separarted into three catagories: 1) Corrected Method 2)What should do and 3) what should be avoided.

Sketch and Concept # 2

Sketch and Concept # 1