anthaidh
PrinciplesOfDesign
9 posts
Don't wanna be here? Send us removal request.
anthaidh · 3 years ago
Text
Poster Concept (Week 10)
The poster will be based on the concept “Bring Ideas To Life”. That is my answer for the question “Why do you want to be a designer?”
These days I like to look at the drawings that use continuous lines to draw, so I will apply this technique to my poster. It is the Continuation principle in Gestalt principles.
I will use Primary and Complementary colours for the poster. Also, applying Random system of Visual Structure.
There is going to be a light globe, because it represents ideas and creativity. 
Something will fly out or around the light globe (Ex: butterfly, bird, ..). This represents that the ideas become real things and come out to life.
0 notes
anthaidh · 3 years ago
Photo
Tumblr media
Mood Board for Poster Project (Week 10)
0 notes
anthaidh · 3 years ago
Photo
Tumblr media
Mind Map for Poster Project (Week 10)
0 notes
anthaidh · 3 years ago
Text
VISUAL STRUCTURE (Week 4)
Axial
In the image below, the border between the black and white background is the axis;  geometric shapes and the word ‘Design is” are placed on the left and right of the axis.
Tumblr media
Radial
All elements extended from a point of focus which is the white circle in the centre of the image. 
Tumblr media
Dilatational
All elements expand from a central point in a circular fashion.
Tumblr media
Random
All elements in the design appear to have no specific relationship.
Tumblr media
Grid
A system of vertical and horizontal divisions. There are invisible vertical and horizontal grids in the design. On the left of the image, the black circle, white circle, the word ‘Design is’ and the triangle are placed along a vertical line. The biggest white circle and the word ‘Design is’ on the left and right of the circle is placed along a horizontal line.
Tumblr media
Transitional
An informal system of layered banding. All geometric shapes and the word ‘Design is” are layered at the bottom of the image,
Tumblr media
Modular
A series of non objective elements that are constructed as standard sized units.
Tumblr media
Bilateral
All text is arranged symmetrical on a single axis.
Tumblr media
0 notes
anthaidh · 3 years ago
Text
Creating Colour Compositions using Colour Theory (Week 3 - Task 2)
Tumblr media
0 notes
anthaidh · 3 years ago
Text
Colour Theory in Visual Communication (Week 3 - Task 1)
Primary
Primary colours are red, blue and yellow. Primary colours cannot be mixed from other colours. The photo below was taken by Felicitas Molina, contains all three primary colours.
Tumblr media
http://www.crayola.com.au/faq/another-topic/what-are-the-primary-colors/
https://photos.com/featured/streetlamp-with-primary-colors-by-felicitas-molina.html
Secondary
Secondary colours are mixed from two primary colours adjacent to each other on the colour wheel. The secondary colours are orange, green and purple. Kyle Pero used all three secondary colours to created the retro 1960s psychedelic concert poster below.
Tumblr media
http://www.crayola.com.au/faq/another-topic/what-are-the-primary-colors/
https://design.tutsplus.com/tutorials/create-a-60s-psychedelic-style-concert-poster--psd-183
Tertiary
Tertiary colours are created when a primary colour is mixed with a secondary colour. There are six tertiary colours: red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet. In the photo below is a room in a rich colour palette of oranges, pink-purple and purple.
Tumblr media
https://art2lifegroovehq.groovehq.com/help/number-2-what-are-primary-secondary-and-tertiary-colors
https://zenaoconnor.com.au/design-palettes/
Analogues
Analogous colour schemes use colours that are next to each other on the colour wheel. They usually match well and create serene and comfortable designs. Analogous colour schemes are often found in nature and are harmonious and pleasing to the eye. The painting “Encroaching Fall” was created using a range of colours from blue, blue green, green, to yellow-green, and yellow on the colour wheel. These analogous colours keep the painting visually simple, making it more restful to the eye.
Tumblr media
https://donaldtownsart.com/analogous-colors/
https://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm
Complementary
Two colours that are on opposite sides of the colour wheel are complementary colours. This combination provides a high contrast and high impact colour combination – together, these colours will appear brighter and more prominent.  Examples of complementary colour combinations are: purple and yellow; red and green; blue and orange. The poster of the movie “The Killers” (Don Siegel, 1964) is a good example of the use of complementary colours. 
Tumblr media
https://www.canva.com/colors/color-wheel/
https://faroutmagazine.co.uk/martin-scorsese-personal-movie-poster-collection/
1 note · View note
anthaidh · 4 years ago
Photo
Tumblr media
Simple geometric image is created based on Gestalt and Tessellation (week 2)
1 note · View note
anthaidh · 4 years ago
Text
GESTALT IN THE WORK OF M.C. ESCHER (week 2)
Gestalt Principles
Proximity
When objects that are close to each other, are perceived as a group.
Closure
When an object is incomplete, but people is able to fill the the missing part to complete it
Similarity
Similar objects often perceived as a group or pattern
Continuity
The eye follow follow a line or curve from one object to another
Figure and ground (perception)
The eye differentiates objects as either figure (the focal point) or ground (background)
Reification
The eye can see additional objects that are not in the original image
Hand with Reflecting Sphere (1935)
Tumblr media
Hand with Reflecting Sphere was created based on four Gestalt principles.
Figure and ground: the viewer can see that there are two worlds in the artwork. The world belongs to the hand holding the sphere with the ombre empty space is the background. The reflection world on the sphere with the room behind the man is the background.
Similarity: the room in the sphere is created using quadrilaterals shapes objects, such as window, photo frames and tables. 
Proximity: the objects in the room are curved to follow the shape of the sphere. They are perceived as a group.
Continuity: the hand holding the sphere curves along it, then meets the hand in the sphere creating continuing. 
Het Bezwaarde Hart – The Burdened Heart (1937)
Tumblr media
This artwork is the title page of the book Het Bezwaarde Hart - The Burdened Heart by Johan George Escher. Maurits Cornelis Escher created the artwork for his brother in 1937.
Escher used all six Gestalt principles to create the artwork.
Proximity:  the heart and the weight are perceived as a group.
Closure: the left side of the heart and the weight are not completed. 
Similarity: all the similar lines are used to create the heart shape and the weight. All the words are created using the same pattern.
Continuity: ‘Het Bezwaarde Hart’ are placed in a curve, it causes our to follow the curve.
Figure and ground: our eyes differentiates the weight is on top of the heart.
Reification: our eyes can see the line that complete the left side and the bottom of the weight, while Escher did not draw those lines in the artwork.
Rippled Surface (1950)
Tumblr media
The following Gestalt principles are used in Escher’s ‘Rippled Surface’
Similarity: all zigzag branches are placed in a same group to create water ripple effect (similar shape). The moon is created using all the white areas (same colour).
Continuity: the eye continue following the curve of the water ripples
Figure and ground: our eyes perceive the moon and the light brown surrounding as the background for the tree branches.
Reification: the viewer see two water ripples in the work, then figure out that this artwork is a reflection on a water surface.
References
https://webflow.com/blog/gestalt-principles-of-design?gclid=CjwKCAjw_JuGBhBkEiwA1xmbRc0v4y-TcyWl-eMDvrMSCkg_1T30EXZ536vLnjJDVHWkVTqzbfb1whoCNm0QAvD_BwE
https://mcescher.com/gallery/most-popular/#iLightbox[gallery_image_1]/4
https://raelyndocampo.weebly.com/lesson-6-gestalt-principles.html
https://www.escherinhetpaleis.nl/escher-today/the-burdened-heart/?lang=en
https://mcescher.com/gallery/woodcut/#iLightbox[gallery_image_1]/141
https://mcescher.com/gallery/back-in-holland/#iLightbox[gallery_image_1]/44
2 notes · View notes
anthaidh · 4 years ago
Text
TYPOGRAPHY (week 1)
LIKE
Tumblr media
Coolvetica by Typodermic Fonts
Coolvetica font is legible. All the letters are very neat and clean. Words and text created by this font are easy to read, no matter large or tiny size. It is very important to make sure that your writing is legible, so it can send the right message to the readers.
Tumblr media
Adega Serif by Adega Design
Kerning is the space between two letters. If the two letters are too close to each other, the words are unreadable. Too much space can cause confusion to the readers, because it is hard to tell whether it is the space that separates the letter or the word. Thus, it takes a longer time to read. Adega Serif is a good example of an even kerning font.
Tumblr media
G.I. Incognito by Iconian Fonts
G.I Incognito is a well-designed font. All the letters are consistent. They have the same width and height. The font also has an even kerning, it maintains good space between letters and words. A font that is consistent and even kerning is legible, while an inconsistent and uneven font is ugly and hard to read. 
DISLIKE
Tumblr media
I Ging by Sokratype
I Ging font is the same with the optical illusions that hurt your eyes and your brains. Do not ever use this font or any font that is similar, it causes sore eyes, headache and even nausea. Moreover, the capital and lowercase letters are mixed together in one word. The ‘t’ in the word ‘Anatomy’ is a lowercase letter. The ‘T’ in ‘Typography’ is a capital letter. However, they have the same design, same height and same width.
Tumblr media
Slim Wandals by Mans Greback
The design of the letters in Slim Wandals makes the letters hard to recognize. This font is an example of an illegible font. It is very hard to read, all the letters stick together. This type of writing is better used in graffiti art.
Tumblr media
A Acorn Squash by wep
A Acorn Squash is readable, however it fails to maintain an even kerning. The ‘T’ in ‘Typography’ is very far away from the rest of the letters. All the letters are also inconsistent. They do not have the same x-height. The letters do not touch the baseline.
Tumblr media Tumblr media
References:
https://visme.co/blog/type-anatomy/
https://99designs.com.au/blog/tips/the-best-and-worst-typefaces-and-why/
https://www.dafont.com/
3 notes · View notes