3. تصميم واجهة تسجيل دخول UI | صمم باستعمال Figma

Поділитися
Вставка
  • Опубліковано 15 жов 2024
  • رابط فيديو نظام Layout Grids
    • التصميم باستعمال نظام ...
    رابط فيديو حل مشكلة الكتابة باللغة العربية
    • 2. حل مشكلة الكتابة با...
    -----------------------
    رابط برنامج فيجما:
    www.figma.com/
    -----------------------
    أدوات ستساعدك في التصميم:
    tools.uxaseel....
    -----------------------
    حسابي على الانستغرام:
    / ux_aseel
    حسابي على التويتر:
    / ux_aseel
    البريد الإلكتروني:
    ux.aseel@gmail.com
  • Наука та технологія

КОМЕНТАРІ • 79

  • @GhadeerAl-Salehi
    @GhadeerAl-Salehi 3 місяці тому

    شكرااا أخ اصيل استفدت كثير من فديوهاتك 😊، وللمبتدئين مثلي ممتاز جداً،
    الله يكتبه في ميزان حسناتك

  • @ammaraladwy3739
    @ammaraladwy3739 Рік тому +2

    مفيييد جدا كورس مهم جدا استفدت كتير من الشرح وان شاء الله اكمل للنهاية . ربنا يوفقك

  • @noornoor109
    @noornoor109 6 місяців тому

    السلام عليكم ورحمة الله..
    يعطيك العافية وجزيت خيرا.. شرح جميل وغير معقد

  • @gahidaabdullah4526
    @gahidaabdullah4526 Рік тому +2

    الله يجزاك الجنة الشرح واضح جداً طبقت معاك😍

  • @Ghaith97-g
    @Ghaith97-g Рік тому +1

    شكراا الك
    بس ممكن سوال
    من ادخل على unsplash ميطلع download
    + شنو فائدة الخطوط الي سويناها بالبدايه ؟

  • @sarasara-bg4so
    @sarasara-bg4so 3 місяці тому +1

    مفيش install في الموقع ازاي انزل ال unsplash؟

  • @sajafFONiOS
    @sajafFONiOS 6 днів тому

    شكرا لك بدايتي 9-10-2024

  • @tsappihosman
    @tsappihosman Рік тому +1

    شرح جميل جدا وكتيرررر بسيط وبطريقه ممتازه ومختصره

  • @حسينمحمودحسنحسين
    @حسينمحمودحسنحسين 2 роки тому +1

    سلام عليكم
    ١.هل يمكن استعمال figma لانشاء تطبيق كامل
    ٢.اذا انشئت تطبيق ورفعته على كوكل بلي كيف هل يمكنني انا فقط اضيف منشورات جديده على وباي طريقة
    ٣.ماهو افضل برنامج لانشاء تطبيق store كامل

    • @uxAseel
      @uxAseel  2 роки тому +2

      وعليكم السلام أخي حسين
      ١- برنامج فيجما مخصص لتصميم الواجهات فقط اما لانشاء تطبيق كامل فأنت بحاجة لبرمجة التطبيق (أي يعني مبرمج).
      ٢- نعم يمكن ذلك بعد رفع التطبيق وعادة تكون عن طريق لوحة التحكم الخاصة بالتطبيق (وهي عمل المبرمج ايضاً).
      ٣- لايوجد برنامج واحد انت بحاجة لتصميم ومن ثم برمجة ومن ثم رفع التطبيق مع برمجة لوحة التحكم للتحكم بالتطبيق.

  • @randomtube606
    @randomtube606 17 днів тому

    الله يسعدك ماقصرت

  • @MarwaGeunesse-ii7bc
    @MarwaGeunesse-ii7bc Місяць тому

    ممتاااااااز ماشاء الله عليك ❤

  • @ZainDesign-sj9ne
    @ZainDesign-sj9ne 8 місяців тому

    الله يجبر بخاطرك 💙

  • @geopedia2023
    @geopedia2023 Рік тому

    بارك الله فيك اسلوبك سهل وبسيط

  • @Dr.Mohamed.Elhenawy
    @Dr.Mohamed.Elhenawy 2 роки тому +1

    جزاك الله خيرا , ربنا يجعله في ميزان حسناتك ❤❤

  • @hebazeyad8190
    @hebazeyad8190 2 роки тому +2

    اخوي بال ال plugins مو ظاهر عندي ال manage plugins انا الاكاونت تبعي free بكون هاد سبب ؟؟؟

    • @uxAseel
      @uxAseel  2 роки тому

      ممكن تحملي الاضافة من صفحة ال community تبع فيجما www.figma.com/community/

    • @الينمحمد-ذ7ز
      @الينمحمد-ذ7ز Рік тому

      عرفت كيف؟

  • @Enj95
    @Enj95 3 місяці тому

    شرح اكثر من رائع

  • @nadaaljuhani5128
    @nadaaljuhani5128 Рік тому +1

    السلام عليكم استاذ عندي استفسار
    كيف اقدر احفظ الواجهات في ملف وورد؟
    لما دخلت على الـ unsplash ما ظهر لي ايقونة download فقط ظهر لي Try it و استخدمته في ادارج الصور و لما خلصت عملت save يظهر لي (unsplash community ) محتوى غير قابل للقراءة
    ليش؟ و كيف اقدر احل المشكله

    • @uxAseel
      @uxAseel  Рік тому

      حدد الفريم ومن القائمة على اليمين اسفلها يوجد خيار export - او من قائمة file ممكن تختار export all frames as pdf

  • @cfo-k6q
    @cfo-k6q Рік тому

    شرح مفيد وتستاهل مليون لايك

  • @zoommaybe
    @zoommaybe Рік тому +1

    استمر شرح ممتاز ❤❤

  • @boyjin_
    @boyjin_ 2 роки тому +1

    صديقي الplugin ما يشتغل
    اضغط أكثر من مرة ما يتفعل على الرغم من انو موجود ال unsplash لكن ما يتفعل

    • @uxAseel
      @uxAseel  2 роки тому

      أحياناً بكون في مشكلة بالانترنت انتظر شوي وارجع شغله

  • @MusaabAbughazaleh
    @MusaabAbughazaleh 4 місяці тому

    يسلمووووا ئدييك يامعلم
    فنان

  • @nisren4028
    @nisren4028 3 місяці тому

    طبقت كل الخطوات 😊

  • @الثريا-س7غ
    @الثريا-س7غ Рік тому

    هل في طريقة لنسخها إلى برنامجي بالفيجول بيسك أم لازم أحفظها وأضيفها كصورة؟

  • @ahmed8359.
    @ahmed8359. Рік тому

    كيف اخليه يظبط مع جميع المقاسات
    حاولت اعمل ب Auto layout لم استطيع 😢

  • @abdulrahmanalnahdi4518
    @abdulrahmanalnahdi4518 2 роки тому +1

    كيف ممكن اجرب التصميم على شاشة هاتف اندرويد قبل ارساله للعميل؟ وسؤال آخر ، كل الفريمات الخاصة بتطبيقي راح اسويها في page وحدة صحيح؟

    • @uxAseel
      @uxAseel  2 роки тому

      استخدم تطبيق figma لعرض البروتوتايب على جوالك وتجربته - وبالنسبة للتطبيق ممكن تعمله ب page وحدة اواكثر حسب حجم المشروع وعدد الواجهات ولكن ممكن تبدأ بصفحة وحدة فقط.

  • @LifeSnw
    @LifeSnw 2 роки тому +1

    شرح عظيممم ياريت تقولي ازاي امسح كمبوند من الاسكرين وازاي ارجع فانكشن مسحتها بالغلط شكراااا

    • @uxAseel
      @uxAseel  2 роки тому +1

      ممكن تستخدم Ctrl+ Z - للارجاع و حذف delete لحذف الكومبونت.

  • @luaygoba991
    @luaygoba991 3 роки тому

    الي الامام يا بطل 🦸‍♂️❤️

    • @uxAseel
      @uxAseel  3 роки тому

      شكرا على الدعم 💪💙

  • @khilooo777
    @khilooo777 10 місяців тому

    سهل وبسيط جدا ❤

  • @zoommaybe
    @zoommaybe Рік тому +1

    سؤال هل يمكن تحويل هذا التصميم الى كود برمجي بلغة css

    • @uxAseel
      @uxAseel  Рік тому +2

      من قائمة Inspect بفيجما ممكن تحديد اي عنصر وفيجما بيظهر لك كود ال CSS

  • @yousefhasan6955
    @yousefhasan6955 Рік тому

    السلام عليكم لو سمحت يا بشمهندس لو موجود عندي لوجو معين علي الجهاز احمله ازاي

  • @Rasha_risha8
    @Rasha_risha8 2 роки тому +1

    شكرررا لك شرحك ممتاااااز
    بسألك كيف ارسلها للعميل بأي صيغة

    • @uxAseel
      @uxAseel  2 роки тому

      ملف فيجما مفتوح - أو صورة PNG حسب طلبه.

  • @worldmimm
    @worldmimm Рік тому

    بقدر اخذ تصاميم من كانفا وأعدل عليها؟

  • @FaresNassar
    @FaresNassar 2 роки тому +1

    هل يستهلك البرنامج انترنت كثير؟؟
    لأن الباقة الي عندي محدودة 😬💙

    • @uxAseel
      @uxAseel  2 роки тому

      أتوقع اي يستهلك كثير للأسف :/

  • @douhakhoulani4583
    @douhakhoulani4583 Рік тому

    شكرا كتير الدرس مفيد ياريت تشرحلنا كيف فينا نطالع الكود مشان نبرمجو

  • @AMY-rt2ny
    @AMY-rt2ny Рік тому

    طبقت كل خطوه شكرا لك

  • @mahmoudzidan7890
    @mahmoudzidan7890 Рік тому

    شكراً لحضرتك 🤍
    بس سؤال لو عايز اعمل التصميم فى موك اب ذى اللى في الصورة المصغره

    • @uxAseel
      @uxAseel  Рік тому +1

      استخدم اضافة اسمها mock على فيجما www.figma.com/community/plugin/817043359134136295

    • @mahmoudzidan7890
      @mahmoudzidan7890 Рік тому

      @@uxAseel شكرا 🤍

  • @mohammadabubaker2217
    @mohammadabubaker2217 2 роки тому +1

    طيب دكمل بس يكبس اليوزر تسجيل الدخول.... بده يطلعله خيارين حسب برنامجي...ارجوا مساعدتك

    • @uxAseel
      @uxAseel  2 роки тому

      ممكن تعمل components وتربط الزر بقائمة اذا تم الضغط على الزر تظهر القائمة، وممكن نشرحها بفيديو قريبا ان شاء الله

  • @رياحالهاشمية
    @رياحالهاشمية 5 місяців тому

    جزاك الله خير

  • @osamajabr8481
    @osamajabr8481 Рік тому

    شرح جميل بارك الله فيك 🌹

  • @ausmx943
    @ausmx943 3 місяці тому

    طيب كيف استخدمها في البرمجة

  • @ReemaAl-n8r
    @ReemaAl-n8r 8 місяців тому

    ليش لما اضغط رن انسبلاش يظهر لي خطأ ولازم اسوي show/ hide console احد يعرف وش الحل ؟

  • @Venus-vy8mp
    @Venus-vy8mp Рік тому

    شكرااا لك ممتنين

  • @Jihadmagdy
    @Jihadmagdy 3 місяці тому +1

    عملته عندى

  • @goodlucktoyouamal
    @goodlucktoyouamal 5 місяців тому

    ماقدر اضيف صوره من عندي؟

  • @Naya-lolo
    @Naya-lolo 10 місяців тому

    شكرا

  • @__X__-fu8cb
    @__X__-fu8cb 6 місяців тому

    thnx so much great video 💓

  • @user-fi1bbjhcc4z4
    @user-fi1bbjhcc4z4 2 роки тому +1

    انا صممت بطريقه جميله ممكن ابعتلك التصميم في رابط اخي علي بريد؟

    • @uxAseel
      @uxAseel  2 роки тому

      ارسله لي على الانستغرام او الايميل

  • @Apolloan-lk2zl
    @Apolloan-lk2zl 2 роки тому +3

    كيف احفظها واحطها في ملف ؟

    • @nadaaljuhani5128
      @nadaaljuhani5128 Рік тому

      عرفتي ؟

    • @Lara_m2
      @Lara_m2 Рік тому +2

      سوي لها export من الجهه اليمين تحت نقدر ننزلها كملف على اللابتوب وبجوده جدا كويسه

  • @abdelrahmanibrahem3153
    @abdelrahmanibrahem3153 Рік тому

    الله يباركلك

  • @marwaahmeid964
    @marwaahmeid964 2 роки тому

    استمر

  • @alaaqshta
    @alaaqshta 3 роки тому

    استمر❤️🌹

    • @uxAseel
      @uxAseel  3 роки тому

      شكراً أخي لدعمك المتواصل 💐😃

  • @FaresNassar
    @FaresNassar 2 роки тому

    شكراا ❤❤

  • @Majeed-documentary
    @Majeed-documentary Рік тому

    كيف اضيف خطوط لفيجما

  • @AlaaAhmed-tb3fc
    @AlaaAhmed-tb3fc Рік тому +1

    احفظها ازاى لو سمحت؟

    • @AlaaAhmed-tb3fc
      @AlaaAhmed-tb3fc Рік тому +1

      صممت حاجه ابعت صورة ازاى لو سمحت؟

    • @uxAseel
      @uxAseel  Рік тому

      @@AlaaAhmed-tb3fc حدد الفريم. وبالقائمة على اليمين اسفلها في زر export

  • @anfalm4674
    @anfalm4674 2 роки тому

    شكراااااا

  • @zerokero9444
    @zerokero9444 Рік тому

    هذا برنامج مجاني؟

    • @uxAseel
      @uxAseel  Рік тому

      يوجد باقة مجانية

  • @oussamasoltani6353
    @oussamasoltani6353 2 роки тому +1

    u speaking too slow, u make the video boring , try to enhance ur storytelling and good job

    • @uxAseel
      @uxAseel  2 роки тому

      Thanks for your feedback my friend ✨