تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
[مقال] الجرافيكس و البرمجة - لمحة سريعة من اجل تنسيق الالوان
#1
Thumbs Up 
بسم الله الرحمن الرحيم


الجرافيكس من وجهة نظري - هو علم يهتم بالرسوم والألوان ومن خلاله يمكن انشاء ومعالجة محتوى سواء كان ثابت ( 2d - رسوم نقطية ( ابيض وأسود ) او متحرك ( 2d - 3d ) هذا التعريف مني شخصيا لكي يكون الأمر سهل ولن ااتعمق اكثر.

أولا الموضوع باين من عنوانه  Big Grin
ثانيا : قم بالبحث في قوقل عن  قاعدة الالوان او دولاب الالوان كنقطة بداية تعلم وفهم الموضوع اكثر.
ثالثا : سنتكلم بأختصار علاقة الجرافيكس بالبرمجة..

لماذا موظفي الشركات البرمجية كثر؟
هناك من يقوم بالتحليل.
وهناك من يقوم بالبرمجة.
وهناك من يقوم بتصميم جرافيكس ..
وهناك مندوبي التسويق ... و و و الخ
ولماذا الشركة البرمجية تحتاج لشخص( مصمم جرافيكس ) :-
1 - شعار البرنامج
2 - مطبوعات الترويج
3 - تصميم واجهات البرنامج وايقونات التابعه له.
وأنا ذكرت بعض الأمور والأعمال ولم اتعمق أكثر في كل الأعمال لمصمم الجرافيكس.

سنترك الجرافيكس كعلم وندعه وشأنه فنحن نريد من اخونا المبرمج الخروج بفائدة من هذه الصفحة ..




لماذا لا يستطيع المبرمج فهم تناسق الالوان
اذا استطعت فهم موضوع ( قاعدة الالوان )
سيكفي هذا 
فقاعدة الالوان هي عبارة عن ألوان مختلفة مرتبة حسب نوعين للالون : 1 - ألوان حارة  2 - ألوان باردة
وتم تجميعها على شكل دولاب دائري

كيف أختار الالوان ؟


هناك ألوان اساسية وثانوية وثلاثية او ثالثة..



اللون الأساسي هي الالوان التي تأسست منها كل الالوان.
وهناك ثلاثة ألوان اساسية.
واختصارها 
 RGB هي اختصار لـ Red, Green, Blue و التي تعني الأحمر و الأخضر و الأزرق إذ تعتبر هذه الألوان أساسية في النمط RGB إذ أن مزج لونين من هذه الألوان يعطينا لون جديد مختلف فمثلا عند مزج الأخضر و الأحمر نحصل على الأصفر و هكذا اما عند مزج كل الألوان الأساسة فإننا نحصل على اللون الأبيض .

أما كلمة CMYK هي اختصار لـ Cyan Magenta Yellow blacK وهي السماوي، الأرجواني، الأصفر و الأسود ، إذ تعتبر هذه الألوان أساسية في النمط CMYK إذ أن مزج الألوان الأساسية في هذا النمط يعطينا ثلاث ألوان ثانوية أخرى و هي الأحمر و الأخضر و الأزرق و نلاحظ أن هذه الألوان هي الالوان الأساسية في نمط RGB ، و نرى كذلك أن العكس أيضا صحيح بالنسبة لـ RGB فألوانه الثانوية هي الألوان الأساسية في CMYK

اذا نستنتج الاتي باختصار
RGB هي ألوان ( للعرض والمشاهدة ) لها ثلاث ألوان رئيسية ويمكن استخراج أربعة ألوان ثانوية منها تسمى CMYK


Cmyk هي ألوان ( للطباعة فقط ) تحتوي على أربعة ألوان اساسية ويمكن استخراج ثلاثة ألوان ثانوية إلا وهي RGB.


ويمكن استخراج ألوان اخرى من الالوان الثانوية حيث اذا تم مزج لون ثانوي مع لون اساسي في كلا النوعين ...سينتج لون جديد يسمى ثلاثي او لون ثالث مشتق من ذلك اللونين الاساسي والثانوي..






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


عند اختيار الالوان يجب أن نختار ألوان تقابل بعضها .. ودولاب الالوان هو دليلك لاستخدام الالوان بشكل صحيح وأفضل من السابق..
وليس شرطا أن نختار الوان تقابل بعضها تماما .. ونكتفي فقط بأختيار لون من جهة الالوان الحارة ولون من الالوان الباردة والعكس صحيح  او لونين حارين او باردين ونبداء في تصميم واجهات برامجنا بشكل أفضل من السابق.
وقد نضطر الى استخدام لون ثالث إلى جانب اللونين يالسابقين
فأنا دائما اذا استخدمت ثلاثة ألوان اختار.
لون أساسي ( أحد الالوان في نظام RGB )
لون ثانوي ( أحد الالوان المشتقة من الالوان RGB )
لون ثالث ( أحد الالوان الناتجة عن خلط لون أساسي مع لون ثانوي )
ودائما قاعدة الالوان هي مرجعي قبل البدء
وعندي قاعدة عامية اقولها دائما.


اذا كان لون الخلفية غامق فالمحتوى الأمامي يجب أن يكون  فاتح والعكس صحيح.

سؤال واجابة :
كيف لي أن أدرك هذا اللون انه الانسب لي ولبرنامجي.؟
الإجابة :- عندك شعار لشركتك ؟ عندك شعار لبرنامجك؟
حاول أن تقتبس وتختار ألوان لبرامجك مطابقة لالوان شعارك ليصبح الأمر أكثر تنظيما وبشكل رسمي وايجابي.
وماقلته للتو مثال بسيط.

ويمكن أن تختار ألوان جديدة مختلفة تعطي تناسق مع الالوان التابعة لشركتك...

سؤال وجواب

ماهذا !!؟!! لم تعجبني تلك الالوان المتواجدة في لغات البرمجة ولا تشبه تلك الالوان الموجودة في دولاب الالوان..

الجواب : لكل لون قيمة معينة ففي لغات البرمجة هناك ip للالوان ويمكن تغيير تلك الارقام بالزيادة او بالنقصان لتصل إلى ماتريده...
اذا استصعبت الأمر إبداء مع مصمم بجوارك وقم بتصميم واجهات تناسب طلبك ورغبتك واجعلها خلفية خاصة بواجهتك لتصبح تلك الواجهة أكثر تنسيقا..

من اجل اختصار الموضوع اكثر من اجل برامج مبرمجة ذات شكل راقي ويلفت الأنظار .. لا يجعل المستخدم في قلق وخوف : ).
قاعدة الالوان :-



لماذا نتكلم عن هذه القاعدة وما علاقتها بالبرمجة..
صحيح ليس لها اي علاقة برمجية فقط انه كلا منهما يكمل الاخر.. وبعض العلوم تحتاج لعلوم أخرى وهكذا.


اذا...
كلما كان البرنامج أكثر تنسيقا كلما كانت هناك الرغبة من الكثير إلى استخدام البرنامج دون ملل ناهيك عن ضمان اكتساب راحة ذهنية وانسجام لدى المستخدم أثناء الاستخدام.
راحة ذهنية ( عدم الانزعاج من الواجهات وألوانها ) سيكون برنامجك اكثر رغبة من العملاء الجدد والعملاء السابقين هم كثيري التحدث عن برنامجك بأنه مرتب وغير معقد وكذلك واجهات رائعه ..... انظر إلى كمية المعجبين بنظامك مضمونا وشكلا..وكذلك ضمنت لبرنامجك أشخاص يقومو بالتسويق لبرنامجك.
ولا ننسى أن الاهم هو مضمون في البرنامج .. 100 %


عموما ...
من نقاط شهرة البرنامج بسرعة هو design والتنظيم والتنسيق والألوان هم أحد الأسباب في ذالك ..
ألوانه غير مزعجه بتاتا وستشعر في داخلك بارتياح تام وستقول : .. انا استخدم برنامج رائع وسهل وهذا يدل على ان الشركة المنتجة شركة مرموقة وناجحة ..
حتى وإن كان كل أفراد الشركة البرمجية هو انت او انا ( شخص واحد يقوم بكل تلك المهام ).. ولماذا لا .... نحن نستطيع انجاز كل ذلك.......Cool
ودمتم في خير وخواتم رمضانية مباركة للجميع..


سأحاول طرح مواضيع تابعة لهذا الموضوع لاحقا بأذن الله
واي سؤال او اي موضوع يخص الموضوع هذا يرجى وضعه في الردود وسأقوم بالرد عليه او أقوم بأنشاء موضوع من اجله...
مع العلم انا استخدم الموقع من جوالي والاقي صعوبة جدا بعكس فتح المنتدى من الكمبيوتر. .
فلا أعلم اني وضعت الموضوع في مكانه الصحيح ام لا..
لذا إذ امكن للادارة نقل الموضوع فجزاهم الله كل خيرا ...
كل التحية
الرد
#2
السلام عليكم ورحمة الله وبركاته
بارك الله بك اخي الكريم 
موضوعك جدا مهم وهو متعلق بالفجوة الكبيرة بين برامجنا المحلية والبرامج العالمية فكم من برنامج محلي (جيد وقوي بما يؤديه من اوامر واحتياجات) لم يجد طريقه الى المستخدمين بسبب سوء تصميم واجهاته وتنسيق الوانه وخطوطه وتموضع الكونترولات الخاطئ في شاشاته والحركة غير الصحيحة في العمل 
يقينا علينا الاهتمام بالغرافيك الحقيقي لا الاستعانة فقط بأدوات التجميل كالدبف اكسبريس او غيرها من الحزم وانما بمفاهيم واسس الالوان وعلاقة الاشكال ببعضها
اتمنى من الاخوة التفاعل مع الموضوع وابداء الراي كل واحد حسب تجربته
اعمل الخير واجرك لاتنتظره فالله خير من اليك يرده
البرمجة ليست مجرد كود بل هي منهج تفكير منطقي لحل المشكلات







الرد
تم الشكر بواسطة: مصمم هاوي , مصمم هاوي , a7med saba , alfaiz678
#3
(05-05-21, 10:23 PM)ابراهيم ايبو كتب : السلام عليكم ورحمة الله وبركاته
بارك الله بك اخي الكريم 
موضوعك جدا مهم وهو متعلق بالفجوة الكبيرة بين برامجنا المحلية والبرامج العالمية فكم من برنامج محلي (جيد وقوي بما يؤديه من اوامر واحتياجات) لم يجد طريقه الى المستخدمين بسبب سوء تصميم واجهاته وتنسيق الوانه وخطوطه وتموضع الكونترولات الخاطئ في شاشاته والحركة غير الصحيحة في العمل 
يقينا علينا الاهتمام بالغرافيك الحقيقي لا الاستعانة فقط بأدوات التجميل كالدبف اكسبريس او غيرها من الحزم وانما بمفاهيم واسس الالوان وعلاقة الاشكال ببعضها
اتمنى من الاخوة التفاعل مع الموضوع وابداء الراي كل واحد حسب تجربته

أولا نورت الصفحة ياغالي ..
ثانيا أتمنى فعلا من المبرمجين المتواجدين معنا في المنتدى طرح الافكار والاقتراحات والآراء في مسألة ديزاين الأنظمة التي يقومون ببرمجتها  ...
وعندي موضوع آخر سيساهم أيضا في طرح أفكار جديدة لتسهيل العرض على المستخدم من خلال طرق ووسائل بسيطة وأفكار قد تكون بدائية  لكنها جميلة ..
في موضوعي القادم ( أفكار بسيطة = شاشة عرض سهلة لبرنامجك )


بس مش عارف هل انا في القسم المناسب كوني أتحدث عن البرمجة بشكل عام ... ام هناك قسم آخر في المنتدى.
للعلم الأمثلة التي ساقدمها في موضوعي القادم بواسطة vb.net

كل التحية
الرد
تم الشكر بواسطة: alfaiz678
#4
(, 08:24 AM)a7med saba كتب :
(05-05-21, 10:23 PM)ابراهيم ايبو كتب : السلام عليكم ورحمة الله وبركاته
بارك الله بك اخي الكريم 
موضوعك جدا مهم وهو متعلق بالفجوة الكبيرة بين برامجنا المحلية والبرامج العالمية فكم من برنامج محلي (جيد وقوي بما يؤديه من اوامر واحتياجات) لم يجد طريقه الى المستخدمين بسبب سوء تصميم واجهاته وتنسيق الوانه وخطوطه وتموضع الكونترولات الخاطئ في شاشاته والحركة غير الصحيحة في العمل 
يقينا علينا الاهتمام بالغرافيك الحقيقي لا الاستعانة فقط بأدوات التجميل كالدبف اكسبريس او غيرها من الحزم وانما بمفاهيم واسس الالوان وعلاقة الاشكال ببعضها
اتمنى من الاخوة التفاعل مع الموضوع وابداء الراي كل واحد حسب تجربته

أولا نورت الصفحة ياغالي ..
ثانيا أتمنى فعلا من المبرمجين المتواجدين معنا في المنتدى طرح الافكار والاقتراحات والآراء في مسألة ديزاين الأنظمة التي يقومون ببرمجتها  ...
وعندي موضوع آخر سيساهم أيضا في طرح أفكار جديدة لتسهيل العرض على المستخدم من خلال طرق ووسائل بسيطة وأفكار قد تكون بدائية  لكنها جميلة ..
في موضوعي القادم ( أفكار بسيطة = شاشة عرض سهلة لبرنامجك )


بس مش عارف هل انا في القسم المناسب كوني أتحدث عن البرمجة بشكل عام ... ام هناك قسم آخر في المنتدى.
للعلم الأمثلة التي ساقدمها في موضوعي القادم بواسطة vb.net

كل التحية

مشكور اخي في انتظار موضوعك
اظن ان القسم المناسب لموضوعك القادم سيكون
قسم مقالات VB.NET
الرد
تم الشكر بواسطة: a7med saba


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  لماذا تستخدم دائما رسالة (مرحبا ايها العالم- Hello World!) في كتب تعليم البرمجة معاند الحظ 0 407 29-05-20, 02:00 AM
آخر رد: معاند الحظ
  التعصب للغة البرمجة viv 3 803 16-06-19, 01:42 PM
آخر رد: viv
  [نقاش] ما هي لغة البرمجة التي يتطلبها سوق العمل الآن وستظل مطلوبة ؟ dametucorazon 1 746 21-05-19, 09:15 PM
آخر رد: حريف برمجة
  تعلم البرمجة من تجربتي المتواضعة abozeyd 1 692 26-04-19, 01:00 PM
آخر رد: elgokr
  كيف تتصورون البرمجة مستقبلا viv 5 1,323 14-10-18, 09:57 PM
آخر رد: viv
  البرمجة المسطحة او الافقية والبرمجة العمودية viv 2 1,147 02-10-18, 10:28 PM
آخر رد: rnmr
  لغات البرمجة واستخداماتها والمقارنة بينها esamibrahim111 1 1,679 31-05-17, 09:28 PM
آخر رد: alma2
Star [مقال] أدوات صغيرة لتحويل المشاريع بين لغات البرمجة VB.net , C++ , C# , Java Mostafa Saad 0 2,552 28-02-15, 09:50 AM
آخر رد: Mostafa Saad
  البرمجة الموجهة بالاختبارات المقبولة ali.alfoly 0 1,680 12-07-14, 08:30 AM
آخر رد: ali.alfoly
  [مقال] مفهوم الــ Storyboard في البرمجة الشاكي لله 3 9,548 18-12-13, 02:19 AM
آخر رد: abulayth

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم