Design Principles GCD60804 Task 1

WANGJIHENG(0378904)

Bachelor of Design (Honours) in Creative Media / Taylor's University

3 / 02 / 2025 —  / 02 / 2025 (Week 01 — Week 03)



TABLE OF CONTENTS

LECTURESLECTURES

INSTRUCTION


TASK 1


FEEDBACK


REFLECTION

FURTHER READINGS



LECTURES


Week 1  

  • Point: The point is the simplest element in design. Repeated points can form a line. 
  • Line: Lines have multiple characteristics. 
  • Shape: Shape refers to the area within the contour of a two-dimensional region or within a three-dimensional object. 
  • Form: A three-dimensional area is called form. The space surrounded by form is volume. It is an important element in sculpture and architecture. In two-dimensional media, it needs to be implied.
  • Texture: Texture refers to the tactile quality of a surface or its visual representation
  • Space: Space is an intangible carrier that contains everything. In graphic works, it is defined by the edges of the picture and can imply various spatial qualities. 
  • Color: Color is the visual byproduct of the spectrum of light.    


Week 2


The maximum contrast in design works is usually located at the center of interest. 

Contrast originates from medieval Latin and is a manifestation of conflict. It is crucial in graphic design and can be divided into three types: visual/style contrast, conceptual contrast, and situational contrast. Visual contrast is the "contrast" commonly understood in design. 

In Android Jones' work "Union", multiple types of visual contrast can be seen. It is related to survival instincts and can guide the audience's line of sight. 


circles of different sizes will produce situational contrast. The Ebbinghaus illusion also reflects this. The works of German artist Käthe Kollwitz also enhance emotional expression through situational contrast. Contrast can be used to create visual hierarchy, improve design level, and better convey information.



INSTRUCTION






Timeframe: Week 1 – 3 (Deadline Week 3)


Describe each of the design principles listed below and select appropriate design examples to showcase your comprehension.


• Gestalt theory

• Contrast

• Emphasis

• Balance

• Repetition

• Movement

• Harmony & Unity

• Symbol

• Word and Image


1. Upload the image of the art/design work (JPEG file, minimum A4 size, 300dpi) in your Task 1 blog post. 

2. Beneath the image, incorporate the credit line of the art/design work (title of the art/design work, artist’s/designer’s name; year, size, medium of the art/design work and the source).


TASK 1


In the first week, we received instructions to explain each given design principle and also find appropriate picture examples to show our understanding of these principles.


Explanation and reference regarding the source of 


"Fundamentals of Visual Communication and Design"

https://www.iiad.edu.in/the-circle/an-overview-of-fundamentals-of-visual-communication/


1.Gestalt Theory


Gestalt Theory, emerging in Germany in the early 20th century, posits that humans perceive and understand things as a whole, complete structure rather than a simple sum of parts, with principles like figure - ground, proximity, similarity, closure, and continuity, and it has wide applications in design fields such as interface, graphic, and interaction design.




                               Fig 1-1 Gestalt Theoryhttps://www.pinterest.com/pin/351912465081460/
                                 



2.Contrast


Contrast design is a design technique that uses differences in elements such as color, size, and shape to highlight key points, enhance hierarchy, add interest, and convey emotions.


                                                             Fig Contrast 2-1https://www.pinterest.com/pin/3448137191860993/


2.Balance


In the design concept, balance refers to making the design work present a stable and harmonious state visually by reasonably arranging the size, weight, color, position and other elements.


          Balance Fig 3-1 (https://www.pinterest.com/pin/441071357266108532/



3.Alignment


"Alignment" is an important design principle that creates a sense of order, enhances visual coherence, and guides the user's line of sight by regularly arranging elements in terms of position, edge, or center.


        Alignment  Fig4-1 https://www.pinterest.com/pin/386465211783695997/




4.Hierarchy


"Hierarchy" is a principle of hierarchically organizing and arranging elements according to their importance or information category by adjusting visual features such as size, color, position, and font, so as to guide the audience's visual flow, enhance information readability, and improve design aesthetics.







5.Unity


"Unity" refers to making a work present a harmonious and consistent overall feeling by coordinating and integrating various design elements, so that each part is interrelated and interdependent, jointly serving a core theme or purpose, avoiding conflicts and chaos among elements, and bringing audiences a coherent and orderly visual experience and cognitive feeling.






6.Hierarchy By differentiating visual attributes such as element size, color, position, and font, information is hierarchically arranged according to importance or logical relationship. This guides the audience's line of sight, helps them quickly understand the information structure, and improves the readability and aesthetics of the design.


  Hierarchy Fig.  7-1.   (https://www.pinterest.com/pin/932597035337687415/)





7.Legibility


The degree to which design elements such as text and images can be easily and clearly recognized and understood by the audience. It mainly focuses on the clarity of information transmission and is closely related to the visual presentation of elements.



8.White Space


By properly planning and leaving blank space, it can highlight key elements. For example, in a poster, the blank space around important information can make it more eye-catching. It can enhance the visual sense of breathing, avoid a crowded and messy picture, and soothe the audience's vision. It can also guide the line of sight, help organize information, make the design more orderly and beautiful, and improve the overall quality.


        White Space Fig.  9-1.   (https://www.pinterest.com/pin/844143523939528155/)


Conclusion


Applying design concepts such as contrast, balance, alignment, hierarchy, legibility, and white space creates visually appealing, highly readable, and well - organized designs that enhance user experience and effectively convey information.

2. Selected Design & Visual Analysis


Fig 10-1 《Woman with a Parasol - Madame Monet and Her Son》



Artist : Claude Monet


Year:1875


Size:100 × 81 cm (about 3.3 × 2.7 feet)




                    Link(https://www.pinterest.com/pin/984951381007988003/


3.Explanation for Selecting The Work of Art / Design



The most attractive part for me is the wonderful effect of light and shadow. Monet used light and color extremely delicately. The sunlight pours down, and the figures and scenery seem to come to life. The lady's white dress, the little boy's clothes, and the light and shadow on the ground are rich and natural in color, looking particularly pleasant.


The brushstrokes in the painting are also unique. Those seemingly casual paintings and superimpositions show the texture and movement of the objects extremely well. The light texture of the parasol and the flowing posture of the dress skirt can be truly felt.


In terms of composition, it is not symmetrically presented in a conventional way. The layout with the main body biased to the left gives the picture a different sense of harmony. The poses of the lady and the child, as well as the distant scenery, are matched very appropriately.






FEEDBACK

week1

 Create a Blogger e-portfolio with the tag Design Principles GCD60804, share valid task links, maintain at least 80% attendance, and follow the course schedule for task progress.



week2


the tutor checked our homework and gave feedback. I joined the wrong class last week, so the homework didn't progress normally. 





Comments

Popular posts from this blog

Typography / Task 1: Typographic Exploration & Communication

Interactive Design - Task 1: Exercises