طريقة اختيار الألوان ضمن واجهات الاستخدام (ألوان نظم التصميم)
HTML-код
- Опубликовано: 30 апр 2022
- اختيار الألوان قبل عملية البدا بالتصميم أمر مهم ضمن كل مجالات التصميم وحتى ضمن تصميم واجهات الاستخدام، ولكن ضمن تصميم واجهات الاستخدام الأمر أكثر تعقيداً حيث يترتب عليك كمصمم القيام بتحديد مجموعة كبيرة من الألوان المختلفة.
مثل تحديد ألوان رسائل المشاكل والتنبيهات والنجاح وغيرها من الألوان الأساسية، لذلك يجب أن يكون لديك طريقة سهلة للقيام بكل هذه التفاصيل بسرعة قدر الإمكان.
لذلك من خلال هذا الفيديو سوف اشرح مجموعة لماذا نقوم اختيار كل هذه الألوان؟ وكيف نستخدمها؟ وما هي الأدوات التي استخدمها لتحديد الألوان وتدرجاتها بطريقة سهلة.
Material Color Tool: bit.ly/3kL0Qkd
Adobe Color: adobe.ly/3MBALzC
Coolors: bit.ly/3voDk0m
Material Palettes: bit.ly/3LyHzy5
Eva Design System: bit.ly/3OQwzOE
*************************
مساق منصة عربية تمكنك من إنشاء وبيع الدورات التدريبية 👨🏫، المنتجات الرقمية 📚 والجلسات الاستشارية 🎙 من أكاديميتك دون أي معرفة تقنية 🚀.
bit.ly/3tQDqxH
*************************
My Accounts on Social Networks:
🐦 Twitter: / ahmadmsekmani
📕 Facebook: / ahmadmsekmani
📸 Instagram: / ahmadmsekmani
🖌 Behance: www.behance.net/AhmadMSekmani
💡 Dribbble: dribbble.com/AhmadMSekmani
📧 Email: a.m.sekmani@gmail.com
#color #الألوان Наука
إن كان لديك أدوات أخرى تساعد في تحديد الألوان بشكل سهل شاركنا بها ضمن التعليقات
جزاك الله كل خير وجعله في ميزان حسناتك أستاذ أحمد
جميل جدًا الشرح ومفصل ومهم جدًا ومفيد ♥️🫶🏻
الله يبارك فيك، معلومات قيمة جدًا.
فيديو قيم جدا ومليئ بالمعلومات المفيدة 💯
شكرا جدا لك❤️❤️❤️
سلمت يداك استاذنا ♥
شكرا لك احمد استفدت كثير الله يوفقك في الدنيا والاخره
فيديو رائع جدا شكراا أستاذ احمد
بارك الله فيك علي المعلومات .. فيديو مفيد جدا
احسنت استفد كتير منك تسلم ايدك
الله يجزيك الخير ياارب
شكرا لك فيديو مفيد جداً
شكرا 👍
شكرا ❤
كثير استفدت شكرا🌸
بالتوفيق إن شاء الله
❤❤❤❤
اتكلم علي الدارك مود في ابل و اندرويد و المواقع و استخدامهم اثناء تطبيق واحد يكون ios و اندرويد
و طبعا شكرا استاذ احمد علي الفديوهات كل فيديو بتعلم اكتير من الي قبلة
رائع 🎉
كل عام وحضرتك بخير
وأنت بألف خير
معليش سيد أحمد توضع فديو على كيف يتعمل front-end مع ملفات تصميم تع ui/ux
وما هي الاساسيات التي يجب ان يتعلمها في ui/ux
لقد قمت بشرح هذه الأمور سابقاً ضمن الفيديوهات ياريت ترجع للقناة رح توجد طلبك
اخي الكريم طيب كيف اعرف هل هذا لون مناسب له يعني امثلك زي نوع غموض كيف اختار مناسب لون في كثير كلمات لازم ترمز الوان على الموضوع هل في موقع او برنامج يعرفلي شو لون مناسب
Nice video
شكراااا❤
العفو
SO THANKS SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
وأنت بخير أستاذ، ويعطيك العافية على مجهودك 🔥💙
إضافة للمواقع يلي ذكرتون في هدا الموقع كتير مفيد عن تجربة شخصية، وبيعرضلك اللون بأكتر من نظام لوني، بالإضافة إلو Plugin ضمن Adobe Xd
colors dopely
------------------------------------------------
حابب ضيف معلومة على الألوان
Primary colors
Secondary colors
Semantic colors (ألوان الخطأ والنجاح والتنبيه)
في شي اسمو Data visual colors
بيتألف من ثلاث مجموعات (Palettes) لونية
Qualitative palettes
Sequential palettes
Diverging palettes
طبعًا بيختلف استخدامون حسب نوع الداتا أو البيانات يلي بدها تنعرض. في مقال بس مع الاسف اليويتيوب عبيحذف التعليق منشان الروابط.
----------------------------------------------------------
في Plugin اسمها Color system helper
أنا استفدت منها بموضوع تصدير Color asset لملف CSV يعني ملف Excel بيتضمن اسم يلي مسمي فيه اللوان بجانبو الكود اللوني RGB و Hex، هدا الملف بعطيه للمبرمجين والمطورين يضمنوه ضمن المشروع يلي عبيشتغلوه أو ينسخوا منه بسهولة مع التسمية.
إذا في خطأ بأي معلومة منكم نستفيد ويعطيك العافية أستاذ💙🔥
ياريت يا اخي تتعمق اكتر في قواعد الالوان
في اكتر من فيديو حول الألوان ضمن القناة منهم واحد نزل المبارحة وايضاً انا بكتب حول الألوان ضمن مدونة موقعي ياريت تراجهم
⚘⚘🌱
كيف نعرف إنه نسب الألوان الأحمر والأصفر والأخضر بنفس نسب الألوان للهوية البصرية
من فضلك يا أ.أحمد ممكن ترفع لنا الملف الذي في البداية كنت تشرح منه فيXD
للاسف هذا الملف خاص للعمل، مع ذلك إرجع لفيديوهات سابقة ستشاهد شروحات عن كيفية انشاءه
وأنت بخير أستاذ، بس سؤال صغير ضفت تعليق تقريبا أربع مرات ولم يظهر من ضمن التعليقات، هل هناك مشكلة من اليويتيوب أم المشكلة بالتعليق مع العلم أن التعليق يحوي روابط قمت بخذفهم وما زالت نفس المشكلة.
اعتقد ان إضافة روابط بشكل مكثف لا يقبه اليويتوب لذلك يتم حذف التعليقات بشكل اتوماتيكي
حضرتك خريج شو 🤔
تخصصي ضمن هندسة الإلكترونيات