#صمم_بفن 🌿✨
كيف أتعامل مع الألوان؟ الألوان من الاشياء الي تساعدنا اننا ننتج التصميم بشكل مناسب ومريح للعين، في هذا الثريد قبل ما ندخل في تفاصيل الألوان قررت أشرح أساسيات بسيطة في هذا الثريد وطريقة عجلة الألوان في استخلاص الدرجات اللونية وشوية تعريفات تخص الألوان 😍👌🏼
كيف أتعامل مع الألوان؟ الألوان من الاشياء الي تساعدنا اننا ننتج التصميم بشكل مناسب ومريح للعين، في هذا الثريد قبل ما ندخل في تفاصيل الألوان قررت أشرح أساسيات بسيطة في هذا الثريد وطريقة عجلة الألوان في استخلاص الدرجات اللونية وشوية تعريفات تخص الألوان 😍👌🏼
أول شي خلونا نشرح ع السريع الألوان كيف تتكون، عندنا ثلاثة ألوان اساسية أزرق أحمر أصفر بعد دمج كل لونين منها يطلع معانا ثلاثة غيرهم وهكذا الى أن نحصل على عجلة الألوان وتنقسم عجلة الألوان إلى الوان باردة وألوان دافئة ونسبة لهذي الطبيعة في الألوان يتم استخدامها مع المنتجات 🍁✨
وبما اننا نصمم على الشاشات مهم نعرف تكون الألوان فيها، طيب كيف تتكون الألوان في الشاشة ي رشا 👀؟ ألوان الشاشة هيا RGB تفصل الى ثلاثة ألوان مثل ألواننا الأساسية وهيا:
الأحمر والأخضر والأزرق Red, Green, Blue
أعلى تشبع لوني لها عند 255 وأقل تشبع عند 0 وتترتب بهذي الطريقة (R, G, B)
الأحمر والأخضر والأزرق Red, Green, Blue
أعلى تشبع لوني لها عند 255 وأقل تشبع عند 0 وتترتب بهذي الطريقة (R, G, B)
ناتج دمج أعلى تشبع لوني لألوان الشاشة يكون اللون الأبيض (255, 255 (255, وناتج دمج أقل تشبع لوني لها يكون اللون الأسود (0,0,0) وبعدها ظهرت اكواد الألوان لمصممي الويب وتتكون من ٦ خانات وصار ينحسب كل خانتين للون من الأحمر والأخضر والأزرق 💦
ويتكون الكود من نظام hexadecimal من 0-15
وتنقسم بهذه الطريقة من 0 الى 9 ومن رقم 10 الى 15 يبدأ العد بالحروف من A الى F وبنفس نمط RGB ناتج دمج أعلى تشبع لوني لألوان الشاشة يكون اللون الأبيض FFFFFF وناتج دمج أقل تشبع لوني لها يكون اللون الأسود 000000، سلطة صح 😂😭؟
وتنقسم بهذه الطريقة من 0 الى 9 ومن رقم 10 الى 15 يبدأ العد بالحروف من A الى F وبنفس نمط RGB ناتج دمج أعلى تشبع لوني لألوان الشاشة يكون اللون الأبيض FFFFFF وناتج دمج أقل تشبع لوني لها يكون اللون الأسود 000000، سلطة صح 😂😭؟
كذا عرفنا تكوين الألوان في الشاشة، نجي الآن لكيف تجي درجات الألوان، عندنا عجلة الألوان تخضع لتظليل(Shade) نضيف فيه اللون الأسود ونقول اللون غامق أو تفتيح نضيف فيه اللون الأبيض (Tint) ونقول اللون فاتح وفكل مرة نحصل على درجات مختلفة عن الأصلية وهذي الصورة توضح الي قلتو من قبل 😉👌🏼
معلومة 🌟 : في قائمة color guide في الاليستريتور تقوم بهذا العمل مجرد ما تحدد لون او أي درجة لونية تقوم بالتعدييل عليها بنفس هذا النمط تظليل تفتيح.
خلونا نتكلم عن بعض المصطلحات المهمة المرتبطة بالألوان 👌🏼:
التشبع اللوني: هو درجة اللون الأصلية بدون تأثير اللونين الأبيض والأسود، وهي ألوان العجلة اللونية ونقدر نتأكد انو اللون مافيه تأثير من القيم الموجودة عند اللون اذا كانت تحتوي على قيم 255 في صيغة RGB ✨
التشبع اللوني: هو درجة اللون الأصلية بدون تأثير اللونين الأبيض والأسود، وهي ألوان العجلة اللونية ونقدر نتأكد انو اللون مافيه تأثير من القيم الموجودة عند اللون اذا كانت تحتوي على قيم 255 في صيغة RGB ✨
التباين (contrast) هو أحد مبادئ التصميم وينطبق على مجموعة من العناصر ومنها اللون الي هو محور حديثنا الآن، عشان نشرح الموضوع بشكل مبسط كلنا عارفين انو التصميم يتكون من طبقات يعني عنصر فوق عنصر فوق عنصر وهكذا، وابسط مثال (النص فوق الخلفية) 💯
التباين هنا هو نقطة اختلاف اللونين في الدرجات اللونية والتشبع اللوني وهو قدرة عين المشاهد على التفريق بين الطبقتين ومشاهدة التصميم بدون انزعاج، الملخص كل ما كان اللونين متقاربين قل التباين وكل ما كانو مختلفين ومتباعدين زاد التباين وهذا الصحيح ✔️ نشوف مثال هنا :
عشان تتأكد انو الألوان متباينة ضروري ما تحط ألوان متقاربة في الدرجة فوق بعض مثل الأحمر والبرتقالي وما إلى ذلك، أخيرا ان شاء الله انكم تكونو استفدتو في ثريد الألوان الأول في #صمم_بفن 🌿✨ كيف أتعامل مع الألوان؟
جاري تحميل الاقتراحات...