Project 3 (Final)

Standard

continue from the previous task

Readjusted the design > printed out to check.

Misalignment.Imaginary still looking weird

Revised design:

Added numbers as the page number. MORE bleeding.

Huge emphasis on the numbers. Remove the purple circle border.  MORE Bleeding.

 

Final

 

Feedback:

 

  • Colour code the instruction page and the page with the picture so that they look like they belong to the same game.
  • The target the audience

Project 3 (Next Task)

Standard

continue from task 1

From the feedback and mistakes made previously, I came up a new design:


  • Using Complementary color to color code the different pages.
  • (Orange page) Using matching illustration to fill up the empty page.
  • (Green page) Simplify the illustration (so it can be identity by the phone)  and provide visual cue as the page’s number.
  • Give a lot of bleeding to prevent misalignment

 

Results:

Border for the instruction

More issues:

Misalignment due to the thickness of paper

Messy layout


Weird imaginary

Bleeding issue and more misalignment

 Viewer cannot flip back the brochure accordingly.

Feedback:

  • Leading
  • Narrow margin
  • Remove unnecessary border to resolve the misalignment issue
  • Emphasis on the numbers
  • Shift the game’s instruction to it’s own page

 

continue to the final task

Project 3 (Task 1: Design Exploration)

Standard

1. Existing brochure design

Using illustration and it’s color to differentiate how it is going to look when folded and open.

 

 

Using folds and die-cut to make the illustrations from different page appear to be a single image.

Using cute illustrations and die-cut to differentiate the pages.

2. Playing with folds

I will be working on my own FYP which is a mobile app for students learning Chinese. This app consists of 3 games and each game require an image to trigger the game (AR).

What I mean by an image to trigger the game:

 

First mock-up 

  1. I started with a simple 2-page fold, with my mascot at side.

2. Then I cut off the edge so the page looks like a speech bubble.

3. But when I open the folds, I realized the paper is too weak.

 

Second mock up

1. For the 2nd mock-up, I started with a 4-page vertical fold with the mascot in mind.

2. With this layout, I am able to put emphasis on the mascot and make the brochure ‘more 3D’.

3. However the first page is wasted with the cut.

 

Third Mock-up

As this brochure is about a Chinese education game, it will be interesting if the brochure itself is able to teach the viewer Chinese. Hence I came up with the idea of folding according to the stroke’s order of 火 (le mascot).

  1. I started with the cut out of the individual stroke. With the individual page I am able to visualize how it should be folded to follow the stroke’s order and where can be cut and where can the information be placed. 
  2. With the order in mind, I came out with this fold ^


3.  Next, to test the layout and cut, I did a quick mock-up in AI and printed out to check the result.

 

Selected folds : Mock-up 3

The idea of this entire page is to have all the image in one page so that the viewer and scan all the images without flipping and is able to read the overview as they go through the game.

How the brochure work:

The front of page 1 is the Logo and short intro of the app and the back of page 1 is the overview of the app.

The front of page 2 is the instruction of the first game and the back is the image that will trigger the  game.

The front of page 3 is the instruction of the second game and the back is the image that will trigger the game.

The front of page 4 is the instruction of the third game and the back is the image that will trigger the game.

The last page contains the QR code to download the app.

 

Feedback:

The instruction’s page is not interesting enough. The back of the brochure when folded look weird.

 

continue to next task

Project 2 (Final)

Standard

continue from Task 3

First print out:

After printing this in A2, I realized the photograph and illustrations look like 2 separate design. So I decided to add more illustration on the photograph.

Final print out

To summarized my take for this assignment, the poster is not about escaping reality or a program that will cure the patient, it is about how the program is able to change the way the patient look at their own condition. As I believe Art and Health shouldn’t be a program that will only help the patient to forget about their problem temporary but a program that will benefits the patient in a long term which is to guide them to see another perspective of life and then to keep them positive.

 

continue to Project 3’s task 1

Project 2 (Task 3: Design refinement & Mockup)

Standard

continue from Task 2

Mock up 1: Attention from 1. the patient 2. (from the direction of the patient is looking at to) The slogan  3. Ng Teng Fong’s logo 4. (illustrations pointing downwards to) the program’s detail.

Mock up 2: Layout the words with the images. Illustrations pointing at the logo as well.

Mock up 3: With soft colours and lines to group the illustrations together.

Feedback:

  • Play around with the Font
  • Colours

continue to Final Task

Project 2 (Task 2:Design Exploration)

Standard

continue from Task 1B

From the feedback received, I have changed the slogan to “The Happiness From Arts” , so it sound like the program is able find the patient’s happiness back.

2 Proposed layouts:

 

The symmetrical layout: The poster is differentiated with 2 sides, the left side is the side of life with Art and Health program which is presented with color and fun illustrations, another side is another side of life without Art and Health program which is darker and boring.

Asymmetrical layout: Emphasis on the fun side which is the side of life with Art and Health program.

Feedback:

Play around with the fonts, so that it can direct the way.

Play with the font so the image and the word are one.

Other feedback:

  • Character a bit scary
  • Character should potentially be a patient from Ng Teng Fong hospital. The race and the age of the patient.
  • Different side should have different clothes
  • Tagline should be bigger
  • Flow not strong enough

continue to Task 3

Project 2 (Task 1B: Develop Slogan & Moodboard)

Standard

continue from Task 1A

My take on Art and Health program:

Art and Health program is targeted for patients who will be hospitalized for a long period for time, as short-term patients are usually rushed to discharge to not waste resources. Hence my take for the poster should be something the long-term patients can relate to, things that can be found in their surroundings, which is the hospital’s equipment. Reason is because, I want them to believe that whatever is shown in the poster is achievable with their conditions, and they will really be benefited by participating in the program and not something that seem unreachable with their conditions.

Another target audience of the poster are the visitors or the short-term patients that can potentially be the volunteers of the program. The idea is to gain their empathy from the condition of the long-term patient, show them how trapped the patients are feeling. The poster should give a different vibe from the other publicity materials to show the contrast of the life of the patients and a normal life.

Brainstorm map:

Moodboard:

Sketches of my designs:

Chosen Slogan: Art Changes Life

Idea 1: A patient participating in Arts and Health program changing sad emoticons to happy emoticons. This show how Arts and Health program can change the life of a gloomy patient.

 

Idea 2: (Mixed media, Photography with digital illustrations) A patient lying on the hospital bed with fun illustrations around the patient. This show how Arts and Health program can change the low spirits place to a better (fun) place.

continue to task 2

Project 2 (Task 1A: Visual Research)

Standard

“A Walk with Hamlet and Jeongjo,” a tour that is part of the annual series of performances of traditional music in Seoul’s royal palaces, features a recitation of the Shakespearean tragedy “Hamlet.”

Analyse:

  • What is the poster communicating?

An arts event about Korean traditional culture in western context.

  • What emotions does the design elicit?

Fun, imaginary, modern yet tradition

  • What makes the poster captivating?

The poster/movement of the people, the flow of the illustration and they blend well together.

  • How did the poster generate visual interest and facilitate readability/legibility

The words of interest is always flowing with the illustration and kept simple, neat and bigger in size.

  • How do you feel about the approach and execution?

Smart way of keeping things simple and relevant yet the illustration are very detailed. By combining both real picture and illustration lots of different art style, which works very well with the idea of western and Korean tradition culture.

 

Other interesting event promotion posters:

 

Photo manipulation

Cute illustration

continue to Task 1B

Task 4: Project Presentation

Standard

Continue from Task 2

After the feedback session, feedback received are: clean up certain lines, simplify further, hidden image found in the facial features. surprised

In order to bring out the 2 people embracing each other, I have added extra curve lines to highlight their arms, but at the same time making sure it still look like a mouth.

Trying out the typefaceAfter receiving more comments, I have removed more redundant elements, reduced the number of colours, which bring out the energy, fun and the image of embracing.

Final 

 

CONCEPT

Choice of the color scheme is based on the mood board which derive from “warm hug”.  The elements that are gathered in this mood board are sunshine / warm, caring, cheerful, fun / playful, energy, positivity and fresh.

Studies also show that the color yellow can increased mental activity, increased muscle energy. The color yellow helps activate the memory, encourage communication, enhance vision, build confidence, and stimulate the nervous system.  [1]

Black and whiteColored version

Task 3 : Colour exploration

Standard

9. Simplify and rounder


Translated sketch 9 to AI.

The swoosh is translated to various arts medium to give the artsy feel.  I picked the paint swoosh as it is ‘neater’ and more dynamic.
Trying out different expressionsSelected design 1

Update:

After receiving Michael’s comment, I realized the arms of the heart does not look like it’s arms, hence decided to add in fingers.  As the idea of ‘Art’ derive from paint swoosh, when the logo is black and white, I find it challenging to show the ‘Art’ of it, hence decided to add in paint stain on the character to show that it is working on art. And adding legs to represent ‘on the move’. To play around with the orientation of the swoosh, I first replaced the swoosh with paint splash. Which I find very messy and complicated.Then I replaced it with Abstract brush stroke. I like how dynamic the strokes are, but I find it very messy as well.

I go back to my first idea and added more strokes. Then I tried to imitate the abstract brush strokes and came up with this:

As the strokes make the whole logo complicated and they look more like the ‘badge’s background’ than the ‘logo’s background’, the strokes are kept within a smaller area, smaller than the heart.

After comparing it with and without legs, I have decided the one without legs is better.

 

Printed version:

Trying out different colour scheme before class. 

Continue to Task 4