Hossein Mahmoodi | AI + Design
4.83K subscribers
999 photos
72 videos
22 files
1.13K links
👈 مشاوره انتخاب دوره و ارتباط با من: @AsteriXarts

پکیج های آموزش جامع دیزاین UI/UX
https://learnuix.com

👈 یوتیوب:
https://YouTube.com/@Hossein.Mahmoodi

👈 گروه دیزاین: @UXHubs

آموزش های طراحی رابط و تجربه کاربر (UI/UX)، فیگما، Xd، هوش مصنوعی
Download Telegram
اگر میخواید لپ تاپ بخرید، ایسوس نخرید!!
تا یکی دو روز دیگه تجربه خودم رو ضبط کردم و ادیتش میکنم و باهاتون به اشتراک میگذارم تا متوجه بشید چرا ایسوس داره حتی در لپتاپ های رده بالا یا High Endش هم آشغال تولید میکنه.
🤯18👍142👌1
فیگما یک سری آپدیت ریز منتشر کرده که باعث بهبود تجربه کار با این ابزار میشه که در ادامه اونا رو بهتون معرفی میکنم و نحوه استفاده ازشون رو بهتون نشون میدم.

📍 @asterixarts #FigmaUpdate
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #1: قابلیت چند انتخابی در حالت Find & Replace که بهتون این امکان رو میده که بتونید مثلا یک آیتم رو در چندین فریم مختلف با هم انتخاب و تغییر بدید.
نحوه کار باهاش در ویدیو مشخصه.


📍 @asterixarts #FigmaUpdate
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #2: قابلیت پیش نمایش تغییرات پنل دیزاین فقط با نگه داشتن موس رو یک ویژگی

از این به بعد زمانی که مثلا موس رو روی حالت های مختلف بلندینگ مود نگه میدارید، تغییرات اون رو در لحظه رو کارتون میبینید و نیاز نیست کلیک و انتخاب کنید تا این تغییرات رو مشاهده کنید. (مثل حالت بلندینگ مود فتوشاپ)

برای کارکرد این آپدیت ویدیو رو ببینید.

📍 @asterixarts #FigmaUpdate
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #3: قابلیت جدید لومیننس ماسک

در این حالت زمانی که شما مثلا یک تصویر و یک لایک سالید مثل رنگ رو با هم ماسک می کنید، یک تنظیم جدید در پنل دیزاین برای شما به نمایش در میاد که میتونید با اون حالت ماسک رو تغییر بدید.

نحوه کارکرد این ویژگی رو در ویدیو ببینید.

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



📍 @asterixarts #FigmaUpdate
👌7👍3🤬1
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #4: حذف فاصله بالا و پایین لایه متن

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

نحوه انجام این کار رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍11👏1
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #5: ساخت یک لیست بصورت اتوماتیک

از این به بعد اگر شما هر شماره ای رو بنویسید و یک نقطه بعدش وارد کنید (مثل .4 ) اتوماتیک اون تبدیل میشه به یک لیست و دیگه نیاز نیست برید در تنظیمات بیشتر تایپوگرافی که بتونید یک لیست درست کنید.
در واقع یکجورایی مثل حالت ایجاد لیست در نرم افزار Word است.

نحوه انجام این کار رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍7🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #6: نادیده گرفتن علائم و قرار دادن آنها در خارج از فریم متن

از این به بعد با تنظیمی که در بخش تایپوگرافی اضافه شده راحت میتونید مثلا علامت نقل قول رو خارج از فریم متن قرار بدید تا چیدمان کلی متن به هم نریزه.

نحوه کارکرد این ویژگی رو در ویدیو ببینید.
📍 @asterixarts #FigmaUpdate
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #7: ویژگی جدید چسباندن چند آیتم در بالا در پروتوتایپ

این ویژگی خیلی جذابه، با این قابلیت شما میتونید یک سری آیتم رو انتخاب و بهش این تنظیم رو اعمال کنید، در نتیجه وقتی اسکرول میکنید آیتم هایی که این ویژگی رو داشته باشن در بالای صفحه نگه داشته میشن و مخفی نمیشن.
یکجورایی Multi Stick to top میشه اسمش رو گذاشت.

کارکردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍81
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #8: Snapping بهتر

از این به بعد زمانی که شما سایز عکسی را تغییر می دهید، زمانی که به aspect ratio های مختلفی رسید اتوماتیک میچسبه به اون (یا اینکه مثلا به ارتفاع یا عرض اصلی عکس رسیدید)
اگر هم کلا میخواید sanping یا حالت چسبندگی رو غیرفعال کنید، کلید Ctrl رو بگیرید.

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍4👌4🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #9: کپی و Paste راحت تصاویر و رنگ ها

اینم یک بهبود خوبه که دیگه شما نیاز نیست حتما برید در پنل دیزاین و از اونجا عکس یا رنگی رو جایگزین کنید. عکس رو که کپی میکنید خیلی راحت فریم عکس رو در کارتون انتخاب کنید و Ctrl+V رو بزنید و جایگزین میشه. (داخل ویدیو میره در پنل دیزاین ولی خودم تست کردم مستقیم روی فریم عکس یا رنگ هم کار میکنه)

📍 @asterixarts #FigmaUpdate
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #10: Align تصاویر در فریمشون با تنظیمات Alignment فیگما

مثلا یک تصویری رو میخواید وسطش در فریم نمایش داده بشه، خیلی راحت اول میرید در حالت ادیت عکس و بعد اگر از alignment های فیگما center center رو انتخاب کنید وسط عکس رو در مرکز فریم قرار میده.

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #11: Allign لایه های خارج از یک فریم (یا کامپوننت) با لایه های تو در تو آن

مثلا شما یک Auto Layout دارید با 3 آیتم، و 3 تا لایه هم خارج از auto layout دارید، الان میتونید اون لایه های بیرونی رو با لایه های داخلی align کنید.

برای درک بهتر ویدیو رو ببینید.

📍 @asterixarts #FigmaUpdate
👍3👌3
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #12: پاک کردن سریع گایدلاین های Ruler

قبلا وقتی میخواستی گایدلاین هایی که استفاده کردی رو پاک کنی دوباره باید تک تک اونا رو میگرفتی و میکشیدی سمت چپ یا بالا.
الان خیلی راحت کلیک سمت راست میکنی روی خود Ruler و با یک کلیک همه گایدلاین ها حذف میشن.

📍 @asterixarts #FigmaUpdate
👍4👌3
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #13: Background Blur در ساخت اینتراکشن Overlay پروتوتایپ

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

کاربردش رو در ویدیو ببینید.

📍 @asterixarts #FigmaUpdate
👍71
This media is not supported in your browser
VIEW IN TELEGRAM
آپدیت #14: ساخت چند اینتراکشن همزمان با هم

قبلا اگر مثلا یک صفحه home داشتید و 10 صفحه مختلف دیگه هم داشتید که به طریقی به صفحه home بر میگشتن، باید دونه دونه براشون اینتراکشن تعریف میکردید.
الان همه ی آیتم ها رو با هم انتخاب میکنید و همزمان یک اینتراکشن براشون میسازید.

📍 @asterixarts #FigmaUpdate
👌6👍51🤬1
اینا آپدیت های مهم و کاربردیش بود، یک سری آپدیت های دیگه مربوط به Figjam بود که من دیگه نیاوردم اینجا.
این آپدیت ها رو با دوستانتون هم به اشتراک بگذارید تا اونا هم از این تغییرات مطلع بشن. ( و در گروه های دیزاین مختلفی که هستید هم به اشتراک بگذارید که بقیه هم یاد بگیرند.)
👍62
Hossein Mahmoodi | AI + Design
اگر میخواید لپ تاپ بخرید، ایسوس نخرید!! تا یکی دو روز دیگه تجربه خودم رو ضبط کردم و ادیتش میکنم و باهاتون به اشتراک میگذارم تا متوجه بشید چرا ایسوس داره حتی در لپتاپ های رده بالا یا High Endش هم آشغال تولید میکنه.
این ویدئو آماده شده تا چند دقیقه دیگه منتشرش میکنم.
هر وقت منتشر شد، فوروارد کنید که داشته باشید‌ش و برای دوستانتون هم بفرستید اگر میخوان لپتاپ بخرن.
لپ تاپ های ایسوس را نخرید! - تجربه خرید من

این فیلم تجربه من در خرید و استفاده از لپ تاپ رده بالای Asus M16 2022 است.
در ادامه شما میبینید که چطور یک لپ تاپ گران قیمت و به اصطلاح High-end ایسوس در کمتر از 6 ماه و بدون فشار کاری دوبار اسپیکر و یکبار فن پردازنده گرافیک آن خراب شده است.
در نهایت اگر می خواهید ضرر نکنید، پیشنهاد من به شما
اصلا لپ تاپ‌های Asus را نخرید !!!!

توضیحات بیشتر رو در ویدیو دنبال کنید.
https://www.youtube.com/watch?v=ui_vkRakgyU

لطفا ویدیو رو برای هرکسی که میدونید نیاز داره بفرستید تا در این اوضاع گرانی ضرر نکنه!

📍@asterixarts #asus #تجربه_خرید
👍15👎1🤬1
هوش مصنوعی جدید Adobe به نام Firefly رو که در حالت آزمایشی است رو تست کردم.

اگر درخواست واضح رو براش بنویسید، نتایجش خیلی خوبه.

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

یا گربه ای که عینک گذاشته

دو بخش دیگه هم داره که میتونه Text Effect درست کنه و یا وکتورهای که قبلا داشتید رو دوباره رنگ‌آمیزی و بهترش کنه.

پ. ن: نسخه آزمایشی فعلا بصورت عمومی در دسترس نیست، ایمیل تون رو ثبت کنید تا دعوتنامه اش رو براتون ارسال کنه.

📍@asterixarts #Adobe #AI
👍12👌3🤬1😢1