ما هو مجال الUI و مجال الUX ؟
و ما الفرق بينهما ؟
لنبدأ بـ UI
ما هو مجال تصميم واجهة المستخدم ؟
- واجهة المستخدم (UI) هي أي شيء قد يتفاعل معه المستخدم لاستخدام منتج أو خدمة رقمية. يتضمن ذلك كل شيء من الشاشات وشاشات اللمس ولوحات المفاتيح والأصوات وحتى الأضواء وبعض الانيميشن والكثير فمهمة مصمم واجهة المستخدم هي صنع واجهة وتصميم رحلة للمستخدمين يمكنهم من خلالها فهم المنتج أو الخدمة التي صممت الواجهة لأجلها .
- يتمتع مصمموا واجهة المستخدم حاليًا بفرص لا حدود لها تقريبًا للعمل على مواقع الويب وتطبيقات الجوال والتكنولوجيا القابلة للارتداء والأجهزة المنزلية الذكية ، وكل ذلك على سبيل المثال لا الحصر.
ما هو الـ UX ؟
- الUser Experience او إختصارا UX او بالعربية تجربة المستخدم مقارنة مع الUI فهو أحدث بكثير ، ظهر أول مرة في بداية التسعينيات حيث زادت الحاجة إلى وضع أسس معينة يتم دراستها لفهم احتياجات المستخدمين واستغلالها بالطريقة الأمثل عبر فهم السبيل الأمثل لتوصيل المنتج بفكرته وتصميمه وطريقة استخدامه للفئة المستهدفة .
-كما تحدثنا عن فرص مصممي UI الواسعة في السوق فهناك أيضاً تعطش شديد لخبراء UX وخاصة في الوسط العربي وذلك بسبب قلة خبراء هذا المجال كما أن هذا المجال يشمل أكثر بكثير من الأمور الرقمية والحاسوبية التي يعتمد عليها مصمم واجهة المستخدم .
والآن ما المجال الذي أثار اهتمامك أكثر ؟
و ما الفرق بينهما ؟
لنبدأ بـ UI
ما هو مجال تصميم واجهة المستخدم ؟
- واجهة المستخدم (UI) هي أي شيء قد يتفاعل معه المستخدم لاستخدام منتج أو خدمة رقمية. يتضمن ذلك كل شيء من الشاشات وشاشات اللمس ولوحات المفاتيح والأصوات وحتى الأضواء وبعض الانيميشن والكثير فمهمة مصمم واجهة المستخدم هي صنع واجهة وتصميم رحلة للمستخدمين يمكنهم من خلالها فهم المنتج أو الخدمة التي صممت الواجهة لأجلها .
- يتمتع مصمموا واجهة المستخدم حاليًا بفرص لا حدود لها تقريبًا للعمل على مواقع الويب وتطبيقات الجوال والتكنولوجيا القابلة للارتداء والأجهزة المنزلية الذكية ، وكل ذلك على سبيل المثال لا الحصر.
ما هو الـ UX ؟
- الUser Experience او إختصارا UX او بالعربية تجربة المستخدم مقارنة مع الUI فهو أحدث بكثير ، ظهر أول مرة في بداية التسعينيات حيث زادت الحاجة إلى وضع أسس معينة يتم دراستها لفهم احتياجات المستخدمين واستغلالها بالطريقة الأمثل عبر فهم السبيل الأمثل لتوصيل المنتج بفكرته وتصميمه وطريقة استخدامه للفئة المستهدفة .
-كما تحدثنا عن فرص مصممي UI الواسعة في السوق فهناك أيضاً تعطش شديد لخبراء UX وخاصة في الوسط العربي وذلك بسبب قلة خبراء هذا المجال كما أن هذا المجال يشمل أكثر بكثير من الأمور الرقمية والحاسوبية التي يعتمد عليها مصمم واجهة المستخدم .
والآن ما المجال الذي أثار اهتمامك أكثر ؟
❤3
هل سمعت من قبل عن نظريات الألوان ؟!
خليني أقدملك بعضها بشكل مبسط
لطالما كانت مرحلة اختيار الألوان من أعقد المراحل وقد تأخذ وقتاً طويلاً نسبياً وخاصة عند المصممين الجدد لذلك تم اقتراح عدد من نظريات الألوان التي تجعل عملية اختيار الألوان أكثر سهولة وحتى أكثر متعة.
1- Monochromatic
هي المفضلة بالنسبة لي والأكثر أمان وسهولة حيث تعتمد فقط على أخذ درجات مختلفة من اللون نفسه .
2- Analogous
ترتكز هذه الطريقة على اختيار ألوان تكون محاذية لبعضها على دائرة الألوان .
3- Complementary
تعتمد هذه النظرية على اختيار الألوان التي تكون مقابلة لبعضها في دائرة الألوان .
4- Split Complementary
هذه النظرية أعقد قليلاً من التي قبلها حيث أنها تعتمد على استخدام لون من دائرة الألوان واللونين المحاذيين للون المقابل .
5- Triadic Complementary
عند اعتماد هذه النظرية سيكون عليك اختيار ألوان تقع على مسافة متساوية من بعضها على دائرة الألوان .
خليني أقدملك بعضها بشكل مبسط
لطالما كانت مرحلة اختيار الألوان من أعقد المراحل وقد تأخذ وقتاً طويلاً نسبياً وخاصة عند المصممين الجدد لذلك تم اقتراح عدد من نظريات الألوان التي تجعل عملية اختيار الألوان أكثر سهولة وحتى أكثر متعة.
1- Monochromatic
هي المفضلة بالنسبة لي والأكثر أمان وسهولة حيث تعتمد فقط على أخذ درجات مختلفة من اللون نفسه .
2- Analogous
ترتكز هذه الطريقة على اختيار ألوان تكون محاذية لبعضها على دائرة الألوان .
3- Complementary
تعتمد هذه النظرية على اختيار الألوان التي تكون مقابلة لبعضها في دائرة الألوان .
4- Split Complementary
هذه النظرية أعقد قليلاً من التي قبلها حيث أنها تعتمد على استخدام لون من دائرة الألوان واللونين المحاذيين للون المقابل .
5- Triadic Complementary
عند اعتماد هذه النظرية سيكون عليك اختيار ألوان تقع على مسافة متساوية من بعضها على دائرة الألوان .
❤8
❤2
مقالات كثيرة تخص تجربة المستخدم ستكون هنا 👇🏻
https://news.1rj.ru/str/UXInArbic
سنشارك مقالات متخصصة في مجالات تجربة المستخدم، من الأساسيات إلى المفاهيم المتقدمة💡
https://news.1rj.ru/str/UXInArbic
سنشارك مقالات متخصصة في مجالات تجربة المستخدم، من الأساسيات إلى المفاهيم المتقدمة💡
❤1👍1
#مصادر #تصميم
مكتبة باندا الضخمة للأيقونات 🐼
⛓️💥 Figma Community
⚓ للمزيد عن التصميم والبرمجة
Insta - X (Twitter) - Whatsapp
@UIUXAR
مكتبة باندا الضخمة للأيقونات 🐼
⛓️💥 Figma Community
⚓ للمزيد عن التصميم والبرمجة
Insta - X (Twitter) - Whatsapp
@UIUXAR
❤2
101 دليل استخدام أدوات الذكاء الاصطناعي في Figma
⚓ للمزيد عن التصميم والبرمجة
Insta - X (Twitter) - Whatsapp
@UIUXAR
⚓ للمزيد عن التصميم والبرمجة
Insta - X (Twitter) - Whatsapp
@UIUXAR
❤2
🚀 من تصاميمي السابقة لموقعي شخصي ، تقدرون تستخدمونه لعرض أعمالكم كمصممين أو مبرمجين!
✨ القالب جاهز ومجاني تمامًا، وحاولت يكون خفيف وسهل التعديل لأي أحد حاب يبدأ يجهز بروفايله الشخصي.
🔗 تقدر تحمّله من هنا:
https://hkmdesigner.gumroad.com/l/qjqwt
🔧 بيكون مفيد لك لو:
- حابب تعرض شغلك بطريقة مرتبة
- تجهز موقعك الشخصي بسرعة
- تبدأ أول تجربة لك مع مواقع الويب
وإذا أعجبك شاركه مع أصحابك 🙌🔥
⚓️ للمزيد عن التصميم والبرمجة
Insta – Twitter – Whatsapp
@UIUXAR
✨ القالب جاهز ومجاني تمامًا، وحاولت يكون خفيف وسهل التعديل لأي أحد حاب يبدأ يجهز بروفايله الشخصي.
🔗 تقدر تحمّله من هنا:
https://hkmdesigner.gumroad.com/l/qjqwt
🔧 بيكون مفيد لك لو:
- حابب تعرض شغلك بطريقة مرتبة
- تجهز موقعك الشخصي بسرعة
- تبدأ أول تجربة لك مع مواقع الويب
وإذا أعجبك شاركه مع أصحابك 🙌🔥
⚓️ للمزيد عن التصميم والبرمجة
Insta – Twitter – Whatsapp
@UIUXAR
Gumroad
Saif - Portfolio Website Template
Saif is a clean, modern, and fully responsive Portfolio Website Template designed to showcase your work, services, and skills with elegance and clarity. Perfect for developers, designers, freelance...
👍2🔥1
في مرحلة ما بعد التعلم عادة ما انصح بالتدرب وتقليد لوحات التحكم
من أكثر الواجهات التي تحتاج اعتناءًا بالتفاصيل والتفكير بالمستخدم والشعور بالتعاطف معه وهي سمة أساسية ينبغي لكل مصمم أن يتمتع بها ويتقنها
المرحلة التي تأتي بعد التقليد هي التعريب وكيف تنتقل من تصميم باللغة الانكليزية إلى العربية وفيها ستتعود على المشاريع بلغتك وأيضًا ستعرف الفرق بي RTL / LTR وكيف تتعامل مع التايبوجرافي بشكل صحيح مهما كان التصميم
من أكثر الواجهات التي تحتاج اعتناءًا بالتفاصيل والتفكير بالمستخدم والشعور بالتعاطف معه وهي سمة أساسية ينبغي لكل مصمم أن يتمتع بها ويتقنها
المرحلة التي تأتي بعد التقليد هي التعريب وكيف تنتقل من تصميم باللغة الانكليزية إلى العربية وفيها ستتعود على المشاريع بلغتك وأيضًا ستعرف الفرق بي RTL / LTR وكيف تتعامل مع التايبوجرافي بشكل صحيح مهما كان التصميم
❤3