跳至主要内容

Week 1-5 Lecture Tasks & Exercises 1/2/3

 Week 1 : 24 Aug 2021 - 31 Aug 2021

Huai Yi

0351702

Bachelor of Design (Hons) in Creative Media

Week 1 / Exercise 1 : Gestalt Theory and Design of Contrast



week1

we met Dr .Jinchi in Microsoft Teams .She introduced us to this module and some important things we need to know .We need to show our progress every week. This is because the design process is very important.


Design solves problems with visual effects.




Lecture Notes

7 elements of design 

1  Point - It the simplest element of design, used as repetitive mark forms a line.

 2  Line - Lines can be active or static, aggressive or passive, sensual or mechanical. They can indicate directions, define boundaries of shapes, imply volumes and suggest motion or emotion.

3 Shape - Shape becomes visible when a line encloses an area or an apparent change in value, colour or texture. There are 2 general category of shapes : geometric (regular) and organic (irregular).

4  Form - 3D area is called a form. When form encloses space, the space is called volume. Form is a major element in sculpture and architecture.

5  Texture - Texture refers to the tactile qualities of surfaces or to the visual representation of those qualities. There are 2 categories of texture : actual (experienced by touch) and simulated/implied created to look like the real texture).

6  Space - Space is the indefinable, general receptacle of all things : the seemingly empty space around us. The actual space of each picture's surface is defined by its edges. In graphic design, space can be defined as positive (filled space) or negative (empty space).

7 Colour - It is the light wavelengths that the human eye receives and processes from a reflected source. 
Hue : Colours of spectrum. 
Value : Lightness or darkness from white to black. 
Tint : Pure Hue + White
Tone : Pure Hue + Grey
Shade : Pure Hue + Black
Intensity : Saturation/ Chroma, refers to the purity of a hue












11 principles of design 

a) Contrast - It is created by visually reinforcing something we want the viewer to pay attention to. This is often used to train the viewer’s eyes on the center of interest, or a focal point – the area of interest the viewer’s eye naturally, instinctively skips to. 

b) Balance - It is the distribution of interest or visual weight in a work. A balanced work will have all the elements arranged such that the work will have a sense of visual equilibrium or stability. It can be symmetrical, asymmetrical, or radial. 

c) Emphasis - It is the part of the design that catches the viewer's attention. Usually the artist will make one area stand out by contrasting it with other areas. The area could be different in size,  color , texture, and shape.

d) Rules of Third - The rule of thirds is a composition guideline that places your subject in the left or right third of an image, leaving the other two thirds more open. While there are other forms of composition, the rule of thirds generally leads to compelling and well-composed shots.

e) Repetition/ Pattern/ Rhythm - Repetition of elements in regular or cyclic fashion creates interest. Repetition strengthens a design by tying together individual elements and bringing a sense of consistency. It can create rhythm (regular, alternating, flowing, random, progressive) and patterns. 

f) Movement - It is a visual flow through the composition. In some works, movement is implied by the use of static elements to suggest motion and direct a viewer’s eye along a path through the work. In a still image, aspects such as lines, diagonals, unbalanced elements, placement, and orientation can play the role of active elements. In others, movement can be real, giving some elements the ability to be moved or move on their own.

g) Hierarchy - Hierarchy is the control of visual information in an arrangement or presentation to imply importance. Hierarchy influences the order in which the human eye perceives what it sees. 

h) Alignment - It helps create a sharp, ordered appearance for ultimately better designs by ensuring your various elements have a pleasing connection with each other. Center, right, or left-aligned text is the most common, but you can also align text to other objects in your graphic.

i) Harmony - It brings together a composition with similar, related elements (adjacent colors, similar shapes, etc.). Harmonious elements have a logical relationship, connection, alignment, or progression. They work together and complement each other

j) Unity - It is created by using harmonious similarity and repetition, continuance, proximity, and alignment. It is the visual linking of various elements of the work. This allows the disparate elements and principles to create a unified whole that can be greater than the sum of its parts

k) Proportion - It is the relationship of two or more elements in a design and how they compare with one another. Proportion is said to be harmonious when a correct relationship exists between the elements with respect to size or quantity. Good proportion adds harmony, symmetry, or balance among the parts of a design.





Gestalt Theory and Contrast



Contrast - Contrast is a side-by-side of strong different elements. Without contrast, the visual experience will be monotonous. Contrast can provide visual interest, emphasizing a point and expressing the content.



2  Gestalt Theory - Gestalt Principles are principles of human perception that describe how humans group similar elements, recognize patterns and simplify complex images when we perceive objects. Designers use the principles to organize content on websites and other interfaces so it is aesthetically pleasing and easy to understand.


Principle of Similarity - The human eye tends to perceive similar elements in a design as a complete picture, shape or group, even if those elements are separated. 



4  Principle of Continuation - The human eye follows the paths, lines, and curves of a design, and prefers to see a continuous flow of visual elements rather than separated objects.


Principle of Closure - The human eye prefers to see complete shapes. If the visual elements are not complete, the user can perceive a complete shape by filling in missing visual information.


Principle of Proximity - The process of ensuring related design elements are placed together. Any unrelated item, should be spaced apart. Close proximity indicates that items are connected or have a relationship to each other and become one visual unit which helps to organise or give structure a layout.

7 Principle of Figure/Ground - Objects are instinctively perceived as being either in the foreground or the background. They either stand out prominently in the front or recede into the back 


Principle of Symmetry & Order - Elements that are symmetrical to each other tend to be perceived as a unified group. Similar to the law of similarity, this rule suggests that objects that are symmetrical with each other will be more likely to be grouped together than objects not symmetrical with each other.



INSTRUCTIONS





Visual Research:











3 Gestalt Theory References



1    The Mid Autumn Festival is coming. In this picture, I combine rabbit and moon cake. I draw a moon cake first. Then remove a small piece. I made a rabbit out of the broken place









2    I associate a door with a lamp. First, open a door in a very dark scene. The light inside came out. The figure at the door shone on the ground to form a tungsten wire. So a light bulb came out


The light shines into the door. A shadow appeared. Turn it 180 degrees and it becomes a light bulb
















3   I used the number 5. Write a number 5 first. Make the font bold. Then we can look at the red area and think of it as a wine bottle and glass. And red wine.







4   I think of Phoenix and ballet. Because I think they are very similar and reflect elegance. So I connected them
















Gestalt   Contrast

  In this exercise, we need to make 2 designs


1  Mid Autumn Festival production











 

Figure 2    In this photo, I take the light bulb as the prototype and make a light dark contrast. But this picture is also like a man standing at the door, his shadow casting on the ground. very interesting






  Figure3      This painting is my inspiration. I didn't think it over. I just want to finish it all at once. I find it very interesting




    Figure4          This photo is based on Phoenix. Phoenix is noble, elegant and beautiful, so it is associated with women. This is more elegant



FEEDBACK







REFLECTION

I delayed for a long time. It may not be perfect, but I can do something anyway. When I learned how several design principles were intertwined, the design itself was not too limited













评论