4. تصميم واجهة تطبيق للكتب UI | صمم باستعمال Figma

رابط فيديو نظام Layout Grids
• التصميم باستعمال نظام ...
رابط الدرس السابق
• 3. تصميم واجهة تسجيل د...
رابط قائمة تشغيل الدورة كاملة
• سلسلة تعلم تصميم الـ U...
-----------------------
رابط برنامج فيجما:
www.figma.com/
-----------------------
أدوات ستساعدك في التصميم:
tools.uxaseel.com/​​​
-----------------------
حسابي على الانستغرام:
/ ux_aseel
حسابي على التويتر:
/ ux_aseel
البريد الإلكتروني:
[e-mail]

[@manhwa_wnas]

لي مطلع لو خيار fixed يروح لخانة prototype راح يلقى خيار اسمو scroll behavior يضغط عليه راه تطلع لو خيار fixed

[@ve__nssh_o_p]

شكرا لك بجد ما كان يطلع لي

[@Enj95]

كنت داخلة اكتب نفس التعليق شكرا

[@Enj95]

انا ظبطت معايا على خيار sticky {fixed at top}

[@nourmostafa77]

بجد انت من اكتر الناس اللى استفادت جدا منها ومن فيديوهاتها
بقيت الناس بتهري علي الفاضي ومافيش معلومه مفيده
لكن حضرتك من اول فيديو معلومات وتطبيقات عملي رهيبه
ربنا يجزيك خير ويباركلك يارب ♥️🤲

[@Enj95]

عملته بالظبط عندى جزاك الله كل خير شرح اكثر من رائع

[@__X__-fu8cb]

زادها الله في ميزان حسناتك
درس ولا اروع مشاء الله ❤

[@devicedevice1234]

ما شاء الله جزاك الله خيراً محتوى أكثر من رائع وفقك الله

[@Dr.Mohamed.Elhenawy]

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

[@dr.designer7498]

يعطيك ألف عافية، شرح مرتب وجميل جدا 💛💛

[@Zahra-Opaia-0]

جزاكم الله خيرا استفدت منكم كتير .
بس الأفضل بنقول الفضل لله ثم لكم , بدلا من الفضل لله و..
استمر محتوي كتير مميز .

[@issadeeb4811]

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

[@ArbiaKhiari-nx2hu]

شكرا شكرا على سلسلة figma أكثر من رائعة .... ربي يجازيك كل خير

[@sarraresheedi]

الله يجزاك خبر محتوى جمييييييييل شكرا لك

[@boyjin_]

اقسم بالله انك اكثر شخص خلاني اتعلم واستفيد
شكرا شكرا شكرا من اعماق قلبي على هذا الشرح الأكثر من رائع

[@uxAseel]

كل التوفيق لك يارب 💙 - وشكراً لتعليقك ✨

[@alaaqshta]

أستمر أستاذ أصيل.

[@user-nj4cd5yo2o]

الله يفتح عليك .. شكرااا حليت مشكلتي بالصفحه الطويله دايم تجي معي ناقصه

[@zinness]

الله يبارك فيك

[@mohamedaminnouar2191]

ربي يجزيك الخير ❤❤

[@mohamadabdullah5517]

استمر ..كل الاحترام

[@salehsaleh19.69]

thank you bro u r helping me a lot

[@user-ql5hs8us3c]

شرح ممتاز

[@NorahALmteri]

مكمله ع الكورس وحبيت اشكرك على كل المعلومات المهم ...أنا درست في دورة لفيجما لكن يعلم الله أنه في معلومات عرضتها ما اخذتها في الدورة

[@ismailsorhrani8909]

thanks

[@user-ul7yp8st9i]

آسِتٌمًر.. وٌربًيَ يَوٌفُقُکْ مًآ شُآء آلَلَهّ
..
لَکْلَ مًحًتٌخِدٍ نِصّيَبً.. صّلَوٌ عٌ آلَنِبًيَ

[@douaamedjamial2matha390]

TYYYYYY🤩

[@letuslearn170]

يعطيك العافية بس انا بدي احفظو كفديو على الموبايل بشغلو مثلا حركة ال scrollما تختفي كيف اقدر ؟

[@marahj6600]

مشالله الشرح اكتر من ممتاز
بس عندي سؤال لما يكون اسم الكتاب كبير شو نعمل ؟؟ خصوصا انو بينزل على اسم الكاتب وبيخرب الشغل

[@uxAseel]

ممكن نستخدم خاصية اخفاء بقية الكلام - موجودة بقائمة Type settings اسمها truncate text.

[@ameendababat9886]

😍😍😍😍

[@entrinsek9230]

How can i fix overlap between two titles ! Text is long so it take second line but there is a another title under it

[@uxAseel]

you can use Auto layout, or Truncate text, maybe we can talk about it in new video soon.

[@user-wk6js9lq6u]

الخيار نسخ الى controls d وين الكه؟

[@ali.m1353]

❤

[@user-wk6js9lq6u]

الخيار control d وين الكه؟

[@sarafn2123]

اذا ابغى اثبت القائمه ف الاعلى ماتتحرك هل لازم اكون مسويه لها خاصيه Frame selection ?

[@uxAseel]

استخدمي fixed position -> بهذا الفيديو شرحته czcams.com/video/-XLz5Q6FCQE/video.html

[@sofiabella3710]

شكرا على المحتوى المفيد..فيما يخص قائمة الي على راس التطبيق انا انتبهت انه التصنيف الاخير طلع عن اطار التصميم مو من المفروض يكون فيه سكروليغ هناك ...وممكن يكون فيه تصنيفات كتيره غير الاربعه الى حطيناهم بالتصميم...المفروض يكون فيه سكروليغ للقائمة..والا انا غلطانه?

[@uxAseel]

صحيح ممكن تتابعي فيديو السكرول - czcams.com/video/ZVoZp9eNVdI/video.html

[@ghada2824]

شكرا كتير ،ممكن اشتغل وصمم واتعلم من الموبايل؟

[@uxAseel]

الافضل وجود لاب توب للتعلم والتطبيق بشكل افضل.

[@user-ls1uv8tm5j]

يعطيك العافية بس سؤال كيف ممكن نحفظ التصميم عاللابتوب؟

[@uxAseel]

حدد الفريم ومن ثم من القائمة الي على اليمين اسفلها اضغط على export

[@muhammadissa8317]

يعطيك العافية معك لهون عملت هاد الدرس بس مازبطت معي تثبيت الـ appBar مانا موجودة عندي خاصة fixed متل عندك ... في حل؟

[@quiet9616]

1+
لقيت حل?

[@sajad-bi6wf]

هل يمكن اضافه كتاب بصيغه ال pdf داخل التصميم

[@uxAseel]

يمكن اضافة رابط الكتاب داخل البروتوتايب ولكن اذا اضافة الكتاب بشكل كامل كملف ف رح تكون من مهام المبرمج. كتصميم يكفي ان يتم عرض جزء من الكتاب.

[@haneenalsagheeer2765]

ليست موجودة لدي

[@hadeel5538]

في اخر الفديو ايقونة fix position when scrolling مو موجوده عندي كيف احل المشكله ؟

[@manhwa_wnas]

نفس شيء

[@wooooow1483]

السلام عليكم ، كيف يمكنني أضافة اشكال 3d ؟

[@uxAseel]

ممكن تحميلهم من مجتمع فيجما او من مواقع خارجية - www.figma.com/community

[@DN-qo5ti]

ما شفت من ضمن الاختيارات تصميم موقع وين احصله ؟

[@uxAseel]

قريباً ان شاء الله - ولكن حاليا نركز على الأساسيات بالبرنامج وبعدها ننتقل للمواقع.

[@user-bs4og1kl2m]

استاذ اصيل اخر خطوة ماعم يعطيني خيار ال fix شو الحل

[@AFNANDESIGN8]

مثلك لقيت الحل؟

[@uxAseel]

تابع هذا الدرس : czcams.com/video/-XLz5Q6FCQE/video.html

[@uxAseel]

تابع هذا الدرس : czcams.com/video/-XLz5Q6FCQE/video.html

[@user-zi5rf5ul2d]

اريد ان اعرف ماذا بعد ان صممت واجهة التطبيق كيف يمكنني تحويلها الى تطبيق ؟ هل عن طريق اندرويد استوديو او كيف

[@uxAseel]

بعد التصميم تحتاج إلى برمجة - حسب نوع اللغة المستخدمة في البرمجة ممكن برمجة االتطبيق مثلا flutter او swift ...

[@hanaahmed9000]

@@uxAseel من فين عرفت ال app par ب 88px?

[@nisren4028]

​@@uxAseelوالبرمجه نحنا بنعمل؟ ولاكمان علانفس برنامج الفيجما

[@bebo2838]

لو سمحت اذا صار معي خطىء كيف بقدر احذف او اعمل رجوع للخلف في هيك شي كتير عم اتعذب كل خطىء عم ارجع عيد صفحة كلها

[@ahmadaltujjar5364]

اضغط كنترول سي ctrl + s

[@girlmoon7270]

كيف احفظ التصميم اللي اسويه

[@uxAseel]

حدد الفريم ومن القائمة الي عليمين اسفلها اضغط على Export.

[@user-wb9yc2pc3s]

كيف انقل التصميم للاندرويد استوديو

[@uxAseel]

لايوجد نقل مباشر لكامل المشروع - المبرمج ينسخ أكواد الستايل ويقوم ببرمجة بقية العناصر (المبرمج هو المسؤول عن هذه الخطوة وليس مصمم الواجهات).

[@mostafamohamedtawfik3973]

مش ظاهر عندي ال Fix position while scrolling ديه حلها إيه ؟

[@ayamohamedali3109]

czcams.com/video/Zn3lUe8ShSU/video.html
لقيت الحل

[@mostafamohamedtawfik3973]

@@ayamohamedali3109 شكراً جداً ليكي

[@uxAseel]

تابع هذا الفيديو شرحت الى اين تم نقلها بتحديث فيجما الاخير: czcams.com/video/-XLz5Q6FCQE/video.html

[@uxAseel]

في هذا الفيديو شرحت الى اين تم نقلها بتحديث فيجما الاخير: czcams.com/video/-XLz5Q6FCQE/video.html

[@user-wk6js9lq6u]

الخيار control d وين الكه؟

[@Nana00631]

الواجهة 84 للحد تاع التطبيق القايمة

[@uxAseel]

ممكن توضيح لسؤالك

[@Rasha_risha8]

مع التحديث الاخير مالقيت أيقونة Fix poction 👀

[@uxAseel]

موجودة بالقائمة باليمين تحت قائمة ال constraints.

[@mahdihamed1591]

​@@uxAseel ماكو. بل تحديث الجديد

[@medo4ever1231]

@@uxAseel مش موجوده اجبها منين

[@ayamohamedali3109]

هاد الحل
czcams.com/video/Zn3lUe8ShSU/video.html

[@fofofarhan10]

شكرًا جزيلا انا احتاج لمعرفة المقاسات المحددة لكل جهاز مثلا اندرويد غير عن الايفون وكل اصدار من الجهاز الواحد مختلف عن غيره كيف اكون على معرفة بالاختلافات؟ الدقيقه 4:23 اذا في موقع او مقطع فيديو يشرح اختلافات المقاسات اكتبوه هنا وشكرررررا

[@uxAseel]

ياهلا فيك فاطمة - هذه ٣ مواقع رح تلاقي فيها جميع الإجابات الي عم تبحثي عنها سواء للأيفون ااو الأندرويد (material.io/design) - (useyourloaf.com/blog/iphone-13-screen-sizes/) (developer.apple.com/design/human-interface-guidelines/guidelines/overview/).

[@user-ss6kd7th3k]

fixed the navbar not exist

[@uxAseel]

check this video please, czcams.com/video/-XLz5Q6FCQE/video.html