Design Principle Exercise 3
25/4/2022-6/5/2022 (week5-6)
Ng Jia Xien (0355062)
Design Principle
Lecture 03:Harmony & Unity
Harmony
Harmony involves the selection of elements that share a common trait and it becomes monotony without variety. Harmony is the sense that all of the elements of your design fit together. They may fit the same theme, aesthetic style, or mood.
|
|
Figure 1. Harmony work https://www.pinterest.com/pin/64668944642061087/ |
Unity
|
|
Figure 2. Unity work https://www.pinterest.com/pin/7248049381211977/ |
Scale and Proportion
Scale and proportion are both design elements that have to do with size.
Scale is the size of one object in relation to the other objects in a design
or artwork. Proportion refers to the size of the parts of an object in
relation to other parts of the same object. Designers have used scale
and proportion throughout the centuries to depict or distract from the
ideal. Scale refers to the size and dimension of figures and forms relative
to a specific unit of measure. Scale can be determined in two ways: actual
measurement and visual estimates based on the comparison.
|
|
Figure 3. Scale work https://www.pinterest.com/pin/734297914217576185/ |
|
|
Figure 4. Proportion work https://www.bulbapp.com/u/week-4-principles-of-design-proportion |
Scale (cont'd)
Architectural drawings and scale models are examples of the applied use of
scale. Also, scale is used to specify or illustrate details based on the
relative sizes of objects. Substantial deviation from a normal scale
relationship can create dramatic results and visual interest within the
design or composition.
Proportion
Proportion in art and design is the relationship of two or more elements in
a composition and how they compare to one another concerning size, color,
quantity, degree, setting, etc.; i.e. ratio. Proportion is said to be
harmonious when a correct relationship exists between the elements
concerning size or quantity. The effective use of proportion in design often
results in harmony and unity.
Below are my personal understanding regarding scale and proportion, and I
would like to present it in a sketch.
|
| Figure 5. Note about scale and proportion, by Ng Jia Xien |
Lecture 04: Symbol, word & Image
Symbol
A sign, shape, or object that is used to represent something else. In
design, symbols can provide or convey information, equivalent to one or more
sentences of text, or even a whole story.
There are two branches of symbols, which are figurative representations and
non-figuration representations. Under figurative representations, there are
two more branches, which are visuals and graphic symbols. Graphic symbols
are divided into three types, pictorial symbols, abstract symbols, and
arbitrary symbols.
|
|
Figure 6. symbol work https://www.dreamstime.com/illustration/totem.html |
Pictorial symbols
Image-related and simplified pictures. Pictorial symbols are useful for
educational materiel as they able the learner to see the object of study in
an almost real visual form.
|
|
Figure 7. Pictorial symbol work https://shop.arrowsandapplesauce.com/products/montessori-weather-activity-set |
|
|
https://www.istockphoto.com/vector/hello-sea-design-of-t-shirt-fish-algae-and-sea-animals-gm1133658735-300964031 |
Abstract symbols
Abstract symbols can look like the objects that they represent but have
fewer details.
|
|
Figure 9. Abstract symbol work https://www.pinterest.com/pin/739012620102765734/ |
|
|
|
Arbitrary symbols
Arbitrary symbols have no resemblance at all to the objects or the ideas
they represent. The symbol is invented with the meaning constructed. Many
are based on geometric shapes and colours. We have to learn arbitrary
symbols.
|
|
Figure 11. Arbitrary symbol work https://www.rawpixel.com/search?mode=shop&page=1&sort=curated&story=114056&tags=%24vproject936&topic=%24vproject936&topic_group=environment |
|
|
https://www.carsome.my/news/item/road-and-safety-signs-in-malaysia |
Word and Image
Imagery is a vital part of the design, be it print or digital. Users and
viewers are able to relate to a concept or a brand if the right images are
used in a work of design. It is therefore important to use suitable and
relevant images when designing.
Choosing the right words to pair with the imagery is of high importance as
it would deepen the meaning of the design. A suitable typeface and strategic
positioning of the type will result in visual hierarchy and balance in a
work of design.
Typography is the design and arrangement of text to convey a message or
concept.
|
|
Figure 13. Word and image work https://rekaneszmelyi.tumblr.com/post/146245966510/16-b%C3%A1nkit%C3%B3-cultural-music-festival-poster |
|
|
https://www.pinterest.com/pin/651685008591930739/ |
Instruction
<iframe
src="https://drive.google.com/file/d/1zQ4dTgXxp_oIvDj07KrV1n6XldYzx9Rv/preview"
width="640" height="480" allow="autoplay"></iframe>
Exercise
In exercise 3, we were asked to choose two design principles and create an
ark work according to them. We were allowed to use any material, so I
choose the digital method for my work presentation.
Before I start my exercise, I took some photos of abstract symbols that I
found in daily life to improve my understanding. Abstract symbols are
pictures that are easy to understand but have lesser detail.
|
| Figure 15. A photo that shows an abstract symbol, by Ng Jia Xien |
|
|
|
|
|
|
Part 1
Below are my visual research for the work of harmony, those pictures
represent both harmony and unity with harmony in color or shape.
|
|
Figure 18. Harmony work https://www.behance.net/gallery/75067601/Shape-of-Humanity |
|
|
Figure 19. Harmony work https://www.shutterstock.com/search/cat+stairs?image_type=illustration |
Below show my work with different colors of cats aligning neatly.
|
| Figure 20. Harmony work, by Ng Jia Xien |
By using different background colors, it shows harmony and unity. (Soft
color-harmony, and sharp color-unity)
|
|
|
|
|
|
Those are the final outcome, with the shape and soft colors background
representing both unity and harmony.
Part 2
I decided to work on the poster to present the design principle of word
and image, and below are my visual research.
|
|
Figure 23. Word and image work https://www.pinterest.com/pin/691232242778724333/ |
|
|
Figure 24. Word and image work https://www.pinterest.com/pin/719168634254787348/ |
I took those photos by myself to create this work.
|
|
Figure 25. Photo, by Ng Jia Xien |
|
|
Figure 26. Photo, by Ng Jia Xien |
|
| Figure 27, Word and image work, by Ng Jia Xien |
 |
| Figure 28, Word and image, by Ng Jia Xien |
Feedback
Week5
The concept of changing the background to form both unity and harmony is
good, and the cats are neatly lined up.
Week7(overall feedback)
The unity work (figure22) with sharp colour background is too strong for unity, just put the harmony work for the final submission. For the first work for word and image (figure27), try to adjust the colour and the length of the paragraph to make it fit well with the background. Select the second work for word and image for final submission, remember to reduce the space between two paragraphs below, and make sure the A and t in the headline are aligned.
Reflection on Exercise
 |
| Figure 29. Word and image, by Ng Jia Xien |
 |
| Figure 30. Word and image, by Ng Jia XIen |
PDF of final work
The design principle we learned this week is a bit confused to me,
especially for unity, harmony, scale, and proportion. But luckily, through
the lecturer's explanation and my own research, I have generally
understood.
.png)
Comments
Post a Comment