آموزش فیگما پیشرفته - طراحی ریسپانسیو در فیگما Advanced Figma Tutorial - Responsive Design in Figma
Alion Design
0:00 / 0:00
آموزش فیگما پیشرفته - طراحی ریسپانسیو در فیگما Advanced Figma Tutorial - Responsive Design in Figma
4 502 просмотра · 5 л. назад
Alion Design
3,79 тыс. подписчиков
4 502 просмотра · 5 л. назад
تو این ویدیو بهتون تمام راه های ریسپانسیو دیزاین فیگما رو بجز Auto layout براتون گفتم (چون اگه میخواستم اینم بگم ویدیو 1 ساعت میشد) اینجا یاد میگیرید که چجوری با constraints ها و layout grid ها طرحتون رو ریسپانسیو طراحی کنید، ستون بندی کنید و هر قسمت طرحتون از داخل خودش به صورت مجزا چجوری ریسپانسیو کنید که اگه سایزشو خواستید تغییر بدید مجبور نشید دوباره طراحیش کنید امیدوارم براتون مفید بوده باشه اگه هم جایی از این توضیحات رو بلدید میتونید بر اساس سرفصل های جلو عقب بزنید ویدیو رو و همونجایی که دوست داریدو ببینید.
سرفصل های این ویدیو
0:00 موضوع
0:34 توضیحات ویدیو
1:00 ریسپانسیو چیست؟
1:47 چرا ریسپانسیو طراحی کنیم؟
4:33 الفبای طراحی ریسپانسیو در فیگما
6:11 ریسپانسیو گروه یا فریم؟
7:40 ریسپانسیو کردن همه ایتم های صفحه به صورت جداگانه
15:36 ریسپانسیو وبسایت
27:29 نتیجه نهایی
28:25 حرف آخر
عکس های استفاده شده
https://unsplash.com/photos/KIPqvvTOC1s
https://unsplash.com/photos/oJatUsLoNuU
پیج دریبل من
https://dribbble.com/AlionDesign
اینستاگرام
/ alion_design