Nology - نولوجي
لا يوجد نتائج، حاول مرة آخرى
مشاهدة جميع النتائج
  • الرئيسية
  • خريج طازة
  • أخبار ومراجعات
  • مايكروسوفت
  • جوجل
  • تسويق إلكتروني
آخر الفيديوهات
احجز استشارة
  • الرئيسية
  • خريج طازة
  • أخبار ومراجعات
  • مايكروسوفت
  • جوجل
  • تسويق إلكتروني
لا يوجد نتائج، حاول مرة آخرى
مشاهدة جميع النتائج
Nology - نولوجي
لا يوجد نتائج، حاول مرة آخرى
مشاهدة جميع النتائج

أساسيات تعلم مجال UX / UI للمبتدئين

في غير مصنف
- وقت القراءة: 148min read
0
الرئيسية غير مصنف
إعـلان

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

فهم تصميم واجهة المستخدم
تصميم واجهة المستخدم (UI) هو العملية التي يستخدمها المصممون لبناء واجهات في البرامج أو الأجهزة المحوسبة ، مع التركيز على الشكل الجمالي.
يهدف المصممون إلى إنشاء واجهات يجدها المستخدمون سهلة الاستخدام وممتعة.

فهم تصميم تجربة المستخدم
تصميم تجربة المستخدم (UX) هو العملية التي تستخدمها فرق التصميم لإنشاء منتجات توفر تجارب مفيدة وذات صلة للمستخدمين.
يهدف المصممون إلى إنشاء تجربة مستخدم سهلة، مرنة وتراعي احتياجات المستخدمين.

كما يمكن التفرقة بين تجربة المستخدم وواجهة المستخدم بالتالي:

إعـلان
  • واجهة المستخدم UI: الشارع المؤدي لمنزلكم جميل .. واسع .. الأرصفة مدهونة بألوان لطيفة
  • تجربة المستخدم UX: العنوان المؤدي لمنزلكم واضح .. ادخل الشارع رقم كذا ثم انعطف يساراً بأول مدخل وستجدني أمامك

تعلم مبادئ التصميم


في بعض الأحيان قد يكون تصميمك مضيعة تمامًا لأن هناك قوانين لتصميم UX لم تتبعها.
إليك مجموعة القوانين التي تحتاج إلى اتباعها للحصول على منتج فعال.

  • laws of UX
  • 21 Principles for creating winning designs
  • Humane by Design

عناصر تصميم واجهة المستخدم:

عليك أن تتعلم مبادئ التصميم :

إعـلان
  • الألوان
  • التباين
  • الفراغ السلبي
  • المحاذاة
  • المقياس
  • التايبوغرافي
  • التسلسل الهرمي
  • التناسق

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

  • https://m3.material.io/get-started
  • https://m2.material.io/design/introduction#principles
  • https://developer.apple.com/design/human-interface-guidelines

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

  • Atlassian Design System
  • Carbon Design System
  • Primer Design System

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

  • Figma
    ودا مثال عربي لمشروع تم تنفيذه بفيجما هنا وهنا الوير فيرم وهنا عن المشروع
  • Adobe XD
  • Sketch
  • Webflow
  • InVision Studio
  • Marvel App

اكتشف موارد التصميم

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

للخطوط
fonts.google.com
fontshare.com
fontsquirrel.com

للصور
unsplash.com
pexels.com
barnimages.com

للرسومات
drawkit.io
undraw.co
manypixels.co

للإلهام
dribbble.com
mobbin.design
behance.net

مصدر المقال مع تعديلات طفيفة “Bashar louzon”

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

إليكم مجموعة من المصادر المجانية الممتازة لتحميل الأيقونات لاستخدامها في مشروعك القادم.

Iconoir: https://bit.ly/3rbDH0H
Glyphs: https://bit.ly/3poJWOe
Lucide: https://bit.ly/44nlNGw
Heroicons: https://bit.ly/3pA0R03
Remixicon: https://bit.ly/44o6zB9
Tabler-icons: https://bit.ly/3Nyeips
Icons: https://bit.ly/44v85S5
Phosphoricons: https://bit.ly/3NGoWdY


هل تعلم ما الفرق بين (UX Designer, UI Designer and Product Designer)

ui ux product designer

كيفية التمييز بين مصممي واجهة المستخدم (UI) وتجربة المستخدم (UX) وتصميم المنتج دون الشعور بالضغط؟

في عالم التصميم الواسع، من المهم معرفة الاختلافات. على الرغم من أن مصممي واجهة المستخدم وتجربة المستخدم وتصميم المنتج قد يبدون متشابهين، إلا أنهم يعملون وفقًا لإيقاعات مختلفة جدًا. على الرغم من أن كل منهم له اهمية لصنع منتج، إلا أن أساليبهم وأدواتهم وأهدافهم النهائية مختلفة جدًا.

UI Designer: يقوم مصممو واجهة المستخدم بإكمال الصورة. إنهم يولون اهتمامًا لكيفية ظهور الأشياء ويتأكدون من أن الواجهات مثيرة للاهتمام وتتماشى مع العلامة التجارية. فكّروا فيهم كفنانين يعملون على كل بكسل للتأكد من أن منتجك يبرز عن الباقي.

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

Product Designer من ناحية أخرى، يقوم مصممو المنتج ببناء الرابط بين ما يرغب فيه المستخدمون وما يرغب العمل في تحقيقه. من خلال الجمع بين التصميم والاستراتيجية، يتأكدون من أن المنتج ليس فقط يبدو ويشعر بشكل رائع، بل يحقق أيضًا نجاحًا في السوق.

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

المصدر هنا من منشور بواسطة Vadivel G – Director of Product design at Kissflow


هدية: أفضل 40 حسابًا في LinkedIn يستحق متابعتها لمصممي تجربة المستخدم.

أفضل طريقتين للنمو كمصمم منتج وتجربة المستخدم:

  1. الحصول على تجربة عملية في تحويل المشاريع الحقيقية إلى واقع. التعامل مع المواعيد الضيقة والقيود التقنية والتفاوض مع الأطراف المعنية الصعبة.
  2. الاستفادة من الحكمة المُكثّفة. بينما يحتوي LinkedIn على الكثير من الضجيج، يشارك بعض الأشخاص الذهب الحقيقي (أفكار تستحق التعلم منها).

لقد قمت بجمع قائمة تضم 40 حسابًا يشاركون الحكمة حول تصميم تجربة المستخدم والمنتجات. أوصي بقراءة ومتابعة كل حساب منها.

معايير الاختيار:

  • نشاط نسبي على LinkedIn
  • إنتاج محتوى قيم
  • يثير التفكير (يتحدى الوضع الراهن أو يوجه الأسئلة)

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

UX Insights:
Tommy Geoco
Trevor Nielsen
Juan J. Ramirez
Jeremy Miller
Mitchell Clements
Thijs Kraan
Colton Schweitzer
Michael W.

User Interface & Visual Design:
Adham Dannaway
⚡️Zander Whitehurst
Fons Mans – Visual Design
Dan Mall – Design systems
👨🏻‍💻 Michal Malewicz 🪄

UX Research:
Yao Adantor
Dr. Ari Zelmanow 🇺🇦
Janelle Ward, PhD
Debbie Levitt, MBA
Nikki Anderson-Stanier, MA

UX Resources:
Vitaly Friedman
Ozan Öztaskiran
Tibi David – AI focus

Ops:
Patrizia Bertini
Farid Sabitov

UX Strategy & Leadership:
Julie Zhuo
Jeff Gothelf
Erika Hall
Peter Merholz
Teresa Torres

Product Management:
Aakash Gupta
John Cutler
Paweł Huryn 🇺🇦
Shyvee Shi
Leah Tharin

CRO:
Manuel Da Costa
Jonny Longden
Lukas Petrauskas

Engineering:
Gergely Orosz

Career Growth & Freelance:
Chris Do
Sarah Doody
Hang 🤙 Xu – Good human being

المصدر هنا


وبهذا الفيديو يحتوي على:

الدليل الشامل لتصبح مصمم UI/UX في 2023 (كيف ابدأ تعلم UI/UX؟)

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

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

3:33 المرحلة الأولى: الأساسيات
6:05 المرحلة الثانية: المبتدئين
9:35 المرحلة الثالثة: المتوسطة
14:28 المرحلة الرابعة: المتقدمة

وهذه المقالة تعتبر الهدية الذي اقدمها لكم بها تجميعه من عشرات المنشورات فهو بمثابة دليلك كامل في مجال User Experience / User Interface – تجربة وواجهة المستخدم UX/UI وبالاسفل قائمة محتويات المقالة

رابط المقالة: دليلك الكامل في مجال User Experience / User Interface – تجربة وواجهة المستخدم UX/UI

uxdesign #userexperience #ux #uxgrowt

h #uxtips #uxtrends #learnux #design #uxprocess #uxeducation #everydayux #uxmastery #واجهةمستخدم #محتوىعربي #تصميم #موقع

الأصناف: desginuiuser experienceUser interfaceuxux desgin
شاركغردهاشاركأرسل
إعـلان
المقالة السابقة

أمثلة بالصور على تغيير شعارات الشركات عند انتقالها للأسواق الجديدة

المقالة التالية

تنزيل تطبيق Threads الجديد من شركة ميتا ومعلومات تهمك عن الابلكيشن!

مقالات ذات صلة.

مواقع تستخرج لك النصوص من فيديوهات اليوتيوب YouTube Transcript Generator
غير مصنف

مواقع تستخرج لك النصوص من فيديوهات اليوتيوب YouTube Transcript Generator

أبريل 5, 2025
17
طريقة عمل برنامج نقاط ولاء للعملاء في متجرك الإلكتروني باستخدام Loyalty Program – WordPress
غير مصنف

طريقة عمل برنامج نقاط ولاء للعملاء في متجرك الإلكتروني باستخدام Loyalty Program – WordPress

أبريل 5, 2025
16
ترجمة هيكس HIX Translate: أفضل بديل لترجمة Google
غير مصنف

ترجمة هيكس HIX Translate: أفضل بديل لترجمة Google

ديسمبر 25, 2023
165
تنزيل تطبيق Threads الجديد من شركة ميتا ومعلومات تهمك عن الابلكيشن!
غير مصنف

تنزيل تطبيق Threads الجديد من شركة ميتا ومعلومات تهمك عن الابلكيشن!

أغسطس 14, 2023
317
قد تكون الولاء للعلامة التجارية أمرًا قويًا ، وفي بعض الأحيان لا يوجد منتج آخر يقوم بالمهمة مثل منتج من العلامة التي تعرفها وتحبها. لذلك عند السفر يمكن أن يكون الأمر محيرًا عندما تجد منتجاتك المفضلة مفقودة من الرفوف. ولكن قد لا يكون كل شيء قد ضاع! فالعلامات التجارية غالبًا ما تغير اسم منتجاتها لتناسب فئة سكانية محددة ، لذا يمكنك الاستمتاع بالمنتجات التي تحبها خلال رحلتك وعدم الاستياء من منتجات ذات جودة أقل.
غير مصنف

أمثلة بالصور على تغيير شعارات الشركات عند انتقالها للأسواق الجديدة

أكتوبر 17, 2023
364
How to Edit Videos for YouTube in 2020 - InVideo Tutorial
أخبار ومراجعات

شرح InVideo – أفضل موقع لعمل فيديو اون لاين مجانا

فبراير 26, 2022
1.5k
المقالة التالية
تنزيل تطبيق Threads الجديد من شركة ميتا ومعلومات تهمك عن الابلكيشن!

تنزيل تطبيق Threads الجديد من شركة ميتا ومعلومات تهمك عن الابلكيشن!

طريقة نقل الواتساب من ايفون الى iPhone 15! إليك دليل شامل!

طريقة نقل الواتساب من ايفون الى iPhone 15! إليك دليل شامل!

اترك تعليقاً إلغاء الرد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

  • أنضم لفريق الإعداد
  • من تعليقاتكم
  • خريج طازة
  • القائمة البريدية
  • شروط الاستخدام
  • سياسة الخصوصية
  • من نحن – موقع نولوجي
  • أعلن معنا
  • روابط مفيدة
  • تواصل معانا
  • حجز استشارة
  • ادعمنا
  • شاركنا برأيك

© 2014 - 2020 نولوجي - صنع بحب في أم الدنيا

لا يوجد نتائج، حاول مرة آخرى
مشاهدة جميع النتائج
  • الرئيسية
  • خريج طازة
  • أخبار ومراجعات
  • مايكروسوفت
  • جوجل
  • تسويق إلكتروني

© 2014 - 2020 نولوجي - صنع بحب في أم الدنيا