[ قواعد التصميم الأكاديمية | 01 ] مبدأ التباين

Nour Homsi
9 Apr 201710:37

Summary

TLDRThe video script delves into the fundamental principles of design, emphasizing contrast as a key element to create visual impact and establish relationships between design elements. It illustrates how contrast in color, size, and shape can draw attention and convey meaning, using examples from war history and everyday life to explain how the human brain naturally seeks comparison. The script also touches on the use of contrast in logo design and traffic signs, highlighting its importance in communication and aesthetics.

Takeaways

  • 🎨 The fundamental principles of design include contrast, balance, proportion, repetition, simplicity, and employment of white space.
  • 🔍 Contrast is not just about colors but also involves size and shape within design to create a sense of surprise for the viewer.
  • 🤔 Contrast helps establish relationships between elements in design, giving meaning to the primary element when compared to its counterpart.
  • 👀 The human brain naturally seeks to compare elements, trying to understand the relationship between them, such as proximity or distance.
  • 📐 Proportion and balance are essential in design, influencing how the viewer perceives size, height, and position of elements.
  • 📚 The script discusses how the arrangement of elements in design, such as text in bold or regular fonts, can guide the reader's attention.
  • 🌈 Color contrast is used to attract attention and direct the viewer's focus, with the human eye naturally drawn to the most contrasting element.
  • 🔺 The mind tends to analyze and deconstruct complex shapes first, which is why designers use contrast to influence perception.
  • 🔲 The use of contrast in shapes, such as a triangle versus a circle, can make one shape stand out more due to its complexity or unfamiliarity.
  • 🚦 Contrast is a fundamental element in logo design, helping to create balanced and aesthetically pleasing logos by comparing and contrasting elements.
  • 🚦 Traffic signs use color contrast to convey prohibition (red and white) and permission (blue and white), guiding human behavior based on instinctive color associations.

Q & A

  • What are the fundamental principles of design mentioned in the script?

    -The script mentions contrast, balance, harmony, proximity, repetition, simplicity, and employment as the fundamental principles of design.

  • What does the script define as contrast in design?

    -Contrast in design is defined as the use of differences in color, size, and shape to create a sense of surprise for the viewer and to establish a relationship between elements within the design.

  • How does the script explain the concept of balance in design?

    -Balance in design is not explicitly defined in the script, but it is implied as an essential principle that contributes to the overall aesthetic and functionality of a design.

  • What is the role of proximity in design according to the script?

    -Proximity in design is used to establish a relationship between elements, giving meaning to the first element when it is in proximity to a second element, thus transforming it from a mere object to a significant part of the design.

  • How does repetition contribute to design as per the script?

    -Repetition in design is used to create a sense of unity and rhythm, guiding the viewer's attention to certain elements before others, thus organizing the visual hierarchy.

  • What is the purpose of simplicity in design as discussed in the script?

    -Simplicity in design aims to reduce complexity and enhance clarity, making it easier for the viewer to understand and appreciate the design without being overwhelmed by details.

  • How does the script relate the concept of employment to design?

    -Employment in the context of the script refers to the strategic use of design elements to fulfill specific purposes, such as attracting attention or conveying a message.

  • What is the psychological impact of contrast as described in the script?

    -The psychological impact of contrast is to stimulate the viewer's innate senses to compare and contrast elements, as the human eye and brain naturally seek to analyze and organize visual information.

  • How does the script use the example of war to illustrate the concept of contrast?

    -The script uses the example of World War I and World War II to illustrate how the presence of the second war gives meaning and importance to the first, highlighting the concept of contrast through the relationship between the two events.

  • What is the role of contrast in creating visual relationships between design elements?

    -Contrast creates visual relationships by allowing the brain to compare elements, such as size, color, and proximity, which helps in organizing and understanding the design.

  • How does the script discuss the use of contrast in logo design?

    -The script discusses the use of contrast in logo design by highlighting the importance of balance and visual hierarchy, using examples of logos that employ contrast through size, color, and typography to attract attention and convey brand identity.

  • What is the script's perspective on the use of contrast in traffic signs?

    -The script explains that contrast in traffic signs is used to convey prohibition and permission, with red and white colors indicating stop and danger, while blue and white indicate permission and safety.

  • How does the script relate the concept of contrast to human perception and the natural world?

    -The script relates contrast to human perception by discussing how the human eye and brain are naturally inclined to compare and contrast elements in visual stimuli, similar to how the tongue distinguishes between different tastes, and how the mind is drawn to complex shapes before simpler ones.

  • What is the script's final takeaway on the concept of contrast?

    -The final takeaway from the script is that contrast is a fundamental element in design, influencing human perception and behavior, and it is essential for creating effective and impactful designs.

Outlines

00:00

🎨 Principles of Design: Contrast and Balance

The first paragraph introduces the fundamental principles of design, focusing on contrast as a means to create visual impact and balance. It explains how contrast in colors, sizes, and shapes can draw the viewer's attention and establish relationships between design elements. The speaker uses examples such as the contrast between a black background and white text or the juxtaposition of a dark color with a bright one to illustrate the concept. The paragraph also touches on how the human brain naturally seeks to compare and contrast elements, using the example of two people standing in a specific arrangement to demonstrate how the presence of one can give significance to the other. The importance of contrast in design is emphasized, as it helps to guide the viewer's attention and create a visual hierarchy.

05:02

🔍 The Power of Perception in Design

The second paragraph delves deeper into how the human mind is drawn to analyze and deconstruct shapes, using the example of recognizing a triangle or a circle to illustrate the point. It discusses the concept of shape contrast and how the mind is naturally attracted to complex shapes first, attempting to simplify and understand them. The paragraph also covers color contrast, size contrast, and the arrangement of elements in design, explaining how these contrasts can manipulate the viewer's perception. Examples such as traffic signs using color contrast to convey prohibition or permission are given, highlighting the psychological impact of colors like red and blue. The speaker concludes by emphasizing the importance of contrast in logo design and how it can be used to create balanced and aesthetically pleasing logos.

10:06

📘 Reflecting on Contrast in Design

In the final paragraph, the speaker reflects on the concept of contrast, summarizing the discussion from the previous paragraphs and hinting at the next topic, which will be asymmetry. The speaker invites the audience to look forward to the next lesson, promising to explore another fundamental principle of design. This paragraph serves as a conclusion to the current topic, leaving the audience intrigued and ready for more insights into the world of design.

Mindmap

Keywords

💡Contrast

Contrast in the video script refers to the visual difference between elements in a design, such as color, size, or shape. It is essential for creating a sense of impact and drawing the viewer's attention. For example, the script mentions using contrast between a black background with white text or a dark color with a bright one to create a striking effect.

💡Balance

Balance is a key concept in design that the script discusses, which is about achieving equilibrium in the visual elements of a composition. It helps in creating a harmonious and aesthetically pleasing design. The script illustrates this by talking about the relationship between elements and how they can be arranged to provide a sense of stability.

💡Proportion

Proportion is mentioned in the context of the relative size and scale of design elements. It is crucial for creating a sense of unity and coherence within a design. The script uses the example of arranging elements in a way that reflects their importance or function, such as using larger text for headings to attract the reader's attention.

💡Hierarchy

Hierarchy in the script is used to describe the arrangement of design elements in order of importance. It helps guide the viewer's eye through the design and emphasizes the most critical information. The script explains this by comparing it to the way our brain naturally seeks to compare and prioritize information, such as noticing a person standing in front of another in a waiting area.

💡Simplicity

Simplicity is highlighted as a design principle that promotes clarity and ease of understanding. The script suggests that by using simple elements and avoiding unnecessary complexity, a design can be more effective in conveying its message. An example given is the use of basic shapes and limited color schemes to maintain a clean and straightforward design.

💡Employment

Employment in the script refers to the strategic use of design elements. It is about how elements are utilized to create a specific effect or to fulfill a design purpose. For instance, the script talks about using contrast and balance in employment to make certain elements stand out or to guide the viewer's attention.

💡Visual Relationship

The script discusses the concept of creating visual relationships between design elements through contrast and placement. This helps in telling a story or conveying a message through the interaction of elements. An example is given where the placement of a second person behind the first in a waiting area creates a visual hierarchy and relationship.

💡Typography

Typography is the art of arranging text in a visually appealing and legible manner. The script touches on the use of typography to create contrast, such as using bold and thin fonts together to guide the reader's attention to certain parts of the text. This is crucial for effective communication in design.

💡Logo Design

Logo design is specifically mentioned in the context of using contrast as a fundamental element. The script provides examples of logos where the use of contrast between letters or colors creates a memorable and balanced visual identity. This highlights the importance of contrast in making a logo stand out and be recognizable.

💡Traffic Signs

Traffic signs are used in the script as an example of how contrast is used in real-life applications to convey clear and immediate messages. The contrast between red and white is used to signify prohibition, while blue and white signify permission, leveraging the instinctive human response to color to communicate effectively.

💡Human Instinct

The script refers to human instinct in the context of how our innate senses are stimulated by contrast. It explains that our eyes and brain are naturally inclined to compare and analyze visual elements, such as noticing differences in size, color, or shape, which is a fundamental aspect of how we perceive and understand the world around us.

Highlights

The fundamental principles of design include contrast, balance, proportion, repetition, simplicity, and employment.

Contrast is not just about color but also about size, shape, and arrangement within design to create a sense of surprise for the viewer.

Contrast helps to establish relationships between elements in design, giving meaning to the primary element when compared to its counterpart.

The human brain naturally seeks to compare elements, attempting to determine which is closer or further, larger or smaller.

Contrast can be used to direct the viewer's attention to specific elements, such as bold text before regular text in a design.

The human eye is naturally inclined to distinguish between elements, similar to how the tongue distinguishes between tastes.

Designers use contrast to influence the viewer's mind, as demonstrated by the example of noticing shapes first due to the human brain's inclination to analyze.

The brain tends to focus on complex shapes first and then simpler ones, highlighting the importance of contrast in design.

Contrast in design can be seen in the use of color, size, and arrangement to create a visual hierarchy.

Examples of contrast in design include the use of a large element against a small one to create emphasis.

The arrangement of elements in design can affect how the human mind perceives size and importance.

Contrast is a fundamental element in logo design, used to create balanced and aesthetically pleasing logos.

Logos often use contrast in letter size and color to attract attention and convey meaning.

Contrast is also used in traffic signs to communicate prohibition and permission through color.

The human mind associates red with danger and prohibition, while blue signifies permission and allowance.

The use of contrast in signs is a practical application of design principles to guide human behavior.

Contrast is a key element in creating visual impact and guiding the viewer's attention in design.

The transcript concludes with a discussion on the importance of contrast in design and its various applications.

Transcripts

play00:00

[موسيقى]

play00:04

اذا مثل ما درستم معي اخذنا المبادئ

play00:06

الاساسيه للتصميم يلي

play00:09

هي التباين الانسيابيه تناسق التوازن

play00:14

التقارب التكراريه البساطه والتوظيف بهي

play00:19

الدروس رح تكون سبع دروس رح ناخذ فيها هي

play00:21

العناصر او هي المبادئ بشكل انفرادي رح

play00:25

نبدا اليوم

play00:27

بالتباين لازم نعرف انه التباين ما هو بس

play00:30

تباين الالوان وانما تباين الاحجام تباين

play00:33

الاشكال ضمن التصميم بستخدم التباين بشكل

play00:37

اساسي لخلق شعور الصدمه للمشاهد شو بقصد

play00:41

بالصدمه لما يكون عندي خلفيه سوداء وعليها

play00:44

كلام ابيض او بالعكس او ممكن يكون عندي

play00:47

مثلا لون ازرق وعليه احمر هذا الشيء رح

play00:51

يخلق نوعا ما صدمه للمشاهد لحتى يلاحظ

play00:55

العنصر الاكبر مقابل العنصر الاصغر

play00:58

بالحديث عن هذا الموضوع لازم نعرف انه

play01:01

التباين هو اللي بيخلق العلاقه بين

play01:04

العناصر عنصر واحد موجود ضمن التصميم ما

play01:08

بيعني اي شيء ولكن لما بيكون في عنصر

play01:11

مقابل له او مرافق له رح يعطي معنى لهذا

play01:16

العنصر الاول لنتخيل الموضوع بالشكل

play01:18

التالي نحن بمكان معين بشركه معينه شركه

play01:21

هاتف مثلا في شخص واقف هذا الشخص ما له اي

play01:25

معنى مجرد شخص واقف بقاعه انتظار لما بيجي

play01:29

شخص ثاني وبيقف وراه ويقف

play01:33

وراءه بيصير اسم الشخص الاول الاول

play01:38

والثاني الثاني لاحظوا وجود الشخص الاول

play01:41

ما كان له اي اهميه الشخص الثاني هو اللي

play01:44

اعطاه الاهميه هو اللي اعطاه اسم الشخص

play01:47

الاول الشخص الثاني هو اللي حوله من مجرد

play01:51

شخص واقف لدور صار عنا دور واقف في

play01:55

الاشخاص لما رح يجي شخص ثالث هلا ما راح

play02:00

يوقف بمكان بعيد را يقف وراء هدول الشخصين

play02:03

لاحظوا كيف العنصر المرافق دائما هو

play02:07

العنصر الاهم بنفس الشي نفس المثال خليني

play02:11

اعطيكم اياه على السريع نحن عننا الحرب

play02:14

العالميه الاولى والثانيه الحرب العالميه

play02:16

الاولى ما كان اسمها الاولى لولا وجود

play02:19

الحرب الثانيه هذا الشي التباين نفس الشيء

play02:24

بنستخدمه نحن بالتصميم دائما بنحاول نحن

play02:28

نقارن بين العناصر وعلى فكره مو نحن اللي

play02:31

بنقارن ب العناصر الدماغ البشري دائما

play02:34

بيلجا للمقارنه دائما بحاول يشوف العنصر

play02:37

القريب يقارنه مع عنصر ثاني لحتى يعرف هل

play02:41

هذا العنصر قريب او بعيد لو كان عندي

play02:44

موجود مثلا دائره ضمن التصميم ما ممكن

play02:48

اقدر احدد هي الدائره بعيده او قريبه

play02:51

صغيره او كبيره بلون فاتح او غامق الا

play02:56

بوجود دائره او عنصر ثاني مقابل لها موجود

play02:59

معهم اقدر قارن يقدر الدماغ يقارن التباين

play03:03

هو اللي بيخلق العلاقه المرئيه بين

play03:06

العناصر لو فرضنا عم نكتب نص معين هذا

play03:10

النص كان بخط عادي او جميعه بخط بولد خط

play03:14

ثخين ما راح يكون له اي معنى ولكن خلق

play03:18

التجانس بين الخط الثخين والخط العادي هذا

play03:22

اللي را يعطي معنى للنص رح يوجه القارئ

play03:25

لقراءه العناصر البولد النص البولد قبل

play03:29

النص العادي لذلك بتلاحظوا انه العناوين

play03:33

دائما موجوده بخط اعرض خط اكبر لحتى

play03:36

القارئ يقدر يشوفها القارئ او المشاهد

play03:38

بقصد يقدر يشوف هي العناصر قبل العناصر

play03:42

المخفيه وطبعا هي القاعده بتصير على كل

play03:46

عناصر التصميم كل شيء بالحياه بالمجمل

play03:48

ولكن نحن عم نعتبر انه الكون كاملا هو

play03:51

تصميم وعم نطبقه داخل مساحه العمل اللي عم

play03:55

نشتغل عليها هذا المبدا يسير على كافه

play03:57

علاقات التصميم التناسبيه

play04:00

سريع بطيء كبير صغير عالي ومنخفض فوق

play04:04

واعلى كل التباينات كل التناسبات ولازم

play04:08

نعرف انه التباين بحفز حواس الانسان

play04:12

الفطريه للمقارنه العين البشريه اول ما

play04:16

تلاحظ في المرئيات هو التباين بتقوم العين

play04:20

البشريه بارسال صوره الى الدماغ بشيء راته

play04:24

والدماغ بحاول يحلل اول ما يحلل هو

play04:28

التباين بين العناصر مثل ما مهمه اللسان

play04:32

التمييز بين الطعم الحلو والطعم المر او

play04:35

الطعم الحامض والطعم المالح كمان العين

play04:38

مهمتها التمييز بين التباينات بين عناصر

play04:42

الطبيعه رح نشوف هلا عده اشكال عده امثله

play04:45

رح نشوف كيف بنقدر نحن كمصممين نستخدم

play04:49

موضوع التباين للتاثير على عقل المشاهد لو

play04:53

بشوف امامنا هي الصوره اول ما بنلاحظ بهي

play04:57

الصوره رغم انه جميع العناصر متماثله في

play05:02

الحجم واللون وانما نحن بنلاحظ هذا الشكل

play05:05

اولا ليش لانه العقل البشري دائما يميل

play05:09

الى التحليل والتركيب اول ما قرا الدماغ

play05:12

قرا انه هذا الشكل هو مثلث انا بعرفه من

play05:16

قبل موجود بذاكرتي ما في داعي اني اتذكره

play05:19

مره اخرى هذا الشكل هو دائره اما هذا

play05:22

الشكل فهو شكل غريب لذلك دائما الدماغ

play05:27

بينظر لهذا الشكل اولا للاشكال المعقده

play05:30

اولا وبيحاول يحللها ويركبها هذا النوع من

play05:34

التباين بنسميه تباين

play05:36

الاشكال من ناحيه ثانيه لو بشوف هي الصوره

play05:40

اللي موجوده عننا اول عنصر بلاحظ هو هذا

play05:43

العنصر اللي هون لانه بيحتوي على

play05:45

الكونتراست الاعلى بيحتوي على التباين

play05:48

الاعلى شكل بالنسبه لدماغ صدمه اذا هي رقم

play05:52

واحد العنصر الثاني مباشره هو يلي موجود

play05:56

هون لان عم يعطي تضاد لوني عم يعطي تباين

play06:01

لوني ولكنه اضعف نوعا ما من التباين

play06:05

الموجود هون لاحظوا هون مساحه اللون

play06:08

الفاقع هي اكبر من مساحه اللون الغامق على

play06:11

عكس هذا التصميم هون موجود عندي اللون

play06:15

الغامق اكبر من اللون الفاتح اذا هي رقم

play06:19

اثنين اما العنصر الثالث يلي رح نلاحظه

play06:23

فهو هذا العنصر عندي تباين مزعج بين

play06:28

اللونين اما الصر الاخير اللي ح نلاحظه

play06:30

فهو هذا التباين اللي موجود هون لونين

play06:34

متقاربين جدا من بعض لذلك عم نلاحظ هون في

play06:38

اخفاء نوعا ما

play06:41

للتصميم هذا اللي عم نشوفه هون اسمه تباين

play06:45

الالوان بالصوره اللي عم نشوفها قدامنا

play06:48

كمان عننا تباين عم نلاحظ انه الدائرتين

play06:53

الاورانج هن بنفس الحجم ولكن الدماغ

play06:57

البشري بيميل لانه يشوف هي الدائره اكبر

play07:00

من هي الدائره بسبب تباينها عن العناصر

play07:05

المحيطه رح نلاحظ اذا اخذت هون مربع عم

play07:08

نقيسه بهالطريقه رح اخذ نفس المربع رح

play07:13

نلاحظ انه الدائره كمان تحتوى بنفس المكان

play07:16

بهالشكل عم نشوف كيف قدرت تتلاعب على

play07:20

العقل البشري لاظهار هذه الدائره اكبر من

play07:24

هذه الدائره بهي الحاله بيرتبك الدماغ

play07:27

وبيحاول تفسير الموضوع وبيخرج بنتيجه انه

play07:32

الدائرتين يفترض انه يكونوا متماثلين ولكن

play07:36

بالنسبه للمحيط فاكيد هي الدائره اكبر من

play07:40

هي الدائره هذا النوع من التباين بنسميه

play07:43

تباين الاحجام اما النوع الاخير من

play07:46

التباين فهو تباين الترتيب بنلاحظ انه

play07:50

العقل البشري دائما بيميل لانه يلاحظ

play07:53

الامور المرتبه اكثر من الامور الفوضويه

play07:57

عم نشوف انه هذا التصميم دائما بنلاحظ انه

play08:01

اجمل اكيد من هذا التصميم طبعا النوعين من

play08:05

التصميم يستخدموا باغراض معينه ولكن لازم

play08:10

دائما نسعى اكيد

play08:12

للترتيب لازم نعرف كمان انه التباين هو

play08:15

العنصر الاساسي بتصميم الشعارات لحتى نقدر

play08:19

نصمم شعار متوازن وجميل لازم اكيد نستخدم

play08:24

التباين هو العنصر الاساسي بتصميم

play08:26

الشعارات خلينا نشوف هي الامثله رح تعرفوا

play08:29

اكثر عن شو عم بحكي اذا ملاحظين في عندي

play08:32

هون عدد معين من الشعارات لاحظوا

play08:34

الكونتراست التباين اللي تم استخدامه باول

play08:38

حرفين واول حرفين من الكلمه الثانيه

play08:41

بالمقارنه مع بقيه الكلمه اول ما رح نلاحظ

play08:45

بهذا الشعار اكيد التباين اللي موجود هون

play08:49

بنفس الطريقه عم نلاحظ هون الكلمه الكبيره

play08:53

مقابلها كلمه صغيره هذا التباين المخلوق

play08:57

بين الكلمتين هو اللي عم يخلينا ننجذب

play09:00

اكثر لقراءه الكلمه الكبيره بنفس الطريقه

play09:04

عم نشوف هون عندي ميد فيست ميديا عم نلاحظ

play09:08

هون الكلمه الكبيره تلاحظ قبل الكلمه

play09:11

الصغيره اما بهذا اللوغو عم نلاحظ انه

play09:15

الدائره السوداء عم تخلق صدمه لحتى نقدر

play09:19

نقرا الكلمه الم موجوده هون لاحظوا كيف تم

play09:22

استخدام التباين بهي الشعارات واخيرا

play09:26

يستخدم التباين بحالات المنع والسم

play09:29

اذا بتلاحظوا بالاشارات المروريه يستخدم

play09:32

تباين اللون الاحمر مع اللون الابيض

play09:35

للتعبير عن المنع ويستخدم تباين اللون

play09:38

الازرق مع الابيض للتعبير عن حالات السماح

play09:42

دائما العقل البشري بحاول يوجهنا لانه

play09:44

اللون الاحمر يعني الخطر يعني شيء ممنوع

play09:47

واللون الازرق يعني السماحيه شيء مسموح

play09:50

اعتقد وهي الفكره من عندي انه الانسان زمن

play09:54

الكهوف كان يشوف لما الشمس تغرب يصير الجو

play09:58

نوع عن ما يميل الى الاورانج يميل الى

play10:01

الاحمر لذلك يحزن لنهايه اليوم اما الصباح

play10:06

عاده بيكون اكثر زرقه لذلك كان يشوفوا هيك

play10:09

تحليل شخصي للموضوع ولكن ممكن انه تعتمدو

play10:14

اذا مثل ما شفتوا هذا هو مبدانا الاول

play10:17

مبدا التباين انتهينا منه اخذنا عده انواع

play10:22

له بالدرس القادم انتظروني رح نحكي عن

play10:25

المبدا الثاني اللي هو الانسيابيه وهذا كل

play10:28

شيء لليوم با

play10:35

باي

Rate This

5.0 / 5 (0 votes)

Related Tags
Design PrinciplesVisual ImpactContrast TheoryBalance ElementsTutorial SeriesAesthetic HarmonyGraphic DesignColor ContrastSize VariationLayout StrategyLogo Design