Alion Design
Alion Design
  • 43
  • 84 231
آموزش کامل اینتراکتیو کامپوننت ها 2022 - Interactive Components
تو این قسمت دکمه هایی که ساخته بودیم رو براش استیت هاور تعریف میکنیم به کمک اینتراکتیو کامپوننت ها و فایده هاشو باهم بررسی میکنیم.
پیج دریبل من
dribbble.com/AlionDesign
اینستاگرام
alion_design
มุมมอง: 1 181

วีดีโอ

آموزش کامل کامپوننت ورینت فیگما (Variant property, boolean, Instance swap, Text)
มุมมอง 2.3K2 ปีที่แล้ว
توی این قسمت، ساخت کامپوننت ورینت ها رو باهم یاد میگیریم و اینکه هر کدوم از پراپرتی های فیگما چطور کار میکنند رو باهم بررسی میکنیم از ورینت های ساده تا عملگر های boolean، Instance swap و Text property پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش مفاهیم و اصول کامپوننت فیگما
มุมมอง 1.6K2 ปีที่แล้ว
توی این ویدیو یاد میگیرید که کامپوننت ها داخل فیگما چی هستند، چطور کار میکنند و شما چرا و چه مواقعی باید از اونها استفاده کنید و چه بخش هایی از دیزاینتون رو تبدیل به کامپوننت کنید! همینطور یاد میگرید مستر کامپوننت Master component یا مین کامپوننت Main component یا همون کامپوننت مادر یا کامپوننت اصلی چی هست و نمونه کامپوننت یا کامپوننت فرزند یا همون اینستنس Instance چی هست همینطور بهتون میگم که ...
آموزش کامل Overlay پرتوتایپ فیگما
มุมมอง 1K2 ปีที่แล้ว
توی این قسمت یکی از بخش های پرتوتایپ فیگما به نام overlay رو باهم کار میکنیم پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش آتولیوات (Autolayout) فیگما از 0 تا 100
มุมมอง 1.5K2 ปีที่แล้ว
تو این ویدیو به صورت کامل یاد میگیرید آتو لیوات و تک تک تنظیماتش چی هستن و چجوری کار میکنن از جمله absolute position و Fixed width و Hug contents و Fill container که خیلیا هنوز بجای همدیگه اشتباهی به کار میبرنشون. بعد از این میریم باهم یک کارت رو با استفاده از آتولیوات باهم میسازیم، چالش هاشو میبینیم و کاملا تمام مباحث آتولیوات پوشش داده میشه براتون. سرفصل های این ویدیو 0:00 موضوع و مقدمه 1:37 ...
تغییرات کامپوننت فیگما 2022
มุมมอง 3912 ปีที่แล้ว
توی این ویدیو قابلیتهایی که به کامپوننت های فیگما اضافه شده رو باهم بررسی میکنیم که شامل boolean property, Instance swap property و Text property میشه و با یک مثال کامل همه این پراپرتی های جدید رو باهم میبینیم که چطور کار میکنند. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design 0:00 مقدمه 0:24 ایجاد Variant 1:36 Boolean 7:14 Instance Swap 11:19 Text Property 13:55 مر...
تغییرات Autolayout فیگما
มุมมอง 4152 ปีที่แล้ว
توی این ویدیو باهم تغییراتی که اتولیوات داشته، چیزایی که بهش اضافه شده مثل Absolute position ، Text baseline alignment ، Negative spacing و کلی چیزای دیگه رو باهم توی Autolayout جدید فیگما بررسی میکنیم. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آپدیت جدید فیگما
มุมมอง 4942 ปีที่แล้ว
توی این قسمت که بعد مدتها گذاشتم باهم آپدیت بزرگ فیگما رو بررسی میکنیم و بعضی از ویژگی هاشو میبینیم، امیدوارم بدردتون خورده باشه پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش ساخت اسکرول عمودی و افقی در پرتوتایپ فیگما
มุมมอง 2.5K2 ปีที่แล้ว
این قسمت بهتون روش ساختن اسکرول کلی صفحه و اسکرول داخلی اجزای صفحه رو یاد میدم (که در اصل تفاوت چندانی باهم ندارن) و بهتون میگم چطور میتونید در هر دو جهت اسکرول بدید که یجورایی شبیه به درگ کردن بشه. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش ساخت Dropdowns با autolayout فیگما
มุมมอง 5862 ปีที่แล้ว
یکی از مشکلات رایج ساخت دراپ دان داخل فیگما این بوده که اگه داخل یک اتولیوات قرار داشته باشه همیشه محتویاتش زیر بقیه آیتم ها نمایش داده میشه و امروز قراره بهتون بگم چطور این مشکل رو داخل اتولیوات حل کنید و بتونید به راحتی از دراپ داون هاتون استفاده کنید. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
خروجی بهینه PDF گرفتن از فیگما
มุมมอง 1.4K2 ปีที่แล้ว
تو این ویدیو اول بهتون خروجی گرفتن عادی از فیگما رو بهتون میگم بعد اینکه چطور به صورت پشت سر هم از فریم ها خروجی بگیرید و اینکه چطور حالا میتونید با فیگما سایز خروجیتون رو بهینه کنید. آخر هم میریم سراغ ابزار های دیگه برای بهینه سازی حجم فایل و لینک کردن صفحات به همدیگه. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
چطور دریبلی طراحی کنیم؟
มุมมอง 6162 ปีที่แล้ว
تو این قسمت قراره یک سری از کارایی که تو دریبل انجام میشه و باعث میشه طرحتون قشنگ تر جلوه بده رو بهتون بگم. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
چرا طرح های دریبل همیشه قشنگترن؟
มุมมอง 6722 ปีที่แล้ว
تو این قسمت براتون بعضی از طرح های معروف رو بررسی میکنم و قراره باهم ببینیم دلیل زیبا بودن کارایی که تو دریبل هست چیه؟ پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش ساخت جدول ریسپانسیو در فیگما قسمت دوم- Build a responsive table in Figma
มุมมอง 3762 ปีที่แล้ว
تو قسمت دوم ساخت جدول ریسپانسیو بهتون میگم چطور داخل ستون هاتون دکمه و آیکون قرار بدید و بتونید داخل اینستنس سایز هر ستون کامپوننتون رو تغییر بدید. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش ساخت جدول ریسپانسیو در فیگما - Build a responsive table in Figma
มุมมอง 9792 ปีที่แล้ว
تو این قسمت یک جدول خیلی ساده باهم تو فیگما میسازیم که به صورت کامل ریسپانسیو باشه و تو قسمت های بعدی قراره یکم سخت ترش کنیم و ببینیم چجوری میشه سایز هارو تو این جدول تغییر داد و آیکون یا دکمه داخلش قرار داد پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design
آموزش فیگما - آموزش کامل Pen Tool فیگما
มุมมอง 1.5K2 ปีที่แล้ว
آموزش فیگما - آموزش کامل Pen Tool فیگما
آموزش ساخت دکمه برای دیزاین سیستم قسمت سوم-Make design system button in Figma part 3
มุมมอง 4132 ปีที่แล้ว
آموزش ساخت دکمه برای دیزاین سیستم قسمت سوم-Make design system button in Figma part 3
آموزش ساخت دکمه برای دیزاین سیستم قسمت دوم -Make design system button in Figma part 2
มุมมอง 4432 ปีที่แล้ว
آموزش ساخت دکمه برای دیزاین سیستم قسمت دوم -Make design system button in Figma part 2
آموزش ساخت دکمه برای دیزاین سیستم -Make design system button in Figma
มุมมอง 1.7K2 ปีที่แล้ว
آموزش ساخت دکمه برای دیزاین سیستم -Make design system button in Figma
قسمت سوم ساخت پست و استوری اینستاگرام در فیگما و فتوشاپ - حذف بک گراند عکس با سه روش مختلف
มุมมอง 7032 ปีที่แล้ว
قسمت سوم ساخت پست و استوری اینستاگرام در فیگما و فتوشاپ - حذف بک گراند عکس با سه روش مختلف
قسمت دوم ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories part 2
มุมมอง 5752 ปีที่แล้ว
قسمت دوم ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories part 2
آموزش ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories
มุมมอง 1.5K2 ปีที่แล้ว
آموزش ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories
ساخت، پروتوتایپ و ادیت کامپوننت های بزرگ در فیگما (آموزش پیشرفته)
มุมมอง 4682 ปีที่แล้ว
ساخت، پروتوتایپ و ادیت کامپوننت های بزرگ در فیگما (آموزش پیشرفته)
آموزش نام گذاری لایه ها در فیگما (آموزش پیشرفته) - Naming layers in Figma
มุมมอง 6092 ปีที่แล้ว
آموزش نام گذاری لایه ها در فیگما (آموزش پیشرفته) - Naming layers in Figma
ساخت تکست فیلد با فیگما (آموزش پیشرفته) - outline text field with Figma
มุมมอง 1.4K2 ปีที่แล้ว
ساخت تکست فیلد با فیگما (آموزش پیشرفته) - outline text field with Figma
چگونه رنگ صحیح انتخاب کنیم
มุมมอง 3.2K2 ปีที่แล้ว
چگونه رنگ صحیح انتخاب کنیم
اصول تجربه کاربری - UX Checklist
มุมมอง 6722 ปีที่แล้ว
اصول تجربه کاربری - UX Checklist
نکات و ترفندهای فیگما - فریم های طول و عرض صفر | Figma Tips and Tricks- Zero Length and Width Frames
มุมมอง 3512 ปีที่แล้ว
نکات و ترفندهای فیگما - فریم های طول و عرض صفر | Figma Tips and Tricks- Zero Length and Width Frames
سینک کردن اطلاعات گوگل شیت و فیگما
มุมมอง 1782 ปีที่แล้ว
سینک کردن اطلاعات گوگل شیت و فیگما
همین امروز ادوبی ایکس دی رو پاک کن - Figma or Adobe XD
มุมมอง 1.1K2 ปีที่แล้ว
همین امروز ادوبی ایکس دی رو پاک کن - Figma or Adobe XD

ความคิดเห็น

  • @English_to_Persian
    @English_to_Persian 8 วันที่ผ่านมา

    ممنون از آموزش خوبت، چند تا نکته هم من پیشنهاد دارم برای خودت ، دوربین رو پیشنهاد می دم از آوتو فوکس در بیاری ، کادر دوربینت رو کمی باز تر کنی و خودت کامل درون کادر قرار بگیری، یه دستی هم به طور کلی روی رنگ هایی که پشت سرت دیده می شه بکش ، مثلاً از چراغ ال ای دی و یه گلدون با گیاه سبز و سفید استفاده کن. در خصوص نور روی صورت خودت هم همیشه در نظر بگیر که نوری که دوربین نیاز داره همیشه از چشم انسان بیشتره و اگه وقتی با چشم نگاه می کنی فکر می کنی نور خیلی زیاده این مورد رو در نظر بگیر. ضمن اینکه توی ادیت اگه خودت رو سمت چپ تصویر قرار بدی گیراییه بیشتری داره و برای مخاطب جذاب تره. به جای پیراهن آبی با خطوط سفید صاف عمودی هم پیشنهاد من اینه که تیشرت بپوشی ، البته می دونم این کلیپ برای دو سال پیش هست ولی گفتم یه کامنتی گذاشته باشم خلاصه. باز هم ممون و خیلی از کلیپت استفاده کردم دمت گرم.

  • @mehdiazizi1272
    @mehdiazizi1272 10 วันที่ผ่านมา

    واقعا عالی توضیح دادید🙏🙏🙏

  • @jjlll4610
    @jjlll4610 12 วันที่ผ่านมา

    ویدبوهاتون خیلی عالیه اموزشی که میدین خیلی قابل فهمه و بهتر از همه اموزش میدین . فقط کاش فعالیتتونو بیشتر کنین اینجا واقعا نیاز داره کامیونیتی .ممنونم

  • @hamidrez79
    @hamidrez79 หลายเดือนก่อน

    سلام ممنون بابت آموزش، یه سوال دادم، این امکان در فیگما وجودداره که وقتی overlay باز میشه ، بجای تاریک شدن صفحه پشت، blur بشه؟

  • @before2019
    @before2019 หลายเดือนก่อน

    سلام ؛ ممنون از ویدیو های خوبتون ، امیدوارم دوباره شروع کنید به ویدیو گذاشتن روتین ... میتونم بپرسم مانیتورتون مدلش چیه

  • @nargesbeiranvand
    @nargesbeiranvand หลายเดือนก่อน

    عالی بود🙏🏻

  • @nargesbeiranvand
    @nargesbeiranvand หลายเดือนก่อน

    بهترین آموزش کامپوننتی بود که دیده بودم👌🏻

  • @nargesivy
    @nargesivy หลายเดือนก่อน

    جالب بود ، فقط تلفط union رو میگفتین آنیون، آنیون میشه پیاز! باید بگین یونیون

  • @SinaRzghlp
    @SinaRzghlp 2 หลายเดือนก่อน

    Thanks for the useful content friend. Subscribed <3

  • @raminhooshmandi3725
    @raminhooshmandi3725 2 หลายเดือนก่อน

    عالی بود، نیاز فوری منو برطرف کرد!

  • @shimaeskandari1894
    @shimaeskandari1894 2 หลายเดือนก่อน

    من به قبل و بعد از دیدن این ویدئو تقسیم میشم😅 ممنون بابت اینکه به مفهومی ترین حالت ممکن این مبحث رو آموزش دادید🙏

  • @shimaeskandari1894
    @shimaeskandari1894 2 หลายเดือนก่อน

    دمتون خیلی گرم. چقدر عالی توضیح دادید. 🙏

  • @EvinarShop
    @EvinarShop 3 หลายเดือนก่อน

    well done

  • @HMohamadi-fs3nf
    @HMohamadi-fs3nf 3 หลายเดือนก่อน

    برای استفاده از فیگما به لبتاب باگرافیک نیاز هست؟

  • @pishi_ir1938
    @pishi_ir1938 3 หลายเดือนก่อน

    دمت گرم

  • @pishi_ir1938
    @pishi_ir1938 3 หลายเดือนก่อน

    دمت گرم

  • @bahareboulaghi9818
    @bahareboulaghi9818 3 หลายเดือนก่อน

    ورود به بازارکار،بعد میگین توی رزومه کارهاتون بزارین!!کدوم کارها؟؟

  • @masoumehgholami4447
    @masoumehgholami4447 4 หลายเดือนก่อน

    فیگما قشنگ اینطوریه که فلفل نبین چه ریزه بشکن ببین چه تیزه😭😂

  • @user-maryam185
    @user-maryam185 4 หลายเดือนก่อน

    سلام در مسير يادگيري فرانت اند هستم. بنظرتون خوبه UI/UX شروع كنم براي طراحي وب با فيگما. چون علاقه دارم. بنظرتون كار خوب و عاقلانه هست هر ٢ تخصص ياد بگيرم.

  • @bitmaxxx
    @bitmaxxx 4 หลายเดือนก่อน

    لطفا برا خروجی وردپرس هم اموزش بدین چجوری ببریم اونجا استفاده کنیم

  • @MahboobehTavakoli
    @MahboobehTavakoli 5 หลายเดือนก่อน

    ممنون

  • @saeedkhedmati9963
    @saeedkhedmati9963 5 หลายเดือนก่อน

    سلام شما کلاس خصوصی هم دارید؟

  • @حسینصفری-ع5خ
    @حسینصفری-ع5خ 6 หลายเดือนก่อน

    خیلی عالی بود

  • @daryapainting9249
    @daryapainting9249 6 หลายเดือนก่อน

    merC