مقدمة في عالم التصميم
سيساعدك التحديق في التصاميم على رؤية ما هو مهيمن في التصميم (نقاط الاتصال). سوف تجذب المناطق المضيئة عين المتلقي.
نفس العناصر، لكن بتكوين مختلف.
هذه الرسالة التي تنتج عند دمج عناصر التصميم؛ يمكن أن تتغير عندما نغير العلاقة بينها وهنا تكمن قوة التصميم للموشن جرافيكس.
ماهي الخطوة الأولى لتفكر بمنظور مصمم موشن جرافيك؟ كيف يمكن ان ترسل رسالة مرئية أو تحل مشكلة ما بهذه التصاميم؟
التصميم هو انعكاس عقلي لك
تعلم الادوات كبرامج التصميم هي وسيلة فقط ولا تكفي لجعلك مصممًا رائعًا.
تعلم أن تدرب عينك لترى من منظور مصمم
لا تنظر إلى العنصر وكأنه مجرد شكل فقط، بل تسائل لماذا هو مربع أو مستدير، خشن أم ناعم.
املأ الفريمات بين الفريم الأول والأخير بنفس العناصر الموجودة (الدائرة والمربع والمثلث) لكن قم بتغيير احجامها ومواقعها وتكوين الفريمات. أثناء ذلك حاول أن تفكر بخلق معنى وقصة لكل فريم، حتى تصل للفريم الأخير.
من أفضل الطرق لتعلم تصميم الموشن جرافيك هي المشاهدة والرصد. أن تشاهد وتلاحظ وتفهم اللغة البصرية.
قواعد التصميم
قواعد التصميم هي مجموعة من القواعد التي يستخدمها المصمم لإنشاء تصميمات فعالة تنقل بوضوح رسالة إلى جمهوره. تساعد مبادئ التصميم المصممين على رؤية العلاقات المرئية التي تنقل أفكارك إلى المتلقي.
هذه القواعد هي تمامًا كقواعد المنزل، إذا كان فيها خلل فلن يحقق المنزل غايته.
تم إنشاء قواعد التصميم من تعاليم علم نفس الجشتالتي.
تميل عقولنا إلى تنظيم العناصر المرئية إلى مجموعات، كما أننا نفضل التكوينات والترتيب المتناغم، نبسط ما نراه ونفضل البساطة.
علم النفس الجشتالتي يعني ببساطة أن نرى الشيء كاملاً بأكثر من منظور وليس من منظور واحد.
مهارة أن نرى بأكثر من منظور تتيح لنا أن نفهم ما نرى بشكل أكبر ونصنع معاني بسهولة.
قواعد التصميم للموشن جرافيكس
- التباين والتوكيد
- التجمع أو التقارب
- الموازنة
- الإيقاع أو تضمين الحركة
- الشكل والخلفية
التباين والتوكيد
- يحدث التباين عندما يختلف عنصران مرئيان أو أكثر في التصميم.
- يساعد التباين في الكشف عن الأجزاء الأكثر أهمية في تصميمك ويشير المشاهدين إلى التركيز على تلك المناطق.
- يساعد التباين في تنظيم تصميمك وإنشاء تسلسل مرئي وإضافة اهتمام بصري في عنصر محدد.
- يساعد التباين في جذب انتباه المشاهد.
- يساعد التباين في لفت الانتباه إلى شيء مهم في التصميم.
- يساعد التباين في التركيز على جزء معين في التصميم.
- يساعد التباين في إخبار المشاهد أين ينظر أولاً.
يحدث التباين ليس فقط في الحجم والموقع، وإنما في اللون والملمس والشكل والشفافية.. إلخ.
التجمع أو التقارب
يحدث التجميع عندما تكون العناصر قريبة من بعضها وتظهر بشكل مرئي كجزء من مجموعة.
الموازنة
يحدث التوازن عندما يتم توزيع العناصر بالتساوي من مرئيًا في التصميم. هناك نوعان من التوازن: متماثل وغير متماثل.
الإيقاع أو تضمين الحركة
يستخدم الإيقاع لخلق الشكل والشعور بالحركة ولتوجيه عين المشاهد من خلال التصميم.
يمكن للمصمم تضمين الحركة تضمين الحركة باستخدام هذه القاعدة
الشكل والخلفية
الشكل هو الشكل الذي تلاحظة عينك أولاً ونعتبره بطل المشهد، غير ذلك نعتبره الخلفية، هذه القاعدة نقصد بها العلاقة بين الشكل والخلفية، هل يمكننا التبديل بينهم بطريقة ذكية؟
أيضًا يُطلق على الشكل هنا بالمساحة الايجابية ودائمًا ما تكون شكل أو مجموعة من الأشكال مهيمنة مرئيا على الخلفية
كذلك يُطلق على الخلفية بالمساحة السلبية هي المنطقة المحيطة التي نضع عليها الشكل
كل ما يرى في التصميم إما أن يكون شكل أو خلفية
يقوم مصممو الموشن جرافيكس بالتنقلات بين الشكل والخلفية باستمرار بطريقة ذكية.
طرق لمساعدتك على الرؤية كمصمم:
- انظر إلى الأشياء بطرق مختلفة من أجل تكوين منظور جديد لتملأ عقلك بادوات جديدة لترجمة افكارك بصريًا.
- انظر بشكل أعمق للشكل وشاهد علاقات جديدة في الشكل والنمط والملمس.
- رتب الأشياء بطرق جديدة ومثيرة للاهتمام.
- انظر إلى الأشياء عن كثب. اكتشف الجمال في التفاصيل.
- انتبه جيدًا للمساحة الإيجابية والسلبية.
النسب الديناميكية
الخطوة الأولى لتصبح مصممًا للموشن هي أن تتعلم كيف ترى العلاقة بين المساحة الـPositive والـNegative.
(Positive Space) المساحة الإيجابية
المساحة الإيجابية هي المساحة الموجودة في إطار التصميم والتي تمثل الموضوع أو الكائن أو نقطة الاهتمام. المساحة الإيجابية هي المحور الرئيسي لتصميمك.
(Negative Space) المساحة السلبية
المساحة السلبية هي المساحة الفارغة التي تحيط بجسم ما أو المساحة الإيجابية في إطار التصميم. تساعد المساحة السلبية على تحديد حدود المساحة الإيجابية وتحقيق التوازن في التكوين.
في كثير من الحالات، لا تقل أهمية المساحة السلبية في التصميم عن أهمية المساحة الإيجابية.
يغير مصممو الموشن باستمرار العلاقة بين المساحة الإجابية والسلبية. عندما نصمم فريمات للموشن، فإننا نتحرك دائمًا ونغير النقطة المحورية لدينا.
من خلال التحكم في المساحة الإيجابية والسلبية ونحتها في إطارات التصميم الخاصة بنا ، فإننا نخلق التوازن والإيقاع والاتجاه والحركة.
ينشئ مصممو الموشن ويتحكمون في تدفق التصميم من خلال إطارات التصميم الخاصة بهم.
تتمثل إحدى طرق إنشاء الموشن من خلال التصميم في فهم الفريم المستقر والفريم النشط. ماذا يعني هذا؟
فريم ساكن (Passive)
عندما تكون العناصر في التصميم متوازنة بشكل متماثل، يصبح التصميم ساكن. التصميم ثابت ومستقر. هذا النوع دائما يكون نهاية الحركة.
فريم نشط (Active)
عندما يكون توازن العناصر في التصميم غير متماثل، نحصل على فريم نشط. التصميم الآن ديناميكي ومثيرة للاهتمام للنظر إليه ويعطي شعور الحركة.
يساعد التحكم في العلاقات بين المساحات الإيجابية والسلبية في فريمات تصميم الموشن على إيحاء الحركة وإنشاء قصة مرئية.
ربما يكون الاستخدام الصحيح للمساحة الإيجابية والسلبية هو أهم أداة لأي وسيلة تواصل بصري. لانها تلعب دورًا في كل جانب من جوانب تصميم الموشن تقريبًا.
الشكل والخلفية (Figure-Ground)
يشير الشكل (Figure)، المعروف أيضًا باسم المساحة الإيجابية، إلى الصورة (الصور) السائدة بصريًا على الخلفية. الخلفية (Ground)، التي يشار إليها أحيانًا بالمساحة السلبية، هي المنطقة المحيطة التي يوضع عليها الشكل.
يتحدى مصممو الموشن باستمرار العلاقات بين الشكل والخلفية. عندما نصمم للموشن، فإننا نتحرك دائمًا ونغير النقطة المحورية لدينا. عندما تتغير العلاقات بين الشكل والخلفية في الموشن، فإننا نشير إلى هذا التغيير باعتباره لحظة انتقالية أو ترانزشن.
بماذا يساعدنا فهم (الشكل والخلفية)
- جذب عين المشاهد.
- لفت الانتباه إلى شيء مهم في التصميم.
- التركيز على جزء معين في التصميم.
- اخبار المشاهد أين ينظر أولاً.
- خلق مستويات من الاستقرار في التصميم.
الكومبزشن والألوان
الكومبزشن
الكومبزشن هو المصطلح الذي نستخدمه لوصف ترتيب العناصر المرئية في إطار واحد أو سلسلة من إطارات التصميم. إنها الطريقة التي يتم بها تنظيم أو تكوين عناصر خط التصميم والشكل واللون والملمس والشكل والتصوير الفوتوغرافي واللقطات والمساحة والوقت وفقًا لمبادئ التصميم.
الكومبزشن هو الأداة التي يستخدمها مصممو الموشن للتحكم في عين المشاهد. نستخدم هذه الأداة لإظهار ما هو مهم وغير مهم للمشاهد. بكل بساطة!
يرى مصممو كومبزشنات الموشن بطريقتين: كومبزشن متوازن وكومبزشن غير متوازن.
كومبزشن متوازن / لغة بصرية مجردة
كومبزشن يكوّن الأشكال في محاذاة متوازنة. الشكل والخلفية تُلاحظ بشكل سريع وواضح.
كومبزشن غير متوازن / لغة بصرية مجردة
كومبزشن يكوّن الأشكال في محاذاة غير متوازنة. الشكل والخلفية تُلاحظ بشكل سريع وواضح. يسمح التباين في الحجم للشكل الواحد أن يصبح محور الكومبزشن.
كومبزشن متوازن / لغة بصرية ذات معنى
يمكن للأشياء ذات المغزى أن تغير الطريقة التي تدرك بها تركيبة التصميم. إذا كانت عينك تتعرف على أحد الأشياء ، فيمكن أن يصبح العنصر المهيمن في التصميم. إنه شكل مختلف لذلك نميل إلى رؤيته أولاً. تضفي الكائنات ذات المغزى على قصة تصميمك مزيدًا من السياق ويمكن أن تغير الوزن البصري للتكوين.
حركة العين من خلال الكومبزشن
تميل التركيبات المتماثلة إلى جعل عينيك تنظر إلى مركز الإطار. عندما تريد التركيز على شعار أو منتج أو شخص أو كلمة مهمة ، فإن معظم المصممين سيضعون هذه العناصر في وسط الإطار بحيث تنتقل عينك إلى هذا العنصر.
كومبزشن غير متوازن / لغة بصرية ذات معنى
عندما تكون مبتدئًا في استكشاف الكومبزشنات غير المتوازنة، كن على دراية بالعلاقات بين المساحة الإيجابية والسلبية. يسمح "الإحساس" و "الموضع" الطبيعي لهذه المساحات لعينك بالتحرك خلال تكوين التصميم.
عندما تبدأ في استكشاف التكوين والتصميم ، لا تخف من المجازفة. ارتكاب الأخطاء هو جزء من عملية التعلم. استمتع بتغيير المساحات الإيجابية والسلبية.
سيساعدك الاستكشاف على اكتشاف طرق جديدة لإعطاء معنى لتصميماتك!
أشياء للإعتبار ما هو مزاج تصميمي؟ كيف يمكن أن يعطي الكومبزشن شعور معين؟
هل يحتاج تصميمي إلى نقطة تركيز؟ هل هناك منتج "بطل التصميم" أو صورة أو شخص أو شعار يجب أن يكون مختلفًا عن الأشياء الأخرى في تصميمي؟
"هل مفهومي لديه موضوع بصري؟ يمكن أن يكون المثال "الكثير يصبح أقل" أو "كبير إلى صغير
بعض السمات التي نصمم لها، تحتاج إلى كومبزشن متوازن لتعزيز مفهوم أو منتج أو شعار أو شخص أو شيء. الموضوعات الأخرى التي نصمم لها، تحتاج إلى كومبزشنات غير متوازنة لتعزيز مفهوم أو منتج أو شعار أو شخص أو شيء.
ثيمات بصرية لنلقِ نظرة على الثيمات المرئية الشائعة التي نستخدمها كمصممين للموشن.
ثيم #1 البطل / نقطة التمركز
توازن متماثل ومحاذاة مركزية. تم وضع العناصر الثانوية في نظام شبكي 8 × 4.
توازن متماثل ومحاذاة مركزية. بطل هذا الكومبزشن هو المنتج.
ثيم #2 الشعار كبطل
توازن غير متماثل ومتماثل في النهاية. من الثيمات الشائعة المتكررة في تصميم كومبزشن لشعار متحرك كلاسيكي.
ثيم #3 كثير يصبح قليل
توازن متماثل ومحاذاة مركزية. العناصر الثانوية موضوعة على نظام شبكي بسيط.
ثيم #4 اتبع القائد
توازن متماثل ومحاذاة مركزية. نتبع عنصرًا مرئيًا واحدًا لأنه يخلق سلسلة من التحولات المرئية تتكشف. تشكل النقاط والخطوط الرفيعة اللغة المرئية. تساعد هذه العناصر البسيطة على خلق شعور بالوحدة العامة والتوازن.
ثيم #5 فراغ مدروس
التوازن غير متماثل ومتماثل في النهاية. الفضاء السلبي والإيجابي يخلق توازنًا في التكوين وتوترًا مدروسًا. الشكل والخلفية تُلاحظ بشكل سريع وواضح.
ثيم #6 تكوين شبكي متحرك
يؤدي تقسيم الإطار إلى 5 ألواح عمودية متباعدة بشكل متساوٍ إلى تكوين تركيبة منزلقة تبدو حديثة وجريئة. تسمح تقنية الكومبزشن هذه للمصمم بتجميع مجموعة متنوعة من العناصر معًا.
ثيم #7 توسيع اللوحات
التوازن غير متماثل ومتماثل في النهاية. تركز اللوحات المتوسعة والمتحركة على أجزاء من الكتابة واللقطات ذات العلامات التجارية. ينشئ اللون والقيمة أيضًا بنية من التسلسل الهرمي.
ثيم #8 مساحة إيجابية وسلبية محكمة
التوازن غير متماثل ومتماثل في النهاية. تنزلق المساحات السلبية والإيجابية وتتحول ، مما يخلق تراكيبًا وتوازنًا مدروسًا. الشكل والخلفية تُلاحظ بشكل سريع وواضح. التفاصيل المنسوجة والصور الظلية تخلق مظهرًا مبدعًا.
ثيم #9 خطوط قائدة
التوازن غير المتماثل والمتماثل. تعتبر الخطوط القائدة أحد العناصر الأكثر فائدة في تصميم الموشن. يمكن استخدامها لإنشاء كومبزشنات قوية ذات تأثير بصري قوي. تساعد الخطوط في جذب عين المشاهد إلى جزء معين وتركيز انتباهه على الموضوع الرئيسي.
ملخص الكومبزشن
- يحدد الكومبزشن الغرض من التصميم الخاص بك ومعناه.
- يتحكم الكومبزشن في عين المشاهد. أين تريدهم أن ينظروا؟
- عادة ما نرى الأشياء بطريقة متماثلة وغير متماثلة.
- حدد الكومبزشن بناءًا على موضوع عملك.
- المساحات السلبية والإيجابية تخلق كومبزشن. انظر عن كثب إلى هذه العلاقات.
- الكومبزشن يخلق فريمات ساكنة ونشطة.
أختيار الألوان
تعتمد الألوان التي نختارها على العديد من العوامل.
- شخصيتك
- مزاجك
- أين تعيش وماذا تراه كل يوم
- الثقافة والتقاليد
- نظرية الألوان وعلم النفس وقواعد استخدام الألوان
- إرشادات لون العميل
في بعض الأحيان نختار الألوان بناءً على العلامة التجارية أو الثيم.
قم بتخمين شعور معين وأختر لون بناءًا على هذا الشعور. اسمح لعقلك وعينيك بتوجيه اختياراتك للألوان. ما هي ارتباطات الألوان التي يمكنك تكوينها؟
يجب أن يكون اختيار الألوان تجربة شخصية. حدد اختياراتك بناءً على عواطفك!
يتردد المصممون الجدد من اختيار الألوان لأنهم يخشون أن يختاروا اللون الخطأ.
اختر الألوان بناءً على شخصيتك ومزاجك. هل مشاعرك باردة أم دافئة؟ ماذا يقول اللون عن مشروعك؟ اختر مكان الانطلاق.
بسط الطريقة التي تنظر بها إلى عجلة الألوان وتحكم في اختياراتك.
hue مصطلح يعني اللون في أقصى حد له. هوى ببساطة طريقة أخرى لقول اللون.
tint مصطلح يصف عند إضافة الأبيض إلى تدرج أو لون.
shade الظل هو مصطلح يصف عند إضافة اللون الأسود إلى لون.
saturation التشبع هو مصطلح يصف شدة فقوعة اللون.
لماذا يختار المصممون لوحات ألوان لمشروعهم؟
- لخلق التباين أو التأكيد على جزء من التصميم.
- لخلق الانسجام والتوازن والوحدة في التصميم.
أساليب وقواعد شائعة لاختيار الألوان
قاعدة اللون # 1 لونين تكميليين
تعتبر الألوان المقابلة لبعضها البعض على عجلة الألوان ألوانًا متكاملة. يخلق التباين العالي للألوان التكميلية مظهرًا نابضًا بالحياة خاصة عند استخدامه عند التشبع الكامل. يستخدم مخطط الألوان هذا لإنشاء تباين في التصميم الخاص بك.
يحصل اللون على كل الفضل، لكن التباين يقوم بكل العمل. يشعر العديد من المصممين أن اختيار الألوان السيئ يدمر التصميم. في معظم الأحيان، يكون بنية التباين السيئة هي التي تجعل التصميم يبدو سيئًا.
يتم تعريف التباين على أنها الإضاءة النسبية أو التعتيم النسبي للون. التباين هي أداة مهمة للمصمم، في الطريقة التي تخلق بها الانسجام والوحدة والتأكيد في التصميم.
قاعدة اللون # 2 تقسيم نظام الألوان التكميلية
نظام تقسيم اللون التميلي إلى اثنان. بالإضافة إلى اللون الأساسي ، فإنه يستخدم اللونين المجاورين لمكملته. مخطط الألوان هذا له نفس التباين المرئي القوي مثل نظام الألوان التكميلي ، ولكن لديه توتر أقل.
تخلق لوحات الألوان التكميلية والمقسمة مظهرًا نابضًا بالحياة خاصة عند استخدامها عند التشبع الكامل. يجب إدارة مخطط الألوان هذا بشكل جيد حتى لا يتعارض مع عيون المشاهد. فهذا المثال السابق نشاهد بوضوح أن التباين صارخ في الكومبزشن وقد يشتت المتلقي
قاعدة اللون # 3 مخطط ألوان مماثل
تستخدم أنظمة الألوان المتشابهة الألوان المجاورة لبعضها البعض على عجلة الألوان. عادة ما تتطابق بشكل جيد مع تصميمات موحدة ومريحة.
قاعدة اللون # 4 نظام الألوان أحادي اللون
يبدأ إنشاء لوحة ألوان أحادية اللون باختيار اللون الأساسي. ثم قم بإنشاء الظلال والصبغات والدرجات اللونية من اللون الأساسي لتوسيع الألوان داخل اللوحة. تعد الألواح أحادية اللون خيارًا متعدد الاستخدامات وسهل التطبيق لأي نوع من أنواع التصميم. إنها تحدد الحالة المزاجية لإطارات الأسلوب الخاص بك بسرعة وتخلق مظهرًا متناغمًا ومتماسكًا بصريًا.
قاعدة اللون # 5 لون واحد + أبيض وأسود
البساطة دائمًا قاعدة جيدة يجب اتباعها. اختر لونًا بطلًا وقم بتطبيق كمية سخية من الأسود والأبيض. يمكن أن يساعد استخدام لوحات الألوان البسيطة في جعل تصميماتك تبدو مذهلة وفريدة من نوعها ومصممة وموجهة بالفن ومميزة.
قاعدة اللون # 6 اسود و ابيض
كلاسيكي ، ملفت للنظر وجميل!
قاعدة اللون # 7 رمي كل الألوان في الكومبزشن!
في بعض الأحيان ، عليك فقط استخدام كل لون على عجلة القيادة.
عندما تبدأ في استخدام الألوان في عملك، ابدأ ببطء واجعلها بسيطة. أولاً، حدد ما إذا كنت تحاول إنشاء تباين أو تناغم في تصميماتك. بعد ذلك، اختر قاعدة اللون التي ستساعدك في تحقيق مظهر معين.