Design Principle - Exercise 3

-

  Week 3 - 9th September 2021


Loh Shu Huan / 0349621
Design Principle / 
Bachelor of Design in Creative Media

Design Principle:

Harmony -  It involves the elements that share a common trait and it becomes monotony without variety. It is the sense that all the design elements are fit together, they may fit to the same theme, aesthetic style or mood.

Fig 1.1 Harmony (sources:  Pinterest)
Unity -  It refers to the repetition of particular elements throughout the design, they can be colours, shapes or materials - to pull the looks together. Unity occurs when the elements are composed in such a way that they are balanced and give a sense of oneness and creating a theme.

Fig 1.2 Unity (sources: DevianArt)

Symbol -  Under figurative representations, graphic symbols can be categorised by pictorial symbols, abstract symbols, arbitrary symbols.

Pictorial Symbols : Image-related and simplified pictures.

Abstract Symbols : Represent but have less details.

Arbitrary Symbols : No resemblance to the objects or the ideas they represent. The symbol is invented with the meaning constructed.


Fig 1.3-5 Symbol (sources: Pinterest, Looka, Kindpng )


Word and Image - It is important to use suitable and relevant image and the right words to pair with the imagery. Suitable typeface and strategic positioning of the type will result in visual hierarchy and balance in a work of design.

Fig 1.6 Word and Image (sources: Canva)

Visual Research :


Fig 1.7-8 Harmony Reference (sources: Dribbble, work over easy)


Fig 1.9-10 Symbol Reference (sources: Behance)


Exploration :

After getting more understanding of these design principle from lecture and some visual research I start do some sketches.

Symbol
I want to create a symbol of sushi which is a pictorial symbol. I think that it will be quite interesting if there is a pair of chopstick holding the sushi. I am inspired by a few design which are a set of symbol of food.

Fig 1.11 Symbol / Icon Photo Reference (sources: Pinterest)

Fig 1.12 SushiPhoto Reference (sources: Pinterest)


Fig 1.13 Sushi Photo Reference (sources: Pinterest)

Fig 1.14 Sketch of sushi symbol, 18 Sep.2021


Fig 1.15 Sushi symbol, 18 Sep.2021

Harmony
At first, I have no idea about what to do, so I start with searching some harmony colours. I'm doing research on colours by using Adobe Colours, there many different types of colours wheel, so I decided to use either complementary colours or double split complimentary colours. So after having the outline of the colour, I make some changes on it.

Fig 1.15 Complementary Colours, 18 Sep.2021


Fig 1.17 Double Split Complementary Colours, 18 Sep.2021


Fig 1.18 Final Colours, 18 Sep.2021
I want to create a harmony colours design and I get the inspiration form my hamster's nest. I want to create a harmony and peaceful work.

Fig 1.19 Hamster's nest photo reference, 18 Sep.2021

Fig 1.20 Sketches, 18 Sep.2021
Fig 1.21 First Attempt, 18 Sep.2021

I think my first attempt (Fig 1.21) looks a bit different with I want to create, so I replaced it with a little house.

Fig 1.22 Second Attempt, 18 Sep.2021

Word and Image
I found this design principle is quite special since it is different from the other principle, it consists the use of image and word. So I decided to use my own photo (taken by me) to create some work.


Fig 1.23 Paper Cut Photo Reference (source: Pinterest), 18 Sep.2021

Fig 1.24 Original Image, 18 Sep.2021

Fig 1.25 First Attempt , 18 Sep.2021

Fig 1.26 Second Attempt , 18 Sep.2021

Feedback:
After having a consultation with Ms.JinChi, I do some changes on the words in the image by using a typeface which is more softer and smoother, and put the words closer to each other.

Fig 2.1 Second Attempt , 23 Sep.2021

Fig 1.27 Original Image, 18 Sep.2021
Fig 1.28 First Attempt, 18 Sep.2021

Fig 1.29 Second Attempt, 18 Sep.2021

Fig 1.30 Second Attempt with border, 18 Sep.2021


Fig 1.31 Different Caption Alignment, 18 Sep.2021

Feedback:
After having a consultation with Ms.JinChi, I do slightly changes on Fig1.31. I added a sentence and do some adjustments.

Fig 2.2 Final Word and Image Design, 23 Sep.2021

Final Outcome PDF:


Reflection:

I found this exercise really interesting, I'm able to play around with the colours, shapes and also fonts. I choose the second design for the word and image is because I found it is really important to give a white space which give audience a space to breath. After trying the suggestion which given by Ms.JinChi, I learned that even it is just a small and tiny changes, the feeling will be totally different and feel more completed.


Comments

Post a Comment

Popular posts from this blog

Major Project

-
Image
22/04/2023 - 09/08/2023 | Week 01-16 Major Project  Loh Shu Huan / 0349621 Bachelor of Design in Creative Media INSTRUCTION PROGRESSIONS Week 01 On the first day of the semester, we were briefed about our Major Project. There some pathways that we can work on - our dissertation topic, client, any topic or group project (studio based).  For our final year project, we were advised to not to make it an assignment but a industry-standard project. Mr.Asrizal advised us to finalise our proposal by week 3 and we will be assigned to a supervisor based on our selected topic. We were required to start brainstorming for our project ideas and co...
Read more

Professional Development Week

-
10/06/2023 - 14/06/2023 | Week 08 Professional Development Week Loh Shu Huan / 0349621 Bachelor of Design in Creative Media   In order to familiarize recent graduates with the careers and fields of work before graduation, the Taylor’s held the Professional Development Week for us to learn from professionals in different fields and to answer questions about their fields through a question-and-answer session. I attended six workshops, which were: “Financial Literacy for Fresh Graduate” by MAYBANK  Keynote: “Aspire to Inspire” by POS MALAYSIA "The Art of Storytelling" by KAKISENI "Maximize Your LinkedIn Presence" by BDO. "A.I. in Digital Media" by MALAYSIAN ADVERTISERS ASSOCIATION. "Digital Transformation and Solutions: The Importance of Making It Easy" by APLIKASI. REFLECTION Each workshop provided unique insights that have contributed to my personal and professional growth. This career development week emphasized the importance of financial planni...
Read more

Advanced Interactive Design - Final Project

-
Image
28/06/2023 - 18/07/2023 | Week 13 - Week 16 Advanced Interactive Design  / Final Project Loh Shu Huan / 0349621 Bachelor of Design in Creative Media PROGRESSIONS For this task, we were required to create a website that promote a certain thing, such as a new launch product, a song, an app, or an album. We need to create 5 pages by using Adobe Animate. It need to include some micro animation as well. For this project, I decided to do an extension website for one of my project in other module, as it is also a promotional campaign. Week 13 - 16 1. Promotional Website Layout Design This website is actually to promote one of the series of perfume from Zara, called Chapter 6. This chapter has four different fragrances in total. Fig 1.0 Zara Chapter6 Promotional Website Design 2. Progression in Adobe Animate Once I exported all of my assets, I started to import them in AN and create the micro animation for the website. I decided to finish all the design and animation for every pages f...
Read more