شعيب بلعقون

اسمي شعيب من الجزائر ، وأنا مطور الواجهات الأمامية ومصمم واجهة و تجربة المستخدم ، أحب عملي كثيرًا وسأبذل قصارى جهدي لتحسين مهاراتي.

70 نقاط السمعة
عضو منذ
7

مصطلحات يجب عليك تعلمها في التصميم - الجزء الأول

مرحبــا أحبتي, البوست اليوم معد خصيصا للمصممين أو الذين سيتعاملون مع المصممين سواء أكنت مصمما في شركة أو في مجال العمل الحر, لذلك بصفتك مصمم واجهة و تجربة المستخدم أو تود الولوج إلى هذا المجال, أضع بين يديك مصطلحات يجب عليك تعلمها. 😍😍 تجربة المستخدم User Experience مصطلح يشمل العديد من التخصصات يدرس تأثير التصميم على سهولة الإستخدام و مستوى الرضا عن المنتج أو الموقع أو نظام ما. تم إختراع هذا المصطلح بواسطو الدكتور دونالد نورمان . تصميم تجربة المستخدم
2

تعاني من نقص الإنتاجية, تريد تنظيم أوقات عملك, تريد ترتيب مهامك اليومية

تعاني من نقص الإنتاجية, تريد تنظيم أوقات عملك, تريد ترتيب مهامك اليومية, لا تقلق عزيزي جميعنا يعاني من هاته المشكلة, و لكن الحل مع برنامج Notion, ولكن ماهو هذا البرنامج العجيب الذي سيرتب كل أمورك؟ ماهو برنامج Notion ؟ "نوشن" (Notion) هو برنامج لتدوين الملاحظات ومراقبة المهام و العديد من المهام الأخرى منها : إدارة المشاريع - إنشاء قائمة مهام - إنشاء الملاحظات - تحرير النصوص. يحتوي نوشن على جميع الميزات التي تحتاجها لإستبدال ترسانة أدواتك الإنتاجية. هل هو مجاني
7

الفرق بين Block Scope و Function Scope

ما هو Scope ؟ هو إمكانية الوصول للمتغيرات أو لموارد أخرى في منطقة التعليمات البرمجية. ما هو Global Scope ؟ كل متغير يقع خارج Functions يسهل الوصول إليه المتغير هنا يقع ضمن Global Scope. يسهل الوصول للمتغيرات ضمن Global Scope داخل أي Function ما هو Local Scope ؟ كل متغير يقع داخل ضمن Function هو ضمن Local Scope المتغير لا يمكن الوصول إليه إلا من داخل Function ينقسم Local Scope إلى 3 أقسام Function Scope : عندما يتم الإعلان عن
3

ماهي أنماط التصميم أو Design Patterns ؟ 🤔

ماهي أنماط التصميم أو Design Patterns ؟ 🤔 ✅ أحيانا نحن المصممون نواجه مشكلات عدة في التصميم مثلا كالقوائم الجانبية او حقول إدخال البيانات أو كيفية التنقل بين الصفحات. و عندما يتم حلها بشكل أنيق يصبح هذا الحل نمطا يألفه المستخدمون ويساعدهم في إستيعاب التطبيق بشكل أسرع. هاته الحلول تدعى بـ " أنماط التصميم ". ✅ يكون نمط التّصميم جيدا، عندما يكون شائع الاستخدام وقابلًا للاستخدام في الوقت ذاته. ✅ بعض المصممين يتجنبون عناء التفكير في حل للمشكلة لذلك يلجأوون
4

تعرف على مراحل التصميم المهمة لتصميم أي منتج بنجاح

تمر عملية تصميم أية منتج من خمسة مراحل (التعاطف – تعريف المشكلة – ابتكار الأفكار – إعداد نموذج أولي – التجربة). ويتم استخدام هذا النموذج عند الشعور بوجود مشكلة حقيقية أياً كانت تلك المشكلة تتعلق بمجموعة من الناس. يقودنا تطبيق هذه المراحل إلى التفكير خارج الصندوق وإيجاد الحلول الابتكارية والإبداعية وغير التقليدية والتي ترتكز على احتياجات الجمهور المستهدف ورغباتهم. لنكتشف أهم مراحل التصميم : 01/ التعاطف Empathize : وهي تعني التعاطف مع الجمهور المستهدف و الإحساس بمشكلتهم ومعرفة اهتماماتهم وأفكارهم
2

أفضل قنوات اليوتيوب لإحتراف برنامج الفوتوشوب

يُعتبر برنامج فوتوشوب أداة التحرير الرئيسية للمصممين والمصوّرين منذ عقود. على مر السنين، تطوّر البرنامج بشكل سحري ليُصبح قادرًا على القيام بأي شيء يخطر على بالك بما يخص تصميم الصور، وأصبح اليوم قادرًا على القيام بالعديد من المهام من التصميم الجرافيكي إلى تصميم واجهة المواقع و واجهة المستخدم. و العديد من المزايا التي لازلت أنا شخصيا أتعلمها. لذلك اليوم قررت أن أشارك معكم مجموعة متنوعة من قنوات اليوتيوب التي سوف تجعل منكم مصممين محترفين لا محالة. لنبدأ على بركة الله
1

مبادىء التصميم - التباين

😇😇😇 السلام علیكم أحبتي في االله, الیوم سوف نتطرق إلى موضوع یهمكم ألا وهو مبدأ من مبادىء التصميم ألا وهو التباين 👍👍. ما هو التباين أو Contrast ؟ بساطة التباين هو الفرق بين عنصرين أو أكثر مما يلفت إنتباه المشاهد, التباين من المبادىء التي لا غنى عنها في أي عمل فني, يمكن ملاحزة التباين بشدة في الطبيعة فنجده في إختلاف ألوان الثمار عن أشجارها. يمكن للتباين أن يلفت و يوجه الإنتباه و يخلق حالة مزاجية أو عاطفة معينة, يخلق التباين
4

مبادىء التصميم - التركيز البصري

😇😇😇 السلام علیكم أحبتي في االله, الیوم سوف نتطرق إلى موضوع یهمكم ألا وهو مبدأ من مبادىء التصميم ألا وهو التركيز البصري👍👍 ما هو التركيز البصري أو Emphasis ؟ يقصد بمبدأ التركيز هو التشديد على منطقة معينة أو عنصر في التصميم للفت إنتباه عين المشاهد بدلا من عرض متاهة العناصر متساوية الأهمية. التصميم الجذاب هو الذي يحتوي على الأقل عنصرا واحدا ملفتا للإنتباه عن باقي العناصر الأخرى لا يهم أي عنصر تختاره لتجعل التركيز الكامل عليه و لكن فكر في
4

ماهي نظرية الألوان ؟ الجزء الثالث

مرحبا بكم في الجزء الثالث حول نظرية الألوان, تعد الألوان من أهم الأدوات التي تمتلكها في مجموعتك. لذلك يجب عليك أن تتعلم كيف تستخدمها بالشكل الصحيح. سنلقي نظرة على مصطلحات خصائص الألوان ومعناها في سياقات مختلفة. تسمح لنا خصائص الألوان بتمييز وتحديد الألوان. كلما عرفنا المزيد عن خصائص الألوان ، كان بإمكاننا ضبط الألوان وفقًا لاحتياجاتنا بشكل أفضل 👌 Hue فكر في الأمر على أنه اللون في أنقى صوره دون أي تعديل, سيكون اللون إما أصفر او برتقالي أو أحمر
3

ماهي نظرية الألوان ؟ الجزء الثاني

🥰🥰🥰 مرحبا بكم في الجزء الثاني حول نظرية الألوان. أتمنى أن تستفيدوا . كيفية إختيار ألوان متناغمة ؟ نظام الألوان هو مزيج من الألوان التي عند وضعها معا تخلق تطابقا متناغما. الأمر متروك لك لتحديد مخطط الألوان الذي يلائم مشروعك. دعونا نحلل بعض مخططات الألوان التي يجب عليك معرفتها. 1/ Complementary : يشتمل مخطط الألوان هذا على نقيضين, لون أساسي مهمين و نظيره, يساعد هذا المخطط في إنشاء انماط ذات ظلال متشابهة جدا و منخفضة التباين, بالإضافة إلى لوحات ذات
4

ماهي نظرية الألوان ؟ الجزء الأول

يعد فهم نظرية الألوان وكيفية استخدامها بشكل استراتيجي في عملية تصميم موقع الويب الخاص بك أمرًا أساسيًا. إنه أول ما يراه أي شخص عند زيارته لموقعك على الويب ، كيف تريده أن يشعر؟ دعونا نتعمق في عالم الألوان الرائع. ماهي عجلة الالوان ؟ هي أداة تساعد المصممين على تحديد نظام الألوان الذي يريدون إستخدامه, يبدو و كأنه مخطط يمثل العلاقة بين الألوان الأساسية و الثانوية و الثالثية. الألوان الدافئة و الألوان الباردة : عجلة الألوان مقسمة إلى قسمين ألوان باردة
7

الدوال أو Functions في الجافاسكربت

هناك أربعة أنواع من الدوال او Functions في الجافاسكربت Function Declarations. Function Expressions. Anonymous Functions. Arrow Functions. Function Declarations : كلمة function تكتب أولا ثم يكتب اسم الدالة ثم قائمة parameters بين القوسين (يفصل بينهم بفاصلة وهي فارغة في المثال السابق) وأخيرا الكود الذي ينفذ ويسمى “the function body” بين القوسين المعقوفين. إن Function Declaration في Global Scope يجعلها مرئية في كل السكربت ولا يهم من أين نستخدمها. وفقًا لخوارزميات داخلية فعندما تقوم جافا سكريبت بالتجهيز لتنفيذ السكربت فهي تبحث
4

المقارنات أو Comparaisons في الجافاسكربت

المقارنات في الجافاسكربت : في كل مقارنة تحصل يتحول الناتج إلى النوع Boolean الذي يضم بدوره القيم True أو False . ماذا لو كانت المقارنة بين متغيرين من نوع String ؟ 1/ تقوم الجافاسكربت بمقارنة الحرف الاول من كل متغير عبر الترتيب الأبجدي , فاذا كان الحرف الأول أكبر من الحرف الثاني فيصبح اذا المتغير الاول اكبر من الثاني و العكس صحيح. 2/ في حالة اذا كان لديهما نفس الاحرف الأولى, الجافاسكربت ينتقل الى الحرف الثاني في كل متغير. 3/
5

لماذا يتم تضمين "use strict"; في كود جافاسكربت؟ 🤔🤔

لماذا يتم تضمين "use strict" في كود جافاسكربت؟ لفترة طويلة ، تطورت JavaScript دون مشاكل التوافق. تمت إضافة ميزات جديدة إلى اللغة بينما لم تتغير الوظائف القديمة. ولكن الجانب السلبي هو أن أي خطأ أو قرار غير كامل يؤدي إلى توقف بالكامل. كان هذا هو الحال حتى عام 2009 عندما ظهرت ECMAScript 5 (ES5) . أضاف ميزات جديدة إلى اللغة وقام بتعديل بعض الميزات الموجودة. للحفاظ على عمل الكود القديم ، يتم إيقاف تشغيل معظم هذه التعديلات افتراضيًا. و تحتاج
5

كيف تبدأ رحلتك في مجال التصميم؟ 🤔🤔 الجزء الثاني

مرحبا بكم في الجزء الثاني من مقالة كيف تبدأ رحلتك في مجال التصميم؟ ماهي أهم المصادر لتعلم التصميم؟ طبعا كلنا نعلم أن اليوتيوب هو أفضل منصة على الإطلاق و بشكل مجاني حتى و لو قمت بأخذ دورات مدفوعة فإنه لا يمكنك الإستغناء عن اليوتيوب هناك العديد من قنوات اليوتيوب الرائعة نذكر منها : قناة محمد خيال قناة مصطفى مكرم قناة Soni Designer قناة محمد البابلي قناة ابراهيم البهكلي قناة Dansky قناة The Futur Academy قناة Flux هناك العديد من المنصات
4

كيف تبدأ رحلتك في مجال التصميم؟ 🤔🤔

هاته المقالة مقسمة إلى جزئين, الجزء الأول سنتحدث عن ماهية التصميم و ماهي الأمور الواجب تعلمها قبل الشروع في عملية التصميم. ما هو التصميم الجرافيكي؟ هو فن ممارسة التخطيط وعرض الأفكار والخبرات بإستخدام الأشكال المرئية والنصوص. من المهم الإلمام بالتصميم الجرافيكي بشكل عام، كمعرفة الفرق بين النقطة والخط والأشكال، كما هو مهم معرفة النسبة الذهبية لدعمك في عمل الشعارات. أشياء كثيرة يجب أن تعرفها عن التصميم الجرافيكي بشكل عام. نصائح قبل البدء بتعلم التصميم الجرافيكي؟ امتلاك الدافع للتعلم : حسنًا،