Ui ux design

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

ويمكنك تعلمها بعد إنهاء الدورة مباشرة إذا أردت وإليك الإجابات التالية لمعرفة كيفية تعلمها :

تعلم تصميم UI/UX هو أمر غير إلزامي لكي تكون Frontend Developer فمعظم الشركات الكبرى لديها فرق متخصصة من مصممي UI/UX، ودورك كمطور يكون التركيز على تحويل تصاميمهم إلى منتج يعمل بكفاءة.

ولكن كعمل حر أو في معظم الشركات الصغيرة وبعض الشركات المتوسطة سيكون عليك بعض الأعمال التي تختص بال UI/UX ولذلك تعلم بعض الممارسات والمفاهيم فهذا المجال وبعض التغذية البصرية ستفيدك حتماً في عملك وبالتحديد في العمل الحر ويمكنك الإطلاع على التعليق التالي للمزيد من النصائح 

السلام عليكم ورحمة الله تعالى وبركاته،

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

وأفضل وقت لتعلمه هو بعد إتقان أساسيات الفرونتاند  (HTML, CSS, JavaScript) وقبل أو أثناء العمل على مشاريع حقيقية حيث يمكنك تطبيق مبادئ التصميم مباشرة والأشياء الأساسية التي يجب تعلمها تشمل هي مبادئ ال UI كالألوان وال Typography والتخطيطات إضافة إلى  مبادئ UX (User Research، Information Architecture، Usability) وأدوات Prototyping مثل Figma، Visual Design، User Testing.

الدورة تخصصها التطوير وليس التصميم، بمعنى أنت ستستلم التصميم من مصمم واجهات المستخدم ثم تعمل على تحويله إلى موقع حي، وذلك يسمى Front-End Developmen.

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

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

على الأقل تعلم ما يلي:

• التسلسل الهرمي البصري Visual Hierarchy وهو ترتيب العناصر لتوجيه عين المستخدم إلى الأهم أولاً.
• التباين Contrast الخاص باستخدام الألوان والأحجام والأوزان لجعل العناصر قابلة للقراءة والتمييز.
• المساحة البيضاء White Space وNegative Space لاستخدام الفراغ لتنظيم المحتوى وتجنب ازدحام الواجهة.
• المحاذاة Alignment لتنظيم العناصر على شبكة Grid وهمية لجعل التصميم يبدو مرتب ومنظم.
• التكرار أي إعادة استخدام نفس الأنماط (الألوان، الخطوط، الأزرار) للحفاظ على الاتساق.
• نظرية الألوان Color Theory لاستيعاب أساسيات تناسق الألوان وكيفية استخدامها للتأثير على شعور المستخدم.
• Typography لاختيار الخطوط وأحجامها وأوزانها لضمان سهولة القراءة وتحسين تجربة المستخدم.

وإليك مصادر لتعلم الأساسيات:

وتعلم Figma وأساسيات الـ UI/UX من القنوات التالية:

• Ahmad Sekmani
• Anas Rafaat | أنس رأفت