إليك أفضل المصادر لتعلم الـ UI/UX و قواعده بإحترافية

إليك أفضل المصادر لتعلم الـ UI/UX و قواعده بإحترافية

يزخر عالم المعلوميات بالعديد من المجالات المربوطة مع بعضها البعض، لكل مجال جدوله الخاص الذي تجري فيه مياهه، إلا ان كل هذه الجداول تصب في بحر واحد يجمع كل تلك التقنيات و يربط بعضها ببعض، إن إنحدرت شيئا فشيئا من أعلى التقنيات او  البرمجيات ستجد ان الـ  UI/UX من المهارات او المجالات التي أصبحت إجبارية التعلم، و إجباري إتخاذها بعين الإعتبار أثناء برمجة برمجيةٍ معينة، و لا يخيب ظنك إن إعتقدت ان هذه الأخيرة هدف يجب ان يصبُو له كل مبرمج و مطور، و يتعلمه بحداثة حتى يواكب ما إستجد في مجال الـ UI/UX، و تعلم الـ UI/UX و إحترافه يتطلب كذلك مساراً محدداً من أجل إتباعه لتعلم صحيح و فعال، و ما على هذا المقال من مسؤولية إلا ان يقوم بتوجيهك نحو أفضل المصادر و الكورسات و الدورات لتعلم الـ UI/UX بإحترافية. 

قبل ان نلج معك في أساليب تعلم الـ UI/UX، نوفر لك هذه الفقرة الصغيرة لتُدرك محتويات هذا المقال، و ما الذي سيوفره لك و ما الذي ستستفيد منه بنهاية اخر سطر فيه، هذا المقال لن يعلمك الـ UI/UX، بل سيوفر لك المصادر المُثلى و المختارة بعناية لتعلم الـ UI/UX، هذه المصادر ستتكون في الغالب من كورسات، مواقع خاصة بالتعليم، دورات فيديو على اليوتيوب او منصات أخرى مثل Udemy، و كل ما توفر من قوى تعليمية في مجال الـ UI/UX. 


- موقع UX Planet : خطوتك الأولى لتعلم الـ UI/UX : 

سنستهل هذا المقال بموقع UX Planet، لا يخفى عليك شخصياً ان إرتدت هذا الموقع منذ فترة ليست بقصيرة، و قد إستفدت منه كثيرا و حاولت أيضا محاكاة العديد من دروسه، الموقع يوفر لك صنفين من المقالات ( نعم المقالات في الوقت الراهن لا محتوى مرئي )، الصنف الأول مقالات خاصة بإطلاعك على مجال الـ UI/UX بشكل أقرب و توفير نظرة أكثر عمقا عن المجال و متضمناته و جديده كذلك، اما الصنف الثاني فهو دروس عن كيفية صناعة بعض العناصر البرمجية بإحترام قواعد الـ UX العامة و كيفية تنظيمها للتماشى جرافيكيا مع الـ UI، يمكنك الإطلاع على الموقع من هنا إن كنت مهتما بإستكشافه أكثر.

- دورة Adobe XD بالإنجليزية لتعلم تصميم الـ UI/UX : 

يعتبر برنامج Adobe XD برنامجاً مثاليا لتهيئة برمجية من ناحية الديزاين و بالتحديد الـ UI/UX الخاص بها، و إن أردت ان تتخصص في هذا المجال، فستعانق هذا البرنامج كثيراً و سيكون رَفيق دربك الصعب في مجال الـ UI/UX، فقد عوض هذا الأخير برمجيات كثيرة مثل Adobe Photoshop و Adobe Illustrator، عودة بنا لهذه الفقرة، فنقترح عليك هذا الفيديو المطول ( الذي إستفدت منه سابقا و كثيرا ) لتتعلم بدئ تصميم تصميماتك على هذا البرنامج، و منه ستتعلم كذلك قواعد الـ UI و كيفية جعل تصميماتك حركية بإستخدام البرنامج (Interactive)، يمكنك الإطلاع عليه من هنا على اليوتيوب .


- موقع معمل ألوان - فلسفيات و علوم الصناعة للويب :

لا يخفى عليك ان منهج الـ UI و الـ UX غير متوفر بشكل كبير في العالم العربي، و قِلة هي المواقع التي تناقش هذا المجال، و لعل موقع معمل ألوان قد أحدث لنفسه مقعداً ضمن لائحة المواقع العربية التي بدأت بمعالجة هذه التقنيات بشكل إحترافي، و قد دُهشت من شدة ما يوفره الموقع من مقالات مفصلة حول المجال عامة، يوفر لك موقع معمل ألوان مجموعة من المقالات المتعلقة بصناعة تصميمات الويب بإتباع فلسفيات الـ UI و الـ UX تحقيقا للهدف الأخير و هو بناء  واجهة فعالة تحترم كلا النمطين، من المواقع العربية التي يجب متابعتها بشكل مستمر و الإستفادة من مستجداته، تابع موقع معمل ألوان من هنا و إستفد كما إستفاد الأولون أيضا .

- إحتراف تصميم واجهات  الـ UI/UX بالعربية على يوديمي :

سلف و ذكرنا ان  برنامج   Adobe XD يعتبر حلقة الوصل الآن حين يتعلق الأمر بتصميم واجهات UI/UX و التعامل معها بشكل تفاعلي، و بدايتك في إستخدام هذا الأخير سيفتح الباب على مصراعيه لإتقان التعامل مع الـ UI/UX عامة، خصوصا إن لجأت أيضا لبعض المواقع الخاصة بالتغذية البصرية و حاولت تقليد تصميمات الآخرين من واجهات و تصميمات، كل هذا سيدربك أكثر فأكثر، لأجل ذلك نوفر لك هذه الدورة على موقع Udemy بالعربية التي ستعرفك أكثر على هذا البرنامج و تدربك أكثر على التعامل معه، يمكنك الإطلاع عليها من هنا و إستكشاف مكونات الدورة قبل البدئ فيها.



إليك أفضل المصادر لتعلم الـ UI/UX و قواعده بإحترافية


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

كورس على منصة يوديمي مجددا باللغة الإنجليزية، توجب الذكر في هذه النقطة بالذات ان الـ UI/UX لا ينحصر فقط في مجال محدد، بل على كل المجالات مثل مجال صناعة  و تطوير تطبيقات الموبايل، الويب، البرامج و أي برمجية يتعامل معها المستخدم الأخير ( مثل ATM او ماكينات طلب الطعام ..إلخ )، و كل مجال يتفرع بذاته لمجالات اخرى، تحديدا في الويب، يوجد عدة مواقع مختلفة مثل مواقع البيع و الشراء، المدونات، مواقع الخدمات، المواقع الإجتماعية ... و لكل فئة موقع قوانين الـ UI/UX الخاصة بها، و لعل أصعبها مواقع الـ eCommerce إذ عدم توافق الموقع مع إحتياجات الزائر يُفقد صاحب الموقع العديد من الاموال، هذا الكورس من يوديمي على وشك ان يوفر لك أساسيات الـ UI/UX الخاصة بهذه الأخيرة، يمكنك الإطلاع على الكورس من هنا و الإشتراك فيه بشكل مجاني.
عروض على الهواتف الذكية


- موقع UX Design لفهم مبادئ الـ UI/UX بطريقة صائبة : 

موقع طرفي تابع لمنصة Medium الشهيرة و يوفر لك كماً من المقالات في مجال الـ Ux بصفة خاصة و الـ UI/UX بصفة عامة، بكمل هائل من المقالات القبلية و المستجدة أيضا التي يمكنك قرائتها عن تتعرف بشكل دقيق على هذا المجال و فهم الصائب و الخاطئ أثناء تصميم واجهات UI/UX نظريا، بينما يبقى العمل الفعلي خاصا بك أنت في الوقت الراهن، الموقع يُستجَدُ بأحدث التقنيات و الأخبار في مجال الـ UX و أعتبره شخصياً مصدرا ملهماً للبدئ في المجال، يمكنك الإطلاع على الموقع من هنا و إستنباط صفوة مقالاته للإطلاع عليها.


- موقع Hackdesign لفهم أساسيات التصميم لكل المجالات : 

سبق و ذكرنا في السابق ان الـ UI/UX يتماشى إضطرادا مع المجال الذي يشتبع منه، فإن كنت مطور ويب مثلا عليك إتباع مجموعة من الكورسات او المواقع ( من بينها المواقع التي إقترحناها لك في هذا المقال ) من أجل فهم بيئة تطوير الواجهات بإحترافية في هذا المجال، إلا انه قد يصعب علينا إيجاد هذه المواقع التي توفر الكل في الكل إن صح التعبير، لحسن الحظ يوجد موقع Hackdesgin، موقع يوفر لك مجموعة من الدروس الإحترافية لتصميم ديزاينات و تصميمات في منتهى الإحترافية تحترم قواعد الـ UI و الـ UX حرفياً، ليس الويب فقط، بل الموبايل، الـ Virtual Reality، الموبايل، الديسكتوب، الألعاب ...، تابع موقع Hackdesign دائما و إستفد من الدروس المقدمة لك من طرفه.

- مدونة Prototypr لإستخلاص لب الـ UI/UX : 

كتعويض آخر لنقصان المدارك في الـ UI/UX التي ضاعت منك في الماضي، نقترح عليك مراجعة كل مقالات مدونة Prototypr، نعم هي بالإنجليزية ( و كما سلف الذكر مصادر هذا المجال العربية شحيحة جدا )، و مدونة Prototypr توفر لنا عبر مجموعة من المقالات مسارا تأهيليا للبدئ في هذا المجال، من بين هذه المقالات مقالات حول تعلم تطوير الواجهات عبر  برنامج  Adobe XD، كذا فهم آلية تصفح الزائر لموقعك او خدمتك حتى توفر لها كل ما يحتاجه على طرف إصبعه، اما الأجمل، فتحليلات الموقع الفذة لمجموعة من صفحات الويب و بعض البرمجيات الأخرى و كيف إستغلت الديزاين من أجل إستقطاب المزيد من العملاء او المستخدين، يعتبر هذا الموقع ساحة لعب لكل من يريد التخصص في المجال، و متابعته بشكل يوميا او مراجعة كل مقالاته إجبارية إن اردت إحتراف المجال، يمكنك الإطلاع على كم تلك التدوينات من هنا وا لإستفادة منها بشكل دائم .

- موقع UXChecklist ...  هل ما صممته يحترم قواعد الـ UI/UX ؟ 

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

- موقع Mockup Plus لتوعية نفسك أكثر في الـ UI/UX : 

و ختم معك هذا المقال بمنصة و موقع Mockup Plus، الى جانب الكثير من المصادر التي يوفرها لك الموقع ( مثل ادوات التصميم، مواقع جديدة خاصة بالمصممين ... ) سيمكنك الإستفادة كذلك من مقالات توعوية في مجال الـ UI/UX التي تطغو كذلك على الموقع، الموقع معروف عالميا و له سمعة جيدة في رصد مستجدات عالم تطوير الواجهات و التصميمات و يعتبر كنزا دفينا و مثاليا لتعلم الـ UI/UX بالطبع، يكفي ان تتابع دزينة المقالات التي يستعرضها عليك هذا الأخير و الإستفادة منها في تصميماتك و مشاريعك القادمة، يمكنك الإطلاع على الموقع من هنا و بدئ إستكشافه.

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

Anonymous 6 يوليو 2019 في 1:44 م

رووووووووعة<br />

Anonymous 20 أبريل 2019 في 11:06 ص

thank you :)