مـي صـالح | UI / UX Designer
@Mai_S_Al
Followers
877
Following
101
Media
300
Statuses
1,646
مصممة واجهات وتجربة مستخدم UI/UX | أقدم محتوى مُفيد لك | للأعمال والمشاريع 📩
Riyadh
Joined August 2023
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
選挙投票
• 428827 Tweets
Dodgers
• 241075 Tweets
選挙の日
• 165929 Tweets
The Key to Spirituality
• 149432 Tweets
投票用紙
• 145721 Tweets
Yankees
• 133098 Tweets
Ohtani
• 48006 Tweets
LeBron
• 45379 Tweets
Texas A&M
• 44368 Tweets
ナヒーダ
• 38639 Tweets
出口調査
• 37151 Tweets
山本由伸
• 36618 Tweets
設営完了
• 35133 Tweets
投票完了
• 29532 Tweets
#ValentinoAvantLesDébuts
• 28209 Tweets
大谷さん
• 27732 Tweets
Aaron Judge
• 24389 Tweets
ドウデュース
• 21553 Tweets
リバティアイランド
• 19212 Tweets
#2NE1BKK2025
• 17842 Tweets
大谷脱臼
• 17680 Tweets
左肩脱臼
• 12998 Tweets
#NOLASTSTheErasTour
• 12243 Tweets
Pinned Tweet
المصطلحات في مجال الـ UI/UX كثيره ويصعب على البعض الإلمام بها جميعاً 😣🫨
لذا بإذن الله بحاول أغطي لكم أكبر قدر ممكن من المصطلحات باللغتين العربيه والإنجليزية 🚀
وبتكون مرجع تحت هذه التغريدة 🔽
#ثريد_مي
2
4
39
كتاب مفيد لمصممين الواجهات
وفكرته جججميلة 🤩🤩🚀
يعرض لك تصميم وواحد منهم صح والآخر لا.. ويشرح ليه أصح هذي الطريقة 💡
رابط تحميل الكتاب 🔽
4
27
182
إذا محتاج تتعلم وتبدأ بمسار UI/UX
جمعت لكم أفضل المصادر للتعلم الذاتي 💡🪄
#ثريد_مي
2
8
35
لمحبين الكتب من من مصميم تجربة المستخدم
كتاب رائع وسلسل يشرح عن مفهوم تجربة المستخدم وخطواته وعلم النفس المستخدمين
والأجمل أنه يثري المحتوى العربي، خصوصاً مع قلته في مجال UI/UX 💡🚀
قراءة ممتعه 📖
4
3
34
الحمدالله الذي يسر البدايات حتى بلغنا الغايات ☀️ ♥️
بعد رحلة ملهمة في تطوير مهاراتي الإبداعية والتقنية حصلت بفضل الله على شهادة Graphic Design and UI/UX
شكراً على جهودكم المبذولة 🙏🏻✨
@ANASalumni
6
3
32
لمحبين الكتب من مصممين الواجهات وتجربة المستخدم 🤩📚
رابط يجمع لكم ١٣٥ كتاب إلكتروني ومجاني
رابط الموقع 🔽
0
4
21
كنز للمهتمين في مجال تصميم الواجهات وتجربة المستخدم (UX/UI) 🤩🚀
موقع يحتوي على مقالات متنوعه ومفيدة لكل شخص لديه رغبه بتعلم المجال 💡
قراءة ممتعه 🔽 📖
2
1
16
موقع (Jitter)
يقدم لك تفاعلات لعرض التصميم (Animation) تجعله متحرك وجذاب أكثر 😍..
متوفر فيه خيارات عرض عديدة تناسب واجهات التطبيق أو الويب 🪄🚀
0
3
16
كيف ممكن نجعل التصميم تفاعلي عند عرض مجموعة من العناصر بجانب بعضها البعض؟ 🤔
من خلال الـ (Horizontal Scrollig) 🚀🪄
1
4
16
فعالية الاثنين 🥳
من هذا البلت ممكن نطلع بفكرة لتطبيق في أي مجال❓🤔
19
1
13
مقالة الاسبوع ☀️
من المبدعين
@UXWritingar
تتحدث عن الفرق بين مجال تصميم واجهة المستخدم ومجال تصميم تجربة المستخدم؟
وأهم المهارات التي يجب أن يمتلكها مصمم تجربة المستخدم 🚀🧠
قراءة ممتعة 📖
1
5
13
أستاذي في دبلوم UI/UX استفدت منه الكثير..
اللهم اجعل كل علم علمه وكل خير قدمه صدقة جارية له، ونور له قبره، وآنسه في وحدته.
قناة الزميل الاستاذ محمد شعبان من فلسطين (( رحمة الله عليه )) باليوتيوب
كنز مجااااااااني لدروس تصميم الجرافيك ،، جعلها الله في ميزان حسناته 🙏👇
14
113
475
3
0
12
كيف ممكن نرفع من نسبة نجاح التطبيق ونحقق تجربة مستخدم عالية⁉️🤔
هناك خطوات عديدة.. ومنها عمل مايعرف بـ (Competitive Analysis) تحليل المنافسين
تعالوا معي نتعرف عليه أكثر في هذا الثريد 🔽
#ثريد_مي
1
3
12
كيف ممكن نصمم واجهة مريحة للعين وجذابة؟ 🤩🚀
ثريد اليوم بيكون عن المسافة البيضاء (White Space) وأهميتها في جمالية التصميم🪄
#تصميم_واجهات
#فيقما #تصميم #ثريد_مي
3
2
11
تكرر علي مثل هذا السؤال بالفترة الأخيرة بشكل كبير
وجهزت لها اقوى ثريد 🤩👏🏻
بنتكلم عن المصادر المجانية و المدفوعة 🚀💵
تابعوا معي الثريد 🔽
#ثريد_مي
#تصميم_واجهات
1
1
11
كلنا نعرف أن الأشخاص وقدراتهم تختلف من شخص إلي أخر
لذا من الضروري عند تصميم واجهات المستخدم أخذ هذه النقطه بعين الاعتبار 💡
ومن أهم الأمور التي تساعد على مراعات الفروقات بين الأشخاص "تصميم النظام الليلي (Dark Mood)" 🚀🪄
ماهو هذا النظام؟ وفائدته؟ وكيف ممكن نعمله بأسرع طريقة؟
4
4
11
مسميات وأشكال أيقونات القائمة الرئيسية (Menu Icon Style) 💡🪄
0
2
10
من المصطلحات التي تتكرر عند مصممين الويب هو مصطلح (Hero Image)
ماهو معنى المصطلح؟ وماهي فوائد استخدامه وسلبياته؟ 🤔❓
تابعوا معي الثريد 🔽
#ثريد_مي
4
1
10
@lina_alismail
(محد حاس بالتوتر الإ انتِ )
نصحية انقالت لي من سنوات واثرت فيني بشكل إيجابي إلى الان الحمدلله 🤩✔️
كنت لما اتوتر
اتوتر بعدها بنسبه اكبر لاني احس كل الموجودين عرفوا اني متوتره
بعد ماصرت اهدي واكلم نفسي لما اتوتر فرق معي الموضوع 🙏🏻
1
0
11
أكثر مستخدمين الهواتف يستخدمون أصبع واحد فقط أثناء لمس الشاشة 📱
💡لذا يجب التركيز عند تصميم الواجهات بجعل الامور والازرار المهمه في منطقة يسهل وصول الاصبع لها وهي المنطقه (الخصراء) بالصورة 🔽💚
0
3
9
معظم مشاريع تصميم الواجهات لا تخلو من دراسة الحالة (Case Study) 🔥🚀
طيب ماهو الـ (Case Study)؟ وأهم محتوياته؟ 🤔
تابع معي الثريد 🔽
#ثريد_مي
1
2
9
أفضل خمسة خطوط عربية في تصميم الواجهات 🔥🚀
#ثريد_مي
#فيقما #تجربة_المستخدم
1
2
9
من الكورسات المجانية لتعلم #تصميم تجربة المستخدم UI/UX
♦️ Google
♦️Edraak
♦️Udacity
1
2
9
من الإضافات الرائعه في #الفيقما أداة (Scale)🚀
تساعد على تغيير حجم الأشياء من صفحة أو صور أو أيقونات بدون أي تأثير وبأسهل وأقصر وقت 🤩🪄
🖇️وضحت بالفديو كيف ممكن نغير الحجم باستخدام الأداة
يسار: بدون استخدام (Scale)
يمين: باستخدام (Scale) ✔️
0
1
8
من الكتب المهمة لمصممين تجربة المستخدم 🪄
يوضح كيفية بناء منتج رقمي يتوافق مع سلوكيات المستخدم وطريقة تفكيره 🤩💡
2
1
7
كيف ممكن نصمم واجهات بأسرع وقت وبجودة عالية؟ 🤩🤩🚀
للتصميم خطوات عديدة من أهمها وخصوصاً للمبتدئين في المجال خطوة الويرفريم (Wireframe) 🪄
ماهو الويرفريم (Wireframe)؟ وماهي مميزاته وأنواعه؟
تابعوا معي الثريد 🔽
#ثريد_مي
#تصميم #واجهات_مستخدم
1
2
7
كت تويت | Quote tweet
متى اول مره سمعت عن مصطلح الـ UI/UX 🤔⁉️
للأسف ماسمعت عنه اثناء دراستي بالجامعه ولكن شفت مقطع في الانستقرام يتكلم عن مهارات مطلوبة في سنة 2023 ومن ضمن المهارات كانت الـ UI/UX لفت انتباهي المصطلح وبحثت عنه وبعدها ابحرت فيه 😍🏊🏻♀️
4
1
7
من أفضل المواقع الي توفر Illustration
والحلو فيه أنك تقدر تغير وتختار اللون المناسب قبل تحملها 🚀🪄
رابط الموقع 🔽
0
0
8
أحياناً المصمم وخصوصاً المبتدئ ينسى تصميم بعض الصفحات، ويتم التركيز على الصفحات الأساسية!
وفي الحقيقة أن هذه الصفحات مهمه في جانب #تجربة_المستخدم (UX) 🤩🪄
تابعوا مع الثريد لمعرفة أهم تلك الصفحات:
#ثريد_مي
#تصميم_واجهات #فيقما
2
2
7
أحياناً كمصممين واجهات تأتينا رغبة في تطور صفحات بعض المواقع ، ولكن ينقصنا الشعار 🤔
ولا يخفى أن وجوده في التصميم يزيد جماله 🤩🚀
1
1
7
احياناً في تصميم نحتاج مقاطع فديو وجوده عالية اكيد 🧐
جبت لكم موقع يقدم مقاطع وبشكل مجاني 😍🚀
رابط الموقع 🔽
1
2
7
A/B Testing
طريقة تساعد المصمم من رفع جودة التطبيق وتحقيق الأهداف المرجوه منه
ومن الأسهل الطرق المتبعه فيه
هو عرض نموذجين لصفحة أو جزئية معينة على مجموعة من الأشخاص، ومن ثم هؤلاء الأشخاص يرشحون الأسهل والمحبب لهم من النموذجيين المعروضه 🤩💡
0
2
6
خريطة التعاطف (Empathy Map) 💡
أداة تصميم تساعد في فهم وتصور تجربة المستخدم بشكل أفضل.
تتكون من أربعة أقسام رئيسية:
فيما يفكر؟ ماذا يقول؟ بما يشعر؟ ماذا يفعل؟
تهدف إلى جعل مصمم تجربة المستخدم مكان المستخدم، مما يؤدي إلى فهم ومعرفة التجربة بشكل أكبر 🧠🚀
1
1
7
من الإضافات الرائعة في الفيقما هي () 🚀
إضافة تنسخ التصميم من موقع نال على إعجابك إلى صفحة #فيقما
تم تجربتها وسهله جداً في الإستخدام فقط كل الي عليك تنسخ رابط الموقع وتلصقه داخل الإضافة 🤩🪄
رابط الإضافة 🔽
0
2
7
مصممين الواجهات برأيكم من هذي الألوان ممكن نطلع بتطبيق في أي مجال ⁉️🤔
في بالي فكرة تطبيق لهذي الألوان لكن بشوف عنكم أول 👏🏻
9
0
7
(Artboard studio Mockups)
إضافة سهله وجميلة 🪄✨
وتنقل لي الصفحة مباشرة لتصبح على Mockups بنفس برنامج Figma
رابط الإضافة 🔽
#تصميم
2
2
6
مبدعة فاطمة مثل عادتك ماشاءلله 🤩
الله يجعله في ميزان حسناتك 👏🏻👏🏻♥️
🌟اليوم نزل تحديث جديد لمجموعة دروس تعلم فيجما اللي نسخها اكثر من 340 شخص ولله الحمد بإضافة 5 دروس تلخص اخر التحديثات في البرنامج وهي:
🔹الدرس 26: خصائص فيجما الجديدة 2023 للمصممين والمبرمجين
🔹الدرس 27: كيفية الإشتراك في خطة فيجما التعليمية
🔹الدرس 28: كيف نقدر نحول تصميم
6
18
148
1
1
7
لتصميم #تجربة_المستخدم خطوات عديدة، ومن أهمها خطوة سير المستخدم (User Flow)
ماهو User Flow وفائدته وكيف ممكن نرسمه بأسهل الأدوات؟ 🤩💡
تابعوا معي الثريد 🔽
#تصميم #فيقما
#واجهات_مستخدم
#ثريد_مي
2
2
7
من الأمثلة الرائعه والتي تساعد على فهم تجربة المستخدم بشكل أكبر هو مثال "الموز"🍌
أيش علاقة الموز بتجربة المستخدم ⁉️😯
تابعوا معي الثريد 🔽
#ثريد_مي
1
1
6
♦️(Envato Market)
من المواقع المخصصة لبيع تصاميم جاهزة
ولكن بالنسبه لي أشوفها ملهمه بالأفكار ومعتمدتها لتغذية البصرية فقط 🤩🤩🪄
رابط الموقع 🔽
0
1
6
التغذية البصرية مهمه لأي مصمم؛ لأنها تلهمه بأفكار 🧠💡
جبت لكم موقع جامع لكم أغلب روابط المواقع السعودية 🇸🇦
صراحه حاجه فوق الخيال.. وجداً جداً فخورة بالتطور الي جالس يصير لواجهات المواقع وتجربة المستخدم 🤩🫶🏻
♦️أيش أكثر المواقع التي عاجبتكم⁉️
بالنسبه لي كثير ولكن منها نيوم و
2
1
6
@AbeerAlhasan
فنانه عبير استفدت منه 😍😍👏🏻👏🏻
وبرضو بالصدفه انا تكلمت عنه اليوم ✅
كيف ممكن نرفع من نسبة نجاح التطبيق ونحقق تجربة مستخدم عالية⁉️🤔
هناك خطوات عديدة.. ومنها عمل مايعرف بـ (Competitive Analysis) تحليل المنافسين
تعالوا معي نتعرف عليه أكثر في هذا الثريد 🔽
#ثريد_مي
1
3
12
1
0
6
✨الـ UX مهم مثل أهمية UI
✨أدخل مواقع تصميمها جميل وطبق مثلها ولكن لا تنشرها وتنسبها لك، فقط الفكره تمرين اليد
✨التغذية البصرية ومتابعة الجديد مهمه في التطور
0
0
6
نسمع كثير عن النظام التصميمي (Design System) وضرورته في التصميم
تعالوا معي نعرف أهميته!!
من أهم فوائد النظام التصميميم أنه يساعد على:
✨ توفير الوقت والجهد
✨ تسهيل عملية التحديث
✨ توحيد الأسلوب والشكل
✨ تحسين تجربة المستخدم
✨ تحسين التواصل بين الفريق
من أشهر الأنظمة
0
1
6
أحياناً يكون عندنا صورة ونحتاج نعرف درجات ألوانها 🤔
موقع imagecolorpicker فنان في هذا الموضوع 🤩🚀
رابط الموقع 🔽
0
2
6
Minimum Viable Product(MVP)
مصطلح يقصد فيه إطلاق نسخة مبسطة للفكرة،مع تقديم قيمه جوهرية لتطبيق دون مميزات أخرى،وبأقل قدر من الموارد وأبسطها بهدف اختبار السوق أولاً
♦️مثال ذلك
تطبيق توكلنا طبق النظام(MVP)
أول ماظهر كان فقط لكرونا والآن ماشاءلله مغطي حاجات كثيرة ومفيدة🤩🇸🇦
#تصميم
0
2
6
@des_ask
اكاديمية انس .. تعطي دبلوم فيه
وجداً على المستوى الشخصي فادني 💯
الحمدالله الذي يسر البدايات حتى بلغنا الغايات ☀️ ♥️
بعد رحلة ملهمة في تطوير مهاراتي الإبداعية والتقنية حصلت بفضل الله على شهادة Graphic Design and UI/UX
شكراً على جهودكم المبذولة 🙏🏻✨
@ANASalumni
6
3
32
0
0
6
الواقع الحقيقي أو الفعلي "Real World" 🌏
يقصد بهذا المصطلح في تصميم #تجربة_المستخدم:🪄🚀
هو تصميم واجهات تتيح للمستخدمين التفاعل بشكل طبيعي وفعّال، مستندة إلى تجاربهم وتوقعاتهم في حياتهم الواقعية. بهدف توفير تجربة مستخدم سهلة ومألوفة، مما يعزز التفاعل السلس في استخدام التطبيقات
0
2
6
أنواع تصاميم واجهات المستخدم 👩🏻💻🧩
قبل ندخل فيها ونتعرف على بعض الانواع، نوقف شوي على ليش هناك أنواع لها وماكان في نوع واحد فقط ❓
الله سبحانه وتعالى خلقنا مختلفين في أشياء كثيره ومنها الأذواق والأنماط وعلشان كذا كان هناك أنواع لتصاميم
#ثريد_مي
1
2
6
@saadineur
في أحد المرات راسلت أحد الجهات لتحسين موقعهم والوقوف على المشاكل الي تواجه المستخدم ..
أخذتهم العزه بالاثم وصار الموضوع إثبات انهم صح أكثر من اي شي ثاني
2
0
5
🕋(أشواط):
هو تطبيق يساعد كل شخص أراد الطواف أو السعي، وذلك في حساب عدد الأشواط تلقائياً، بالإضافة إلى وجود مميزات أخرى مثل (مواقيت الصلاة، أدعية، مناسك المعتمر، أذكار بعد الصلاة) 🤲🏻📿
2
0
4
كيف ممكن نغير المسافه أو التر��يب بين عناصر في واجهة بأسرع وأسهل طريقة؟ 🤔🚀
تابعوا الفديو 🔽
1
0
5
@LamaSaeed_
@Abmankendrick
B
ماتخلي المستخدم يفكر أكثر.. وكل الالوان واضحة قدامه بطريقة سلسلة 😍✅
0
0
5
الممارسة بعد معرفة أساسيات التصميم هي أكثر ما يطور الشخص في جانب UI/UX 🪄
0
1
5
أفكار مقترحة لعمل شريط التنقل بين الصفحات ( Pagination Bar) 🪄🚀
0
1
4
فاعلية تحريك 🧠
برأيكم من هذه الألوان ممكن نطلع بفكرة تطبيق يخص أي مجال ⁉️
5
1
5
من أعمالي في تصميم الواجهات
(مفقوداتي)
منصة وطنية موحدة تخدم كلاً من المواطن والمقيم في المملكة العربية السعودية للبحث عن المفقودات، وذلك من خلال عرضها في المنصة من قبل العاثر 🇸🇦💡
إن شاء الله نشوفه على أرض الواقع 🌍
1
1
5
أفكار مقترحة لعمل الشريط المتنقل (Navegation Bar)🪄
0
0
5
مقالة اليوم
تتحدث عن أهمية تجربة المستخدم، وكيف بنك عالمي خسر 500 مليون دولار لإهماله تجربة المستخدم 🤯⁉️
@UXWritingar
قراءة ممتعة 📖
1
1
4
♦️ في دراسة المستخدمين (User Research)
كل مازادت حجم العينة كل ما كانت المعلومات أكثر موثوقية 💡🪄
0
1
5
الصحيح (B)
والسبب أنها محققة المحاذاة في التصميم.. مما يعطي تناسق وشكل أجمل ومريح للعين 🤩🚀
0
1
4
اللون الاسود الصريح في التصميم يظلم بشكل كبير
يفضل نستبدله بدرجات قريبه من الاسود مثل 🤩🔽
1
1
4
مقالة الأسبوع
تتحدث عن استخدامات الحقول (Buttons) بطريقة صحيحة ومدى تأِثيرها على تجربة المستخدم 🧠🚀
قراءة ممتعة 📖
0
1
4
مقالة الأسبوع
تتحدث عن أهم المصطلحات التي يحتاجها مصمم تجربة المستخدم 🚀🧠
قراءة ممتعة 📖
0
2
4
كمصمم #واجهات من المهم فهم وتطبيق قواعد خاصه في #تجربة_المستخدم 🤩🪄
اليوم جايبه لكم أهم القواعد مع أمثله لها 🚀
تابعوا معي الثريد 🔽
#مصمم_واجهات
#مصمم #تصميم
#ثريد_مي
1
2
4
يجهل أحياناً المصمم وخصوصاً في بداية المجال هل اللون المختار يتناسب مع الخلفه أم لا!!
#فيقما سهل للمصمم بإضافة جداً جميلة وسهلة 🪄🚀
وهي مسؤولة عن توضيح التباين بين الخلفية والعناصر وهل هو في الوضع الصحيح أم لا 🤔
رابط الإضافة 🔽
0
1
4
قد سمتوا عن (فهرس المصمم العربي؟)🔈🚀
ضروري يكون الفهرس عند كل مصمم بمختلف مجال #التصميم
تحتوي على حاجات مفيدة وتختصر وقت 👏🏻
ومعشر مصممي #الواجهات لهم منها نصيب 🤩🤩
الرابط 🔽
1
1
4
خمس نصائح لإنشاء أزرار رائعة (Buttons) 🤩🚀
#ثريد_مي
#تصميم_واجهات_مستخدم
1
2
4
طريقة عمل القائمة المنسدلة (Drop down menu) 💡
#مصمم #فيقما
#تصميم_واجهات
#تصميم_تجربة_مستخدم #تصميم_واجهات_مستخدم
0
0
4
♦️لوريم إيبسوم (lorem ipsum)
كثير منا يحتاج وقت التصميم إلى محتوى لإبراز جزء معين من التصميم، ولكن من الصعب كتابته لأسباب عديدة
💡هينا يجي دور لوريم إبسوم في تعبئة الأجزاء المطلوبة في حين جاهزية المحتوى
جداً سهل التعامل معه، فقط نسخ ولصق🤩🪄
2
1
4
@Dr_Morrphine
تخصص مايكون فيه راحه او شغف ماراح يحصل ووظيفه إلا بالحدود
لأن الآن المتقدمين كثر في اغلب المجالات ولا راح يتميز بوظيفه مناسبه إلا إذا كان حاب الي يشتغل عليه
مهم الجمع بين الاثنين (راحه+احتياج سوق العمل)
وجميعهم مكمله لبعض ✨
0
0
4