Project 1 and 2

-

TIME FRAME: WEEK 06 - WEEK 09

DEADLINE: WEEK 10


DESCRIPTION: 
After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text.

REQUIREMENT:
Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:

PART 1: Infographic poster (20%)           
INSTRUCTION:
1. Choose 1 infographic poster design (that is not well design) from Internet
2. Redesign the poster into A4 size. Sketch the idea and process (5 Marks)
3. Redesign and simplify the poster based on visual hierarchy & typography (5 Marks)
4. Simplify the poster's design based on color, shape & pattern (5 Marks)
5. Attach your final poster on E-Portfolio with explanation and reflective writing (5 Marks)

PART 2: Minimal animated infographic (20%)
INSTRUCTION:
1. Animate your infographic poster into one static loop animation page
2. Loop duration in between 15 - 30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel

Example of loop animation poster:
1. https://fauziyusoff.com/wp-content/uploads/creative_process_loop.gif
2. https://i.pinimg.com/originals/c3/31/1e/c3311e940662cc1710108bed89b2d827.gif (this is for animation reference only. Typography is required)

Chosen poster:

Reason why I chose this poster:

Overuse of Visual Effects:

  • The sunburst icons and inconsistent fonts/colors distract from the content and make it appear unprofessional.

Poor Image Quality & Layout:

  • Images are grainy and not consistently aligned.

  • The green background with bright yellow/purple text lacks contrast for readability.

Link with Project 1 and 2: https://drive.google.com/drive/folders/1pScHdUjk0UnJrcYygbC3yBOIIoJNqMCk?usp=sharing

Project 1:

Original sketch

I decided to keep the green and purple color scheme this time with a white background for contrast and simplicity.
I originally wanted to go for a sketch theme but after playing around in illustrator I realized it was too un organized.
After showing Mr Fauzi my improved version he recommended me to switch to a more unique layout and that is how i came up with my final A4 poster.

A4 sized poster.


Project 2:
Animated poster 1920x1080px

To create the animated poster I made each frame in illustrator, i spaced everything out sue to a change in canvas size, animated all icons and the heading. In the end when I was compiling the frames in Procreate I added a short sun animation as I felt something was missing.








Comments

Post a Comment

Popular posts from this blog

Task 1: Exploration Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 1: Exploration TABLE OF CONTENTS: Instructions Task 1 Feedback Reflection INSTRUCTIONS TASK 1 Gestalt Theory: This theory is based off shapes/forms as the brain is designed to see patterns in visuals  Fig 1.1 is given below to help visualize the principles below. Principle of Similarity: grouping elements that are similar to each other. Principle of  Continuation: humans tend to view many objects as different. Principle of Closure: completing figures and forms. Principle of Proximity: grouping elements into a unified group. Principle of Figure/Ground: perception of objects either being in the background or foreground. Law of Symmetry and Order: balancing content in your composition. Fig 1.1 https://makeitclear.com/ux-ui-tips-gestalt-principles/ Contrast: There are several ways to create contrast such as 1. Size, 2. Weight, 3. Contrast of Form, 4. Contrast of Structure, 5. Contrast of Texture, 6. Contrast of Co...
Read more

Task 2: Visual Analysis Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 2: Visual Analysis TABLE OF CONTENTS: Task 1:  https://stephaniesdesignblog.blogspot.com/2025/02/design-principles-202502.html Instructions. Task 2. Feedback. Reflection. INSTRUCTIONS TASK 2 Chosen Art Work Fig 1.1 Chosen art work. https://manniartgallery.com/colbert-nourrice.html Details:  Name: Men Machine Artist: Colbert Nourrice Size: 150x200cm Technique: Oil on canvas There are also a few design principles in this design such as balance, unity, harmony and repetition. Visual Analysis: Observation: This artwork a black and grey (monochromatic) artwork which use made using oil on canvas. The primary forms are the 3 circles in the center withe the largest wheel like one being the main point of emphasis, there is also frame like area with a shadow to give depth as if the rectangle is elevated above the rest of the art. There are also a lot of small shaded circles and dots surrounded with random lines that short of look like cells. Be...
Read more

Advanced Typography Task 1

-
Image
25.09.2024--16.10.2024 (WEEK 01-04) LEBON STEPHANIE AMELIE JUDITH  0362853 Advanced Typography / Bachelor of Design ( Honors) in Creative Media/ Taylors University Task 1 Exercises: TABLE OF CONTENTS: Lecture. Instructions. Exercise 1. Exercise 2. Feedback. Reflection. Further reading. LECTURES Week 1: In week 1 lecture I learned about the 8 Typographic Systems: Axial : all elements are organized to the left or right of a single axis.  Fig 1.1 Axial System. Radial : all elements are extended from a point of focus. Fig 1.2 Radial System. Dilatational System : all elements expand from a central point in a circular manner. Fig 1.3 Dilatational System. Random System : elements appear to have no specific pattern or relationship. Fig 1.4 Random System. Grid System : a system of vertical and horizontal divisions. Fig 1.5 Grid System. Transitional System : an informal system of layered banding. Fig 1.6 Transitional System. Modular System : a series of non-objective elements that are c...
Read more