I just made my first animation using
@rive_app
🥳🎉, this is done with 4 hrs journey! I enjoyed doing it too much. I'll try to do some enhancements next days!
الحمدلله، أطلقت أول منتج لمساعدة المصممين بتسريع عملهم.
أكثر من 150 تصميم للبطاقات الائتمانية بتدرجات جميلة جدًا، كل اللي عليك تنسخ وتلصق ومبروك 🎉.
لمعاينة المنتج :
10 نصائح عملية لتصميم الويب للمبتدئين :
في هذي السلسلة راح أشاركك 10 نصائح عامة بتساعدك بإذن الله بالإنطلاق في تصميم الويب / التطبيقات وراح تحسن من مهاراتك بشكل كبير 💪🏼.
جيب المذكرة وخلنا نبدأ :
واحد من أكبر الاخطاء اللي يسويها بعض المصممين هو الاعتماد ١٠٠٪ على معيار WCAG لإختبار التباين، انا كنت ضد هذا المعيار من البداية لأنه ماهو منطقي أبدًا. إكتشفت مؤخرًا معيار APCA كمعيار بديل وأفضل بمراحل لأختبار التباين. أنصح الجميع بالابتعاد عن WCAG 2 والانتقال لمعيار APCA.
شخص سألني على تيليقرام عن كيف أحصل عملاء، وعلمته بطريقتي الشخصية وكيف دبرت نفسي السنتين الماضية.
قررت أشاركها معكم لعلها تفيد أحدكم.
الطريقة ما تشتغل مع كل الناس - ما تناسب احتياجات كل الناس.
فيه طُرق ثانية كثير لكن هذا اللي أنا سويته 👇🏼.
تبغى نصيحة تحسن من تجربة تعلمك؟
١. اشترك في Medium.
٢. زبط لك حساب في Pinterest وابحث عن المحتوى اللي تبغاه بتجربة المستخدم. بتلقاه يسرد لك مليون صورة مأخوذه من مقالات اغلبها من Medium. سوي Pin للصورة عندك وتفرج على المقالة.
البحث احيانا مزعج بقوقل للناس اللي تتصيد SEO، وفيه
UX UI designer
UXUI designer
UX/UI designer
UX and UI designer
كل هالمسميات غلط
الصح يشمل :
UI designer ✅
UX designer ✅
تصميم واجهة المستخدم جزء من تجربة المستخدم، لا تفصل بينهم بمسماك الوظيفي، إذا تصمم UX أكيد تقدر الـ UI لأنه يشملها.
السلام عليكم ورحمة الله وبركاته
عندي فرصة لـ Senior UX Designer بالقطاع المصرفي حضورية بالرياض، ويفضل يكون فاهم بالـ Usability & CX metrics.
التفاهم على الخاص وموفقين 🚀❤️
واحد من الملحقات اللي أقل شي أقوله عنها انها رهيبة! تكشف لك وش المكتبات المستخدمة بأي ملف. يعني مثلا يقول لك ترى اللون جاي من المكتبة الفلانية او واحد سواله ديتاش أو مثلا الفاريبل الفلاني ترى جاي من مكتبة كذا وكذا.
للمعلومية يضطر يقرأ كل شي عندك عشان يعرف يربط المكتبات بالترميز
لي حوالي سنة اصمم ع البي سي الجديد على فيجما... ولاحظت اني كل ما ازيد تعقيد التصميم فيجما يا دوب يتنفس، مع ان البرامج الثانية تشتغل على فوركي 144 فريم زي سلام عليكم.
واليوتيوب فاتح ولا فريم واحد يطيح.
قبل نص ساعة اكتشفت ان فيجما من اشتريت الجهاز يحاول يشتغل على معالج الرسوميات
اليوم شفنا اشياء رهيبة من Figma:
- منتج جديد للعروض التقديمية.
- تصميم بالذكاء الاصطناعي.
- واجهة جديدة كليًا للمنتج بلغة تصميم جديدة.
- مراجعة لتحسين لمنح صلاحيات للمصممين.
وغيره من المزايا الرهيبة جدًا.
لكن أحزني اننا ما شفنا اشياء تخص:
- بروتوتايبنق احسن مثل اللي يقدمونه
عزيزي المصمم المبتدئ :
- لا تستخدم قوالب ❌.
- لا تستخدم قوالب ❌.
- لا تستخدم قوالب ❌.
انت مثل اللي يجيب قطعة حلا من برا يزينها شوي ويقول هذا شغلي،واضح انه مو شغلك وتعديلك بيكون مو كويس وواضح.
تعلم من الصفر، تصميم مفقع كامل يوضح انك تتعلم أحسن من التزييف باستخدام شغل مو شغلك.
لا تخلي شي يردك، اذا ما تحس انك بالمكان المناسب اتركه. لا تضيع وقتك وجهدك بشي ما تحبه. خطط وادرس انتقالك وانتبه من الدرعمة اولا واخيرًا.
صورة قبل ٣ سنوات 🫱🏼🫲🏽، تصنيفي الصحي منتهي من ٨ شهور، ولا مجال للعودة بفضل الله.
ارجع اقول TikTok من أفضل المنتجات اللي جربتها من ناحية UX. كنت حاذفه ولما رجعت له "ذكرني" كيف كنت مسجل دخول! ما يخلي لك عذر عشان ما تكمل! ما اتوقع احد مننا قد شاف مثل هالحركة بمكان ثاني 🙂.
صباح التعاطف 🫂💛.
دايم أقول إن منصة TikTok منصة محترمة جدًا كبناء وحتى من ناحية تصميم تجربة المستخدم.
لو بحثت عن كلمات مثل الظاهرة بالصورة ما راح يطلع لك نتائج البحث على طول، بل راح يحاول يساعدك ويتعاطف معك "يمكن" يأثر عليك ويخليك ما تسوي الشي اللي تبغى.
إحترام 👏🏼💛.
كنت دايم أقول تخصص ولا تعمم، والحين أقول أستهدف ولا تجمع، بهذي السلسلة بكتب لك تجربتي البسيطة مع استهداف المشاريع المتوسطة والصغيرة بمجال تصميم المنتجات الرقمية دون تكلف.
خلنا نبدأ :
صباح الفل يا حلوين، وصلني أمس وقبله ٥ مشاريع ما قدرت استلمها لضيق وقتي.
إذا مهتم أرسل لك أكتب تحت التغريدة :
• مهتم
• جنسيتك إن أمكن
• معرض أعمالك
سبب طلب الجنسية هو أن بعض المشاريع بعقد طويل ويشترطون جنسية معينة.
وفقنا الله وإياكم.
تبغى أكثر طريقة فعالة تتعلم فيها بسرعة؟ توسع تفكيرك وتزيد منطقية قراراتك؟ كل هذا بسرعة وبكل فعالية؟
ببساطة :تعرف على الشخص الصح، تبادل خبراتك مع خبراته، تعلم منه كيف يفكر وكيف يتخذ قراره ويبني ردة فعله.
١٧ كتاب و ٣٥ بودكاست ما راح تفيدك قد شخص واحد صح. واللي جرب يعرف.
هالملحق مستحيل ما يستخدمه إلا 250 شخص!
ملحق نادر مره يخليك تبحث بخصائص الفاريانتس وحتى القيم حقتها . مثلا بغيت تغير مسمى شي معين Danger إلى Negative، وودك تعمم هالتعديل كل كامل مكتبة التصميم. بضغطة زر راح ينفض لك كل المكتبة ويعلمك وين حصل الاسم القديم وكيف ودك تغيره!
ولا مثلا
ملخص اليوم لتحديثات فيجما :
- نمذجة متقدمة.
- auto layout خارق مع دعم حد ادنى واعلى للارتفاع والعرض ودعم التفاف الأسطر.
- معاينة للخطوط.
- إطلاق وضع المطور.
- إطلاق خاصية المتغيرات.
- الاستحواذ على Diagram.
- آبل نشرت visionOS UI Kit.
- ملحق رسمي لـ VS Code.
يوم عظيم لفيجما
فيديو رهيب من آبل عن الكتابة للواجهات. الفيديو كل نقطة فيه مهمة و مفيدة، حرفيًا عمل فني.
تطرق لأشياء مثل الانتباه لاختلافات تركيب اللغات والتلخيص وأعطى أمثلة عملية رائعة عن كيف تتجنب بعض الأخطاء الشائعة جدا، أنصح الجميع بمشاهدته وأراهن على فائدته.
أنهيت اليوم مسيرتي بالمجال الصحي باستقالتي من المنشأة العامل بها والبداية بمشوار جديد أستمر به بإذن الله باقي عمري.
شكرًا من أعماق قلبي لكل من دعم هذه الخطوة، وفقهم الله ويسر عليهم أمور الدنيا والآخرة.
والحمدلله أولًا وأخيرًا.
قبل شوي أقرأ مقالة في NNg نوهتني ع نقطة مهمة حبيت اشاركها معكم وهي ضرورة استخدام خط يدعم أكثر من لغة حتى لو الموقع حقك بلغة وحدة فقط . السبب يعود لاحتمالية استخدام أدوات ترجمة خارجية قد تسبب مشاكل بالقراءة بسبب عدم دعم الخط المستخدم للغة المُترجم لها.
يا هلا وسهلا بالجميع 👋🏼، عندي لكم عيدية فاخرة (متأخرة شوي 😂) وخبر أحضر له من زمان ✨.
حاب أعلن لكم عن انضمامي وتعاوني مع
@uxwritingar
وتقديم دورة عن أداة رهيبة كلكم تعرفونها نغطيها من ألف إلى ياء وجالسين نحضرها أكثر من ٣ شهور 🎉✨.
انتظروا التفاصيل قريبًا 🙌🏼👏🏼.
تدري وش أهم شي بأي نظام تصميم؟ بُنية هالنظام.
ما يهم جمالية العناصر، ما يهم كمية الإرشادات، ما يهم وش قوة الـ Code twin، ما يهم وش القنوات اللي يدعمها، ما يهم عدد الكمبوننتس، واشياء كثير.
الأهم من هذا كله هو بُنية (Structue) هالنظام. كل شي ذكرته فوق تقدر تصلحه اذا كانت هيكلة
اختيار مهم لو كنت تستخدم ملحق دعم العربي RTL PLZ لفيجما، راح يسوي فوكس " ينقل المؤشر مباشرة " للنافذة حقت الملحق لو كنت محدد طبقة نص بشكل اوتوماتيكي! 🔥🔥🔥🔥
أتاح فيجما خلال السنة الماضية إمكانية وضع حدود لأكبر وأدنى أبعاد للعنصر، لكن حل فيجما فيه المشاكل الآتية:
1. ما تقدر تقفل أبعاد عدة عناصر مع بعض اذا ابعادها مختلفة.
2. شغلة انك تمشي عليها واحد واحد ذي مره تنرفز وتطول.
سويت أول ملحق يحل هالمشكلتين، ويخليك تحط القيود اللي تبغى لو
وحده من أكبر المشاكل اللي يقع بها الناس اللي ماتعرف كيف Figma يشتغل هي ان يصير فيه Component set جواها عدد مبالغ فيه من الـ Variants. مثلًا يحط العربي والانجليزي لايت مود ودارك مود جوال وتابلت ودسكتوب كـ Variants.
أو مثل جعله الأيقونات بكل أنواعها كـ Component set
هالشي وش
موقع مميز جدًا، موقع مهتم بتفاصيل التفاصيل لأي شي يخص المقاسات لكافة أجهزة أبل.
كمية التفاصيل مرعبة، يمديك تعرف أي شي عن أي جهاز من أول إصدار. مناسب جدًا لمصممي واجهة المستخدم.
عزيزي المبتدئ بتعلم الـ UX، نصيحة لا تضيع في بداياتك بين الكتاب والمقالات الطويلة مرة.
اتبع الآتي :
١. طق لك حسابك جديد بالانستقرام.
٢. تابع مثلا ٣٠ حساب لصناع محتوى بالمجال ولا تنسى حسابات الاستلهام.
٣. سوي لك جدول يومي، تتصفح فيه الدروس وتشوف منشورات الناس.
استمر شهر وشوف 👏🏼.
يا جماعة تجربة المستخدم لمنتجات المطبخ شي رهيب مرةةةة
هذا برنامج ع اليوتيوب يقيم منتجات المطابخ من ناحية UX ويعيد تصميمها، يفتح مخك ع اشياء كثيييير... ادمان 👌🏼
@Bader1_designer
الموقع هذا فنان ويوريك صور من حلول شغالة 👏🏼، بما أني بدأت أهتم بتصميم واجهات الألعاب ( عشانها مرنة أكثر وحلوة بنفس الوقت ) أحب اشارك معك ومع متابعينك هذا الموقع الرهيب :
قاعدة بيانات لواجهات ٣٠٠+ لعبة، بتصنيف ودقة عالية . أي شاشة هناك ترفع مستواك كثيييير
@cdes
عندي ٣ مصادر ما أقدر استغني عنهم ابدًا!
1. Remixicon
وهي حزمة مجانية مفتوحة المصدر.
2. MyIcon
وهي حزمة مدفوعة تتحدث بشكل شهري وفيها اكثر من ٦٠٠٠ أيقونة!.
3. Noun project
مجتمع مصممي ايقونات، فيه ايقونات كثير رديئة التصميم، لكن بتحصل اللي تبغاه!
كثير ما اصمم الايقونات بنفسي
اللي شفته هنا صدمة، تتساءل متى امداهم يشتغلون على هذا كله 💀. الفيديو لحاله تحس يبيله سنة مونتاج، من غير الشغل على التطبيق والموقع والتوجه وكل الاستراتيجية.
جنون قسم بالله، شي يرفع الراس 👊🏼❤️.
اليوم، ستذهب ثمانية إلى ما هو أبعد.
صحيح مخاطرة، لكن المحتوى العربي ومستهلكيه وصنّاعه — يستحقون. ❤️
نعلن لكم ومعكم فصلًا جديدًا في حياة ثمانية، أقرب من أي وقتٍ مضى لإثراء المحتوى العربي على الإنترنت.
اهم تحديث يوصل فيجما هالسنة بعد دعم العربي، الحين يمديك تطلع اسهم التفاعلات من عدة عناصر بنفس الوقت، مررررره رهيب للناس اللي تخلي تصاميمها تفاعلية، الف مبروك!
A small gift from the
@figma
prototyping team this holiday season! 🎁💝
You can now create interactions from multiple selected objects at once. Works for editing existing interactions, too!
من أساسيات تصميم تجربة المستخدم،
تعلم وبناء Design Systems للمنتجات التي يعملون عليها🧑💻
لذلك نعلن عن اللقاء الأول من سلسلة ورش عمل عن Design Systems
Design Systems 101
بتقديم الرهيبين فراس نمازي وعمر الحربي
@loboly_19
@FirasSpace
👇🏻
#لقاءات_UXLit
أهلًا وسهلًا بالجميع 👋🏻
هناك مقولة تقول : لكل جواد كبوة.
لاحظت بعض الأخطاء يفعلها بعض الجُدد على مجال تصميم الواجهات، أُسرد هنا أهمها وأكثرها إنتشارًا مع طرق تلافيها مستقبلًا ✌🏻.
ملاحظة : الترتيب لا يعني بالضرورة الأولوية.
يالله نبدأ 🏃🏻♂️ :
يا جماعة اللي صاير مو معقول 😍🔥
ملحق لفيجما من الشخص المبدع هذا تحول اي صورة لشيء تفاعلي تقدر تحركه بسهولة 😍.
يعني OCR بس ذكي مرة 🔥، رهيبة مرة لما تبغى تعدل تصميم ع شكل صور بدون ما تعيد تصميم كل شيء من الصفر 😫.
اتوقع ذا الشخص هو نفسه صاحب اضافة الـ GPT-3، ابداع ماله وصيف.
@cdes
سلسلة رهييييبة 🔥🔥🔥
انا معجب كبير بالخط العربي، وأداة كليم رهيبة جدًا ومبنية وتشتغل بشكل كامل بالمتصفح.
اجمل شيء فيها مرونة التحريك وتعديل مواضع الأحرف.
مرونة النصوص وطولها وحسابك لها شي مهم مرة، احسب حساب اشياء كثير جدًا لما تصمم مثل :
- احتمالية تغير اللغة اللي صممت بها، ف مثلًا تصمم شي ع أنه بالعربي وواضح بكلمتين، لكن عادي يُترجم للغة ما يكفيها ٥ كلمات.
- احتمالية ان النص يكون أطول مما تتوقع مثل الأسماء.
آبل اطلقت بشكل رسمي الـ UI kit الخاصة بـ iOS 17 و iPadOS 17 على قسم مجتمع فيجما 🤩🔥.
ما توقعت هالشي الصراحة، خصوصًا ان آبل تحرص وبشدة على أن شغلها كله يكون بعيد عن شبكة الانترنت.
موضوع أقل ما يقال عنه عنه رهيب، بعنوان : هل تتفق الشركات الصخمة مثل : سبوتفاي - تويتر - نيتفلكس وغيرها مع نصايح بعض المصممين لبعض ؟
الجميل بالموضوع أنه فسر كل سبب خالف فيه مصممي هذي الشركات نصايح مصممين آخرين.
قراءة ممتعة.
سويت منتج رقمي بعت منه اعتقد ٥ نسخ فقط، منتج سويته خلال أيام بسيطة.
صدقني، شعور انك تبيع شي وانت نايم، مرررررره حلووووو. كأن جاك واحد وحول لك فلوس بدون سبب.
وراجع ان شاء الله بشي قريب يجوز لكم 🚧🔨🏗️🌚
Organize your pages any way you want
→ Turn a page into a page divider with hyphens, en/em dashes, asterisks, or spaces
→ Hold shift to select multiple pages and move them around
الآن صار يمديك تستخدم الويدجتس حق فيغجام داخل فيجما 🎉🥳.
وش فرق الويدجت عن البلقن؟ الويدجت تفاعلي اكثر مع أكثر من مستخدم، مثل زر التسجيل اللي يقدر اي شخص يسمعه بسهولة مثل الموضح بالمقطع تحت.
1/ Widgets for Figma are here 🙌
Widgets are interactive objects on the canvas that you and your teammates can use together.
We’ve partnered with
@Asana
,
@Jira
, and developers in our community to bring widgets to Figma.
Explore them here →