[ قواعد التصميم الأكاديمية | 01 ] مبدأ التباين
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
🎨 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.
🔍 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.
📘 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
💡Balance
💡Proportion
💡Hierarchy
💡Simplicity
💡Employment
💡Visual Relationship
💡Typography
💡Logo Design
💡Traffic Signs
💡Human Instinct
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
[موسيقى]
اذا مثل ما درستم معي اخذنا المبادئ
الاساسيه للتصميم يلي
هي التباين الانسيابيه تناسق التوازن
التقارب التكراريه البساطه والتوظيف بهي
الدروس رح تكون سبع دروس رح ناخذ فيها هي
العناصر او هي المبادئ بشكل انفرادي رح
نبدا اليوم
بالتباين لازم نعرف انه التباين ما هو بس
تباين الالوان وانما تباين الاحجام تباين
الاشكال ضمن التصميم بستخدم التباين بشكل
اساسي لخلق شعور الصدمه للمشاهد شو بقصد
بالصدمه لما يكون عندي خلفيه سوداء وعليها
كلام ابيض او بالعكس او ممكن يكون عندي
مثلا لون ازرق وعليه احمر هذا الشيء رح
يخلق نوعا ما صدمه للمشاهد لحتى يلاحظ
العنصر الاكبر مقابل العنصر الاصغر
بالحديث عن هذا الموضوع لازم نعرف انه
التباين هو اللي بيخلق العلاقه بين
العناصر عنصر واحد موجود ضمن التصميم ما
بيعني اي شيء ولكن لما بيكون في عنصر
مقابل له او مرافق له رح يعطي معنى لهذا
العنصر الاول لنتخيل الموضوع بالشكل
التالي نحن بمكان معين بشركه معينه شركه
هاتف مثلا في شخص واقف هذا الشخص ما له اي
معنى مجرد شخص واقف بقاعه انتظار لما بيجي
شخص ثاني وبيقف وراه ويقف
وراءه بيصير اسم الشخص الاول الاول
والثاني الثاني لاحظوا وجود الشخص الاول
ما كان له اي اهميه الشخص الثاني هو اللي
اعطاه الاهميه هو اللي اعطاه اسم الشخص
الاول الشخص الثاني هو اللي حوله من مجرد
شخص واقف لدور صار عنا دور واقف في
الاشخاص لما رح يجي شخص ثالث هلا ما راح
يوقف بمكان بعيد را يقف وراء هدول الشخصين
لاحظوا كيف العنصر المرافق دائما هو
العنصر الاهم بنفس الشي نفس المثال خليني
اعطيكم اياه على السريع نحن عننا الحرب
العالميه الاولى والثانيه الحرب العالميه
الاولى ما كان اسمها الاولى لولا وجود
الحرب الثانيه هذا الشي التباين نفس الشيء
بنستخدمه نحن بالتصميم دائما بنحاول نحن
نقارن بين العناصر وعلى فكره مو نحن اللي
بنقارن ب العناصر الدماغ البشري دائما
بيلجا للمقارنه دائما بحاول يشوف العنصر
القريب يقارنه مع عنصر ثاني لحتى يعرف هل
هذا العنصر قريب او بعيد لو كان عندي
موجود مثلا دائره ضمن التصميم ما ممكن
اقدر احدد هي الدائره بعيده او قريبه
صغيره او كبيره بلون فاتح او غامق الا
بوجود دائره او عنصر ثاني مقابل لها موجود
معهم اقدر قارن يقدر الدماغ يقارن التباين
هو اللي بيخلق العلاقه المرئيه بين
العناصر لو فرضنا عم نكتب نص معين هذا
النص كان بخط عادي او جميعه بخط بولد خط
ثخين ما راح يكون له اي معنى ولكن خلق
التجانس بين الخط الثخين والخط العادي هذا
اللي را يعطي معنى للنص رح يوجه القارئ
لقراءه العناصر البولد النص البولد قبل
النص العادي لذلك بتلاحظوا انه العناوين
دائما موجوده بخط اعرض خط اكبر لحتى
القارئ يقدر يشوفها القارئ او المشاهد
بقصد يقدر يشوف هي العناصر قبل العناصر
المخفيه وطبعا هي القاعده بتصير على كل
عناصر التصميم كل شيء بالحياه بالمجمل
ولكن نحن عم نعتبر انه الكون كاملا هو
تصميم وعم نطبقه داخل مساحه العمل اللي عم
نشتغل عليها هذا المبدا يسير على كافه
علاقات التصميم التناسبيه
سريع بطيء كبير صغير عالي ومنخفض فوق
واعلى كل التباينات كل التناسبات ولازم
نعرف انه التباين بحفز حواس الانسان
الفطريه للمقارنه العين البشريه اول ما
تلاحظ في المرئيات هو التباين بتقوم العين
البشريه بارسال صوره الى الدماغ بشيء راته
والدماغ بحاول يحلل اول ما يحلل هو
التباين بين العناصر مثل ما مهمه اللسان
التمييز بين الطعم الحلو والطعم المر او
الطعم الحامض والطعم المالح كمان العين
مهمتها التمييز بين التباينات بين عناصر
الطبيعه رح نشوف هلا عده اشكال عده امثله
رح نشوف كيف بنقدر نحن كمصممين نستخدم
موضوع التباين للتاثير على عقل المشاهد لو
بشوف امامنا هي الصوره اول ما بنلاحظ بهي
الصوره رغم انه جميع العناصر متماثله في
الحجم واللون وانما نحن بنلاحظ هذا الشكل
اولا ليش لانه العقل البشري دائما يميل
الى التحليل والتركيب اول ما قرا الدماغ
قرا انه هذا الشكل هو مثلث انا بعرفه من
قبل موجود بذاكرتي ما في داعي اني اتذكره
مره اخرى هذا الشكل هو دائره اما هذا
الشكل فهو شكل غريب لذلك دائما الدماغ
بينظر لهذا الشكل اولا للاشكال المعقده
اولا وبيحاول يحللها ويركبها هذا النوع من
التباين بنسميه تباين
الاشكال من ناحيه ثانيه لو بشوف هي الصوره
اللي موجوده عننا اول عنصر بلاحظ هو هذا
العنصر اللي هون لانه بيحتوي على
الكونتراست الاعلى بيحتوي على التباين
الاعلى شكل بالنسبه لدماغ صدمه اذا هي رقم
واحد العنصر الثاني مباشره هو يلي موجود
هون لان عم يعطي تضاد لوني عم يعطي تباين
لوني ولكنه اضعف نوعا ما من التباين
الموجود هون لاحظوا هون مساحه اللون
الفاقع هي اكبر من مساحه اللون الغامق على
عكس هذا التصميم هون موجود عندي اللون
الغامق اكبر من اللون الفاتح اذا هي رقم
اثنين اما العنصر الثالث يلي رح نلاحظه
فهو هذا العنصر عندي تباين مزعج بين
اللونين اما الصر الاخير اللي ح نلاحظه
فهو هذا التباين اللي موجود هون لونين
متقاربين جدا من بعض لذلك عم نلاحظ هون في
اخفاء نوعا ما
للتصميم هذا اللي عم نشوفه هون اسمه تباين
الالوان بالصوره اللي عم نشوفها قدامنا
كمان عننا تباين عم نلاحظ انه الدائرتين
الاورانج هن بنفس الحجم ولكن الدماغ
البشري بيميل لانه يشوف هي الدائره اكبر
من هي الدائره بسبب تباينها عن العناصر
المحيطه رح نلاحظ اذا اخذت هون مربع عم
نقيسه بهالطريقه رح اخذ نفس المربع رح
نلاحظ انه الدائره كمان تحتوى بنفس المكان
بهالشكل عم نشوف كيف قدرت تتلاعب على
العقل البشري لاظهار هذه الدائره اكبر من
هذه الدائره بهي الحاله بيرتبك الدماغ
وبيحاول تفسير الموضوع وبيخرج بنتيجه انه
الدائرتين يفترض انه يكونوا متماثلين ولكن
بالنسبه للمحيط فاكيد هي الدائره اكبر من
هي الدائره هذا النوع من التباين بنسميه
تباين الاحجام اما النوع الاخير من
التباين فهو تباين الترتيب بنلاحظ انه
العقل البشري دائما بيميل لانه يلاحظ
الامور المرتبه اكثر من الامور الفوضويه
عم نشوف انه هذا التصميم دائما بنلاحظ انه
اجمل اكيد من هذا التصميم طبعا النوعين من
التصميم يستخدموا باغراض معينه ولكن لازم
دائما نسعى اكيد
للترتيب لازم نعرف كمان انه التباين هو
العنصر الاساسي بتصميم الشعارات لحتى نقدر
نصمم شعار متوازن وجميل لازم اكيد نستخدم
التباين هو العنصر الاساسي بتصميم
الشعارات خلينا نشوف هي الامثله رح تعرفوا
اكثر عن شو عم بحكي اذا ملاحظين في عندي
هون عدد معين من الشعارات لاحظوا
الكونتراست التباين اللي تم استخدامه باول
حرفين واول حرفين من الكلمه الثانيه
بالمقارنه مع بقيه الكلمه اول ما رح نلاحظ
بهذا الشعار اكيد التباين اللي موجود هون
بنفس الطريقه عم نلاحظ هون الكلمه الكبيره
مقابلها كلمه صغيره هذا التباين المخلوق
بين الكلمتين هو اللي عم يخلينا ننجذب
اكثر لقراءه الكلمه الكبيره بنفس الطريقه
عم نشوف هون عندي ميد فيست ميديا عم نلاحظ
هون الكلمه الكبيره تلاحظ قبل الكلمه
الصغيره اما بهذا اللوغو عم نلاحظ انه
الدائره السوداء عم تخلق صدمه لحتى نقدر
نقرا الكلمه الم موجوده هون لاحظوا كيف تم
استخدام التباين بهي الشعارات واخيرا
يستخدم التباين بحالات المنع والسم
اذا بتلاحظوا بالاشارات المروريه يستخدم
تباين اللون الاحمر مع اللون الابيض
للتعبير عن المنع ويستخدم تباين اللون
الازرق مع الابيض للتعبير عن حالات السماح
دائما العقل البشري بحاول يوجهنا لانه
اللون الاحمر يعني الخطر يعني شيء ممنوع
واللون الازرق يعني السماحيه شيء مسموح
اعتقد وهي الفكره من عندي انه الانسان زمن
الكهوف كان يشوف لما الشمس تغرب يصير الجو
نوع عن ما يميل الى الاورانج يميل الى
الاحمر لذلك يحزن لنهايه اليوم اما الصباح
عاده بيكون اكثر زرقه لذلك كان يشوفوا هيك
تحليل شخصي للموضوع ولكن ممكن انه تعتمدو
اذا مثل ما شفتوا هذا هو مبدانا الاول
مبدا التباين انتهينا منه اخذنا عده انواع
له بالدرس القادم انتظروني رح نحكي عن
المبدا الثاني اللي هو الانسيابيه وهذا كل
شيء لليوم با
باي
Browse More Related Video
5.0 / 5 (0 votes)