Design Principles - Task 1

Khan Saif / 0367438

Design Principles / Bachelor's Design in Creative Media / Taylor's

Task 1: Exploration


Tables of Content:

1. Lecture

2. Instruction

3. Task 1: Exploration

4. Feedback/Reflection

5. Further Reading


LECTURES:

Elements of Design:


Source: Here


Gestalt Theory:

Gestalt being referred to "shape" in German, Gestalt theory explains how humans interpret and structure visual information, emphasizing perception's significance. It focuses on perceptual principles that influence how we organize and make sense of what we see, demonstrating that our minds naturally group elements to form meaningful patterns rather than just processing individual parts separately.



Source: Here


List of Gestalt Theory listed below:

  • Proximity
  • Similarity 
  • Continuation
  • Closure
  • Symmetry
  • Figure & Ground


Balance & Emphasis:

Balance is the visual weight in a work of design and it can be symmetrical and asymmetrical.

Types of balances listed below:

  • Symmetrical Balance
  • Asymmetrical Balance
  • Golden Ratio
  • Rule of Thirds
Emphasis demonstrates that an element that create dominance and focus in a design work.

Repetition & Movement:

Repetition creates pattern within the work to make the design seem active and create visual excitement.

Movement demonstrates an element that create a composition or a path that the eye follows and can come from any design elements such as lines, shapes and curves.

Others listed below:

  • Hierarchy
  • Alignment

INSTRUCTION:


1. Describe every design principles listed in lectures.

2. Select art/design images (JPEG, A4, 300dpi).

3. Credit the art/design images.

4. Writeup of 150-200 words why choosing the artwork.

5. Briefly describe the design priciples we've observed.

6. Include feedbacks.

TASK 1: EXPLORATION

Design Principles Exploration:

  • Gestalt Theory

Proximity:

The visual tendency to group shapes that are laid out close to each other, then be perceived to be belonging to the same group. (Arts & Design Foundation, 2023)


Source: Here (Arts & Design Foundation)



The Raft of Medusa, Theodore Gericault (1818)

The artwork displays a group of people are close enough to form as the same group of object.



Similarity:

Objects when shared visual characteristics are automatically taken to be related (e.g. colors, shapes).


Source: Here (UX Design)



Piet Mondrian, Composition of Red, Blue and Yellow (1930)


These artwork displayed here demonstrates the same shapes grouping together to form a similar visual characteristics.


Continuation:

Intersections between elements (Lines, curves) which are aligned with each other to set a continuous flow that an eye can naturally follow.



Vincent Van Gogh, The Starry Night (1889)

Vincent Van Gogh's Starry Night had an eye-catching swirling brushstrokes that lead the viewer's eye through the sky.


Closure:

Complex visual arrangement that fits the gap of patterns concretely.



Source: Here (Usertesting.com)

A photograph of a zebra, for example, results in a complete image in our minds by filling the blanks, despite the "missing" body parts, thanks to the zebra's synergy to the white background.






Logos like IBM and NBC use missing gaps to form an image of their identity.



Symmetry:

Elements that are symmetrical to each other to be perceived as a group. 


Leonardo Da Vinci, Vitruvian Man (1490)


Figure & Ground:

Visual objects that prominently perceived being either in the foreground or in the background.


    Source: Here (Smashingmagazine.com)



  • Contrast
Uses elements (colors/shapes) to emphasize the difference between them, which in turn creates dynamism. 


Andy Warhol, Mao (1972)


    • Emphasis
    Emphasis demonstrates that an element that create dominance and focus in a design work.


    • Balance

    Symmetrical Balance:

    Has equal "weight" on equal sides of a centrally placed fulcrum. The equal arrangement of elements on either side of the central axis and arranging elements equally around a central point results in radial balance.


    Asymmetrical Balance:

    Unequal visual weight at each side of the composition, which has more dynamic effects, thanks to the            dominant element that is balanced by a less focal point on the other side.


    Golden Ratio:

    Originally a mathematical concept, it also has used for centuries as a guide to create visual guideline in            multiple art media such as architecture and painting.


      

    Source: Here (digitalcameraworld.com)

    Rule of Thirds:

            A composition guideline to create more dynamism to a work on design/photography/film etc. Dividing            an image evenly into thirds with the subject of the image is placed at the intersection of those dividing            lines, which create a huge emphasis on that subject.



    Source: Here (interaction-design.org)

        

    • Repetition
    • Movement
            Movement demonstrates an element that create a composition or a path that the eye follows and can come from any design elements such as lines, shapes and curves.

    • Harmony & Unity
    • Symbol




    Artworks have been chosen: 





    Takayashi the Witch and the Skeleton Spectre, by Utagawa Kuniyoshi (1844)

    Writeup:


    Design Principle: 

    Continuation
    Proximity
    Contrast
    Emphasis
    Asymmetrical Balance
    Movement
    Unity 



    FEEDBACK:





    Comments

    Popular posts from this blog