لنبدأ من أول مشروع من ملحق دورة تصميم واجهات الاستخدام عبر Figma، هذا المشروع مكون من ثلاث فيديوهات، سيكون التركيز ضمنها على كيفية تحويل أي تصميم ليصبح متجاوب بشكل كامل حتى لو كان عبارة عن تصميم ويب لصفحة كبيرة نسبياً. ضمن الجزء الأول من هذه السلسلة سوف أعمل على تحويل العناصر الداخل التصميم لتصبح متجاوبة عبر استخدام خواص Auto Layout و Constraints بحيث نتمكن من تحويل تصميم الصفحة ليصبح متجاوب بشكل كامل. يمكنك تحميل ملف المشروع عبر الرابط التالي: https://www.figma.com/community/file/1251500140053506672
أحمد سكماني
مصمم ويب وجرافيك، مدون، مهتم بالتقنيات والعالم الإفتراضي مؤسس إي ستوديو وموقع أندرويد تبس متخصص في تصميم واجهات المواقع والتطبيقات بالإضافة إلى تجربة المستخدم.
1.35 ألف نقاط السمعة
1.04 مليون مشاهدات المحتوى
عضو منذ
دورة احتراف تصميم واجهات الاستخدام عبر Figma
لا شكل ان تطبيق Figma حالياً هو المسيطر على الحصة الأكبر من مجال تصميم واجهات الاستخدام وتجربة المستخدم، فحسب آخر الإحصائيات حوالي 95% من المصممين في هذا المجال يستخدموا فيجما. ولكن لا يوجد محتوى كافي بالعربية عنه، او يمكننا القول ان المحتوى الموجود مشتت وغير واضح، لذلك قمت بتصميم دورة متكاملة حول فيجما تشرحه بشكل منظم من البداية إلى الاحتراف، بحيث تكون دليل شامل للمصممين للتمكن من فيجما. رابط الدورة للإطلاع: https://www.asekmani.com/courses/professional-user-interface-design-by-figma
تجربة الذكاء الاصطناعي في فوتوشوب (نتائج رهيبة)
اصبح توظيف #الذكاء_الاصطناعي داخل التطبيقات أمر واقع، ولكن اعتقد ان افضل توظيف سيكون داخل تطبيق #Photoshop 🫡 وقد فعلتها أدوبي حيث قامت بدمج خدمتها #Firefly داخل تطبيق فوتوشوب نسخة البيتا ليصبح الامر واقع، وهذا الفيديو هو تجربتي لهذه الميزة بشكل واقعي. 😎 https://youtu.be/KSsplEX-Rs0
ما هو نظام التصميم Design System؟ كل ما تحتاج لمعرفته عنه؟
يعتبر نظام التصميم Design System أحد نقاط الأساس التي يجب أن تعتاد عليها أثناء العمل على أي مشروع، وذلك بسبب كمية الميزات الهائلة التي تقدمها لك.😎 وفي هذا المقال سوف اشرح مفهوم نظام التصميم، ومكوناته، والميزات التي يقدمها بشكل تفصيلي.🫡 https://www.asekmani.com/post/what-is-the-design-system-all-you-need-to-know-about-it
ما هو Google Bard؟ الذكاء الاصطناعي من جوجل (تجربتي الشخصية)
طرحت جوجل الذكاء الاصطناعي #AI الخاص بها منذ فترة قريبة تحت اسم #Bard ولكن لعدد محدود من المستخدمين.🤔 ولقد تمكنت من الوصول إليه واستخدامه وتجربته، وسوف اشرح كيف يمكنك ذلك في هذا الفيديو بالإضافة إلى رأي به.😎 https://youtu.be/IgSew01_-o0
Webflow مقابل Framer أي منصة هي الأقوى؟
هناك الكثير ممن يقارن منصة Framer في Webflow وقد وصلتني الكثير من الاسئلة حول إمكانيات كل منصة.🤔 وبما أن الموضوع يحتوي على الكثير من التفاصيل، كان الأفضل أن يتم عمل مقارنة عملية بين كل منهما.😎 https://youtu.be/pDqZQqQ0i1o
كيف يمكن لمنصات No-Code مساعدة الشركات الصغير والمشاريع الناشئة؟
يعتبر إطلاق مشروع ريادي جديد من الأمور الصعبة فهناك الكثير من التحديثات مثل توفر المال والوقت.😕 ولكن كيف يمكن لمنصات No-Code مساعدة الشركات الصغيرة والناشئة في تخطي هذا العقبات والانطلاق بسرعة؟🤔 https://www.asekmani.com/post/how-no-code-platforms-can-help-small-businesses
تجربتي مع Adobe FireFly الذكاء الاصطناعي من أدوبي
حصلت البارحة على إمكانية وصول مبكر للذكاء الاصطناعي الخاص بشركة أدوبي #Firefly 😎 طبعا كان لا بد من تجربته واستعراض النتائج والميزات الجديدة التي جلبها معكم، وهذا الفيديو ملخص سريع لإمكانياته الحالية.😉 https://youtu.be/k2iyjJQbeu8
ما هو الفرق بين ChatGPT4 و Chat مايكروسوفت؟
مع ثورة الذكاء الاصطناعي #AI أصبح لدينا العديد من الأدوات التي من المفروض أن تساعدنا في عملنا اليومي.😕 أشهرها #ChatGPT وأيضاً #BingChat الخاص بمايكروسوفت، ولكن للوهلة الأولى قد يعتقد البعض أنهما متشابهان، ولكن هناك فروق كبيرة وجوهرية بينهما.👨💻 https://youtu.be/tSHiyMgNq4Q
ما هي إمكانية الوصول Accessibility؟
هناك خلط كبير ما بين إمكانية الوصول Accessibility وقابلية الاستخدام Usability. المصطلحات لا يمثلان نفس الموضوع في تجربة المستخدم، ولكن ما هي إمكانية الوصول؟ وكيف تؤثر على تحسين تجربة المستخدم والعلامة التجارية؟ https://www.asekmani.com/post/what-is-accessibility
تحويل تصاميم Figma إلى Webflow (HTML, CSS, JS)
إن كنت من مستخدمي #Figma أعتقد أن هذه الإضافة ستكون مثيرة للاهتمام بالنسبة لك، فهي تسمح لك بتصدير تصاميم المواقع إلى #Webflow بشكل مباشر بمجرد نسخ التصميم.🤯 وبهذه الطريقة سوف تتمكن من تطوير المواقع بشكل أسرع بمراحل.😎 https://youtu.be/XWxX8EEZBtY
ما هي منصات No-Code؟ وكيف استفيد منها؟
على الأغلب انك فكرت في إحدى الأيام مشروع تقني جديد، ولكن توقفت بسبب عدم اتقانك البرمجة.🤔 ولكن هذا اختلف مع ظهور منصات #NoCode والتي تسمح لك بتطوير مواقع وتطبيقات بدون الحاجة لكتابة الكود.🤯 ولكن ما هي هذه المنصات؟ وكيف استفيد منها؟ https://www.asekmani.com/post/what-are-no-code-platforms-how-can-we-benefit-from-it
دورة الدليل الشامل لاستخدام Webflow في تطوير المواقع
الحمد لله بعد جهد لفترة طويلة، قمت بالانتهاء وطرح دورة الدليل الشامل لاستخدام Webflow في تطوير المواقع، والتي تعتبر أول دورة عربية حول أداة Webflow. يمكنكم الإطلاع على كامل تفاصيل الدورة عبر الرابط التالي: https://www.asekmani.com/courses/the-ultimate-guide-to-using-webflow-in-website-development
تقرير حول وضع مصممي UI/UX العرب في المنطقة لعام 2023
يعتبر مجتمع مصمم UI/UX العرب من المجتمعات الكبيرة والتي لا يتوفر حولها معلومات وضحة، لذلك عملت ضمن هذا التقرير على محاولة توفير مجموعة من البيانات. حتى نستفيد منها كنظرة حول سوق العمل ضمن هذا التخصص، قراءة ممتعة وبانتظارك آرائكم. https://www.asekmani.com/post/a-report-on-the-status-of-arab-uiux-designers-for-the-year-2023
ما هي دراسة الحالة؟ ولماذا هي مهمة بالنسبة لمصمم UI/UX؟
تعتبر #دراسة_الحالة من أهم الأمور التي يجب أن تركز عليها ضمن #معرض_أعمالك إن كنت #مصمم UI/UX، كونها مفتاح لعرض مهاراتك وخبراتك وحصولك على فرص عمل جديدة. في المقال شرح لأهمية دراسة الحالة وكيفية بناءها بشكل صحيح: https://www.asekmani.com/post/what-is-a-case-study-and-why-is-it-important-for-a-ui-ux-designer #UX #UI #CaseStudy #Portfolio #Design
حجة الغرفة الصينية في الذكاء الاصطناعي
الكثيرون يتكلمون عن #الذكاء_الاصطناعي وكيف سوف يجلس مكاننا، ولكن دعونا نطرح بعض الأسئلة.🤔 كيف يعمل #AI في الأساس؟ وهل AI ذكي بالفعل؟ كيف يتعلم AI؟ هل ما يتم حالياً عبره يعتبر قانوني؟ كل هذه الأسئلة جوبت عليها بتدوينة من العيار الثقيل جداً مع البراهين😎 https://www.asekmani.com/post/chinese-room-argument-in-artificial-intelligence
الذكاء الاصطناعي وأزمة الإقالة من العمل
أعتقد أن الجميع في الوقت الحالي بات قلق على مساره المهني بسبب الذكاء الاصطناعي، حيث لا يمر يوم دون أن نسمع بعض الأخبار أو نشاهد بعض التجارب التي تتم عبر استخدام إحدى الأدوات التي أصبحت تستخدم الذكاء الاصطناعي في عملها. وأكاد أجزم أن عام 2022 كانت هي العام التي شهدنا ضمنها الكثير من التطوير ضمن هذه الأدوات، حيث نشاهد يومياً تطورات هائلة وسريعة بشكل أكبر بكثير من توقعاتنا، وانا أعترف انني لم أكن حتى أتوقع مثل هذه التطورات إلا بعد
10 من أفضل اضافات فيجما لزيادة إنتاجيتك
صحيح أن تطبيق فيجما يمتلك الكثير من الميزات الرائعة حالياً، ولكن كمية الإضافات الهائلة التي يمتلكها، تعطيه مجموعة أكبر من الإمكانيات أيضاً. وفي هذه الفيديو شرح لمجموعة من الإضافات التي اعتمد عليها بشكل كبير ضمن عملي. https://youtu.be/5un84Q0xrFM
ماذا تعني قابلية الاستخدام؟ وكيف أحسن موقعي أو تطبيقي لها؟
قمت البارحة بعمل تصويت على حساباتي حول معنى كلمة Usability هل هي قابلية الاستخدام ام سهولة الاستخدام؟ وصراحة كانت النتائج والتعليقات متباينة بالنسبة لي، على كل حال في هذه المقال قمت بتفنيد المصطلح بشكل كامل. https://www.asekmani.com/post/what-does-usability-mean-how-do-i-improve-my-site-or-my-app-for-it
ما هو الفرق بين PX و REM ولماذا يجب أن نستخدمه؟
إن كنت تصمم للويب فأنت تستخدم على الأغلب وحدة البكسل Pixel واختصارها PX، في تحديد أحجام جميع العناصر التي تقوم بإضافتها في تصاميمك من أحجام صور لخطوط وحتى العناصر البسيطة، طبعا هذا ما تعلمناه منذ زمن، ولكن هل مازال هذا صحيح؟ حسناً دعني أخبرك أن هذا الأسلوب في العمل لم يعد يعتبر أفضل ممارسة يمكن القيام بها أثناء التصميم للويب (أقصد هنا المواقع فقط التطبيقات أمرها مختلف)، فالأمور تتطور بسرعة ضمن هذا المجال وهناك تقنيات تقدم لنا نتائج أفضل تواكب
طريقة زيادة الدخل الشهري كمصمم (مجموعة أفكار)
مع زيادة الحديث عن مشاكل الاقتصاد العالمي، بات واضح اننا مقبلون على ركود اقتصادي.😑 ولكني لست متشائم مثل المحللين الاقتصاديين (انا عملي بشكل أكبر)، وبهذا الفيديو سوف أتكلم عن طرق زيادة الدخل الشهري كمصمم.💵 هذه الطرق استخدمها شخصياً لذلك هي مجربة.😎 https://youtu.be/jJghSxXsH-g
قاعدة 60 30 10 للتلوين
قاعدة 60 30 10 للتلوين من القواعد المهمة جداً من أجل توزيع الألوان ضمن أي تصميم بطريقة مناسبة.😎 بهذا الفيديو سوف اتكلم عن هذه القاعدة وأطرح مجموعة من الأمثلة حولها.😇 https://youtu.be/xaqo_-8C5v0
تجربة تصميم موقعي عبر Webflow الايجابيات والسلبيات (وأين يمكن أن نستخدمه؟)
عن تجربتي بتصميم موقعي الشخصي عبر أداة @webflow ما هي الإيجابيات والسلبيات التي وجدتها عبر استخدام هذه الأداة؟ أيضاً اين يمكننا استخدام هذه الاداة بتصميم المواقع، ومتى لا يعتبر استخدامها مناسب؟ https://youtu.be/uTHZWILR-fE
سلسلة تصميم تطبيق متجر الكتروني | تصميم واجهات الاستخدام النهائية
وأخيراً الفيديو الأخير ضمن سلسلة تصميم المتجر الالكتروني.😅 في هذا الفيديو سوف اركز على كيفية تصميم واجهات الاستخدام النهائية والعناصر التي تحتاجها ضمن العملية.😉 https://youtu.be/ZRjVOP9_Nww
رأي باستحواذ أدوبي على فيجما (الجوانب الإيجابية والسلبية)
بما ان موضوع استحواذ أدوبي على فيجما مش موضوع عادي نهائياً، لا بد من توضيح بعض النقاط يلي رح تتغير علينا نحن كمصممين نقوم باستخدام هي التطبيقات. هذا راي الشخصي بعملية الاستحواذ، وأيضاً شو المتغيرات يلي ممكن تحصل على التطبيقات مستقبلاً. https://youtu.be/edNdBCne96k