https://virgool.io/AsteriXarts/feed فراتر از هنر - مطالب آموزشی و نمونه کارهایی در زمینه های طراحی رابط کاربری/تجربه کاربری ( UI/UX )، طراحی گرافیکی و صفحه آرایی از حسین محمودی ( iHMahmoodi@ ) fa 2026-06-16 13:42:10 https://files.virgool.io/upload/publication/rlerbrajywat/bsxd2k.jpeg https://virgool.io/AsteriXarts https://virgool.io/AsteriXarts/how-to-learn-ui-design-snhrmwrznxgo در این آموزش قصد دارم مراحل و مسیرهایی که من برای یادگیری طراحی رابط کاربری (UI/UX) را رفتم به شما نشان دهم تا در مسیر یادگیری طراحی رابط کاربری (و همچنین تجربه کاربری) دچار سردرگمی نشوید. به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش UI/UX - طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟محتوای این آموزش:00:00 هدف این آموزش چی هست؟00:41 نکات خیلی مهم پیش از شروع یادگیری طراحی UI02:37 اولین مرحله در یادگیری طراحی رابط کاربری03:28 آموزشگاه ها و دوره های آموزشی طراحی UI03:57 پیش شرط‌ های خیلی مهم برای انتخاب آموزشگاه، استاد یا دوره آموزشی06:27 اصول پایه و اساسی دیزاین رابط کاربر07:38 نحوه انتخاب ابزار طراحی رابط کاربری UI09:44 چطور مهارت طراحی یوآی رو سریعتر یاد بگیریم؟ 11:08 روش های تمرین طراحی رابط کاربری UI Design12:03 دستورالعمل های طراحی رابط کاربری موبایل اندرویید و اپل13:20 مقالات و مطالب جدید طراحی رابط کاربری را از کجا مطالعه کنم؟ UI14:26 چطور و کجا طرح های رابط کاربری خود را به نمایش بگذاریم؟15:36 بهترین و جامع ترین دوره آموزش دیزاین رابط کاربری فارسی UI Designآموزش های دیگر UI/UX را در کجا ببینیم؟شما می توانید تمام آموزش های UI/UX را در بخش آموزش UI/UX وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی UI/UX و ... اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 07 May 2022 12:58:12 +0430 https://virgool.io/AsteriXarts/how-to-learn-illustration-part2-b7fybirbubdw خوش اومدید به بخش دوم گفتگوی من و سحر سبحانی در مورد نحوه ی یادگیری تصویرسازی از صفر. در این گفتگو در ادامه صحبت های قبل مرحله به مرحله مسیرها، مفاهیم و ابزارهایی را که شما برای تبدیل شدن به یک تصویرساز نیاز دارید را به شما معرفی میکنیم.این گفتگو در 3 بخش تنظیم شده که می توانید با عضویت در کانال از انتشار بخش آخر آن نیز مطلع شوید. سحر بیش از 10 ساله که در این حوزه داره فعالیت میکنه و تجربه یادگیری از محیط آکادمیک، آموزشگاه و هم بصورت خودخوان رو دارد و شما می تونید مسیر یادگیری تصویرسازی را از صفر یاد بگیرید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش تصویرسازی: تصویرگری را از کجا شروع کنم؟ - گفتگو با سحر سبحانی - بخش دوممحتوای آموزش تصویرسازی: تصویرگری را از کجا شروع کنم؟ بخش دوم01:03 | کدام آموزشگاه را برای یادگیری تصویرسازی پیشنهاد می دهید؟03:14 | برای یادگیری تصویرسازی بصورت خودآموز از کجا شروع کنیم؟06:13 | آبا کسی با بلد بودن یک ابزار مثل فتوشاپ یا ایلوستریتور، یک تصویرساز با مهارت می شود؟12:02 | کسانی که در بخشی از مهارت تصویرسازی ضعف دارند، چه کاری انجام دهند؟15:04 | برای تولید ایده و افزایش خلاقیت در تصویرسازی چه راهکاری پیشنهاد می دهید؟19:21 | وبسایت هایی برای دیدن نمونه کارهای تصویرسازی و آرشیو درست کردن21:17 | نمونه کارهای تصویرسازی خود را در چه سایت هایی به نمایش بگذاریم؟23:44 | چه کار کنیم که کارهای تصویرسازی ما بهتر و سریعتر دیده شود؟شما می توانید بخش آخر این گفتگو را در کانال یوتیوبم ببینید و با عضویت در کانال و زدن کلید زنگوله از انتشار آنها مطلع شوید.عضویت در کانال یوتیوبشما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی UI/UX و ...این پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Tue, 22 Feb 2022 08:37:58 +0330 https://virgool.io/AsteriXarts/how-to-learn-illustration-bjbz4gifiws1 در این گفتگو من و سحر سبحانی که یکی از بهترین تصویرگران ایران است در مورد نحوه ی یادگیری تصویرسازی از صفر با هم صحبت کنیم و مرحله به مرحله مسیرها، مفاهیم و ابزارهایی را که شما برای تبدیل شدن به یک تصویرساز نیاز دارید را به شما معرفی میکنیم. این گفتگو در 3 بخش تنظیم شده که می توانید با عضویت در کانال از انتشار بخش های دوم و سوم آن مطلع شوید. سحر بیش از 10 ساله که در این حوزه داره فعالیت میکنه و تجربه یادگیری از محیط آکادمیک، آموزشگاه و هم بصورت خودخوان رو دارد و شما می تونید مسیر یادگیری تصویرسازی را از صفر یاد بگیرید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.چطور از صفر تصویرسازی را یاد بگیریم؟ - گفتگو با سحر سبحانی - بخش اولمحتوای چطور از صفر تصویرسازی را یاد بگیریم؟ - بخش اول :00:00 | مقدمه01:24 | معرفی سحر سبحانی02:00 | تصویرسازی چیست و یک تصویرگر چه کاری انجام می دهد؟03:01 | چند نوع تصویرسازی داریم؟05:01 | انواع راه های یادگیری تصویرسازی06:08 | آیا برای تصویرگر شدن به دانشگاه برویم؟13:28 | آیا رشته تصویرسازی در دانشگاه امتحان عملی دارد؟16:38 | چه درسهایی را برای کنکور هنر و رشته تصویرسازی در اولویت قرار بدهیم؟21:37 | از چه رشته های دیگری می توانیم راحت تر به تصویرسازی تغییر رشته بدهیم؟شما می توانید بخش دوم و سوم این گفتگو را در کانال یوتیوبم ببینید و با عضویت در کانال و زدن کلید زنگوله از انتشار آنها مطلع شوید.عضویت در کانال یوتیوب شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی UI/UX و ...این پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 12 Feb 2022 21:13:02 +0330 https://virgool.io/AsteriXarts/best-figma-plugins-part3-mtil1zc9cirh آموزش فیگما - 7 پلاگین فوق العاده کاربردی Figma 2021 - قسمت سومدر فیلم آموزشی 7 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت سوم قصد دارم هفت پلاگین دیگر را به همراه نحوه کار آن را به شما معرفی و آموزش دهم.اگر قسمت اول و دوم معرفی پلاگین های فوق العاده کاربردی Figma 2021 را ندیده اید می توانید از طریق لینک آنها را مشاهده کنید.در آموزش 7 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت سوم چه مواردی معرفی می شود؟از جمله مواردی که در این فیلم به آن می پردازم:پلاگین نمایش سه بعدی و پرسپکتیو اشیا در فیگماپلاگین دسترسی پذیری یا Accessibility در فیگماپلاگین ساخت انیمیشن های پیشرفته در فیگماپلاگین قرار دادن فاصله و اندازه های المنت های مختلف در فیگماپلاگین لوگوهای برندهای مختلف در فیگماپلاگین تغییر نام اتوماتیک فریم و لایه ها در فیگماپلاگین مرتبط کردن فریم های بهم ریخته در فیگمابه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش فیگما - 7 پلاگین فوق العاده کاربردی Figma 2021 - قسمت سوم‌ ‎قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی UI/UX و ...این پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Fri, 01 Oct 2021 08:19:27 +0330 https://virgool.io/AsteriXarts/figjam-figma-whiteboard-qbefbw8arycv آموزش فیگما جم - وایت برد برای انواع کارهای دیزاین از FigJamدر این آموزش فیگما قصد دارم سرویس جدید آن را یعنی فیگما جم - FigJam را به شما معرفی و نحوه کار با آن را به شما آموزش دهم.فیگما جم یا Figma Jam یا فیگ جم را مثل یک وایت برد خیلی بزرگ در نظر بگیرید که با آن می توانید کارهای مختلفی مثل ساخت یوزر فلو، وایرفریم، ساخت طرح پیشنهادی، کارت سورتینگ و موارد مختلف و زیاد دیگری را انجام دهید.یا اینکه نیاز دارید طرحی که در بخش دیزاین فیگما طراحی کردید رو اعضای تیم و کارفرما روی آن نظر بدهند، در نتیجه خیلی راحت آن را وارد فیگ جم می کنید و آنجا با ابزارهایی که وجود دارد براحتی به شما فیدبک می دهند.شما با استفاده از فیگما جم و ترکیب آن با خود فیگما می توانید هر نیازی که داشته باشید که می تواند دیزاین UI باشد یا UX ، کشیدن وایرفریم یا brainstorming و موارد دیگر را در همان فیگما انجام بدید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش فیگما جم - وایت برد برای انواع کارهای دیزاین از FigJam‌ ‎درآموزش فیگما جم - وایت برد برای انواع کارهای دیزاین و تیمی از FigJam چه مواردی بررسی می شود؟محتوای آموزش ساخت پروتوتایپ در فیگما - Figma:00:26 | فیگجم یا فیگما جم چیست؟00:34 | کاربرد FigJam چیست؟01:20 | نحوه ایجاد پروژه فیگجم در فیگما02:28 | دسترسی به قالب های آماده FigJam03:16 | کار با Sticky Note ها در فیگما جم04:30 | ساخت انواع شکل و یوزرفلو در FigJam06:58 | مثالی از کار با اعضای تیم در فیگما جم07:30 | کار با Library و کامپوننت ها در FigJam07:42 | کاربرد Stamp در فیگ جم08:42 | کار با تصاویر در FigJam09:24 | نحوه کاربرد بخش دیزاین فیگما و فیگ جم10:59 | نحوه اعمال محدودیت در تغییرات در FigJam11:34 | ارسال نظر لحظه ای در فیگما جم12:20 | ویژگی تاریخچه برای بازگردانی تغییرات انجام شده در FigJamقسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:40:22 +0330 https://virgool.io/AsteriXarts/create-prototype-in-figma-rxvuv1rkuyhi آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flowsدر این آموزش قصد دارم نحوه ساخت پروتوتایپ در فیگما رو از صفر و بصورت جامع به شما آموزش دهم.پروتوتایپ مثل یک روح هست که شما اون در قالب وایرفریم یا طرح یو ای خودتون می دمید تا اون طرح زنده بشه. در واقع شما با پروتوتایپ می آید اینتراکشن ها یا حرکت های تعاملی مختلفی به طرحتون اضافه می کنید.در نتیجه به عنوان مثال زمانی که کاربر بر روی یک دکمه کلیک کرد وارد صفحه دیگه بشود و یا اینکه اگر بخش به خصوصی از صفحه را درگ کرد، به صفحه دوم آنبوردینگی که طراحی کردید منتقل بشه و حرکات و اینتر اکشن های مختلف دیگه ای که در این ابزار وجود دارد.شما هم از پروتوتایپ در طراحی یوای و هم در طراحی یوایکس برای اهداف مختلف استفاده می کنید. به عنوان مثال یک طراح یوایکس می تونه با ساخت پروتوتایپ وایرفریمی که ایجاد کرده، نحوه ی تعامل کاربر با بخشی از اپلیکیشن رو نشون بده.همچنین در این آموزش به ویژگی جدید multiple flow در فیگما نیز می پردازم و در آخر این آموزش پیشنهاد ویژه ای برای شما دارم، پس تا آخر این آموزش با من همراه باشید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows‌ ‎قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:34:48 +0330 https://virgool.io/AsteriXarts/figma-auto-layout-lvctmjlfi5qk آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figmaدر این آموزش فیگما - Figma قصد دارم با استفاده از ویژگی Auto Layout یک جدول ریسپانسیو طراحی کنم.ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از جمله تغییر سایز اسکرین یا صفحه نمایش بتونن خودشون رو تغییر شکل بدن و به عبارتی Auto Layout به ما کمک می کنه که بتونیم طرحمون رو راحت تر ریسپانسیو کنیم.بعد از دیدن این آموزش شما شما دیگه برای ساخت یک دکمه در فیگما نمی آیید یک Rectengle درست کنید و یک تکست در داخل آن بنویسید ، بلکه با فریم ها همه ی دکمه های خود را درست می کنید. درست شنید اساس و پایه ی Auto Layout در فیگما بر اساس فریم هاست و در نتیجه هر چیزی رو که شما تبدیل به Auto Layout کنید در واقع دارید آن را در داخل یک فریم قرار می دهید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma‌ ‎در آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma چه مواردی بررسی می شود؟محتوای این فیلم آموزشی فیگما Figma:00:19 | Auto Layout در فیگما چیست؟01:29 | آموزش کار با Auto Layout در فیگما01:51 | ساخت Auto Layout از هر عنصری در فیگما03:56 | اضافه کردم آیکان به فریم Auto Layout04:25 | ادامه آموزش تنظیمات مختلف Auto Layout در فیگما16:00 | نکاتی در مورد Auto Layout و طراحی ریسپانسیوقسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:29:22 +0330 https://virgool.io/AsteriXarts/add-persian-fonts-to-figma-and-xd-qlbnopohbnif آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xdدر آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd می خواهیم نحوه ی نصب و استفاده از فونت های فارسی در فیگما Figma و Adobe Xd 2021 را به شما آموزش دهم. بصورت کلی 3 روش نصب و استفاده از فونت های فارسی یا به عبارتی فارسی نویسی در فیگما را به شما آموزش می دهم.دو روش اول بین Figma و Adobe Xd مشترک است و شما با انجام آن می توانید فونت های دلخواه خود را به خصوص فونت های فارسی را در فیگما و ادوبی ایکس دی استفاده کنید. روش سوم نصب فونت های فارسی مخصوص نسخه وب اپلیکیشن فیگما هست که نیاز به یک نرم افزار دارد که از سایت فیگما قابل دانلود است و در فیلم کاملا آن را نشان می دهم.بعد از نصب فونت های فارسی برای تصحیح حالت نمایش متن های فارسی و در واقع درست فارسی نوشتن در فیگما نیاز به پلاگین فارسی نویس دارید که در فیلم زیر کاملا آن را معرفی و نحوه استفاده از آن را آموزش داده ام.در آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd چه مواردی بررسی می شود؟محتوای این فیلم آموزشی فیگما Figma:00:00 | مقدمه01:42 | روش اول نصب فونت های فارسی در فیگما و Adobe Xd03:48 | روش نصب فونت های فارسی در ویندوز 10، 8 ، 7 در Figma و Adobe Xd04:12 | نصب فونت های فارسی در فیگما تحت وب Figmaبه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش فیگما - نصب فونت های فارسی و فارسی نویسی در Figma 2021 و Adobe Xd‌ ‎‌‌قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:22:10 +0330 https://virgool.io/AsteriXarts/best-figma-plugins-part2-vggl2ujfz4by 5 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت دومدر فیلم آموزشی 5 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت دوم قصد دارم 5 پلاگین دیگر را به همراه نحوه کار آن را به شما معرفی و آموزش دهم.در آموزش 5 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت دوم چه مواردی معرفی می شود؟از جمله مواردی که در این فیلم به آن می پردازم:لیست پلاگین های Figmaپلاگین ساخت پالت رنگی از عکس در فیگماپلاگین ساخت پالت رنگی اتوماتیک و پالت های رنگی پرکابرد دیگر کاربران در Figmaپلاگینی برای ساخت یوزرفلو User flow یا بصورت کلی ساخت فلو در فیگماپلاگینی برای تست دسترسی پذیری یا Accessibility در Figmaپلاگین جستجو و دانلود آیکان های مختلف بصورت رایگان در فیگماپلاگین جستجو و دانلود آیکان های متریال در Figmaبه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.5 پلاگین فوق العاده کاربردی فیگما 2021 - قسمت دوم‌ ‎‌‌قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:11:59 +0330 https://virgool.io/AsteriXarts/figma-varients-kiuyi6arlkcg آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figmaدر این آموزش ویژگی خیلی مفید و بسیار کاربردی Variants در Figma را به شما آموزش می دهم که بوسیله آن قادر هستید یک عنصر را با بینهایت حالت های مختلف طراحی کنید و همه را با یک نمونه استفاده کنید.به عنوان مثال فرض کنید که یک دکمه حالت های زیر را داردحالت نرمالغیر فعالقرار گرفتن موس روی آندکمه فشرده شدهو حالا این حالت های مختلف دکمه را در نوع های مختلف دکمه نیز ترکیب کنیددکمه اصلیدکمه ثانویهو در ادامه قصد دارید حالت Dark Mode یا تاریک را نیز به دکمه ها اضافه کنید که تعداد آن ها دوبرابر می شود.در آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma چه چیزهایی یاد می گیریم؟در حالت عادی قصد دارید از دکمه ها با حالت های مختلف در قسمت های مختلف طراحی رابط کاربری UI/UX استفاده کنید و هر بار باید بدنبال حالت مورد نظر خود باشید.‌‌ Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما .آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کندبه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma‌ ‎‌‌‌‌ ‌قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 10:06:13 +0330 https://virgool.io/AsteriXarts/best-figma-plugins-part1-bi84btgucbkr 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اولدرفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم.مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید.اکثر این پلاگین این امکان را به شما می دهند که بتوانید خیلی سریع دیتا یا محتوای مورد نیاز در طراحی خود را بصورت اتوماتیک تهیه کنید که این دیتا ها می توانند آواتار یا تصاویر پروفایل اشخاص، دیتای متنی مثل اسم، آدرس، شغل و ... ، چارت ها و تصاویر با کیفیت اشاره کرد.در آموزش 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول چه مواردی معرفی می شود؟از جمله مواردی که در این فیلم به آن می پردازم:لیست پلاگین های Figmaآموزش نصب پلاگین در Figmaپلاگین فارسی نویسی در فیگماپلاگین اول تصاویر پروفایل یا آواتار در Figmaپلاگین دوم تصاویر پروفایل یا آواتار در فیگماپلاگین دیتای متنی پیشرفته در Figmaپلاگین طراحی چارت های مختلف در فیگماپلاگین تصاویر با کیفیت و رایگان برای Figmaبه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول‌ ‎‌‌قسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 09:22:27 +0330 https://virgool.io/AsteriXarts/best-figma-tips-part1-hnymyzx14w7g 10 ترفند فوق العاده کاربردی فیگما 2021 - قسمت اولدر این قسمت از آموزش فیگما قصد دارم 10 ترفند و نکته فوق العاده کاربردی را به شما معرفی کنم که بوسیله آنها شما قادر هستید تا سرعت کار خود در طراحی با Figma را افزایش دهید.در آموزش 10 ترفند فوق العاده کاربردی فیگما 2021 چه چیزهایی یاد می گیریم؟از جمله مواردی که در این فیلم به آن می پردازم:کپی و تنظیم عناصر بعدی بوسیله duplicate در فیگماساخت و طراحی چارت و نمودار دایره ای در Figmaتغییر شفافیت یا opacity عناصر در فیگماکپی استایل از یک عنصر و قرار دادن آن روی عنصری دیگر در Figmaانتخاب ، جا به جایی و تغییر فاصله بین عناصر در Figmaانتخاب یا select چند آیتم بصورت سریع در فیگماانتخاب سریع آیتم های داخل یک گروه در فیگمانمایش تعداد لایه ها و میزان استفاده از رم در Figmaنمایش و مخفی کردن قسمت های مختلف فیگماکلید های میانبر پر استفاده در Figmaجایگذاری چندین عکس در چند شکل مختلف بصورت همزمان در فیگماوارد شدن و خارج شدن به گروه های مختلف درون یک فریم در فیگمابه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.10 ترفند فوق العاده کاربردی فیگما 2021 - قسمت اولقسمت های دیگر آموزش Figma را در کجا ببینیم؟شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 25 Sep 2021 09:14:43 +0330 https://virgool.io/AsteriXarts/atomic-design-oj4nxmldjfjn Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم هااگر می خواهید بدانید روش Atomic Design یا دیزاین اتمی چیست و چطور میتونید از آن در طراحی UI و ساخت دیزاین سیستم ها استفاده کنید با من در این آموزش همراه باشید.دیزاین اتمی یا Atomic Design چیست؟طراحی اتمی روشی است که توسط برد فراست ایجاد و ارائه شده است. هدف آن ایجاد و طراحی دیزاین سیستم هایی با ساختاری منظم و دارای سلسله مراتب یا hierarchy است.در آموزش Atomic Design - طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها؛ چه مواردی بررسی می شود؟محتوای فیلم آموزشی Atomic Design - طراحی اتمی :01:00 | طراحی اتمی یا Atomic Design چیست؟02:16 | مفهومی طراحی اتمی در دیزاین رابط کاربری چه کاربردی دارد؟02:50 | روش طراحی اتمی چه مراحلی دارد؟03:05 | مرحله اول طراحی اتمی - اتم ها03:34 | مرحله دوم Atomic Design - مولکول ها05:00 | مرحله سوم طراحی اتمی - ارگانیسم ها05:55 | مرحله چهارم Atomic Design - تمپلیت ها07:11 | مرحله پنجم طراحی اتمی - صفحه ها09:14 | مهمترین مزیت و کاربرد طراحی اتمیبه دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.طراحی اتمی - Atomic Design چیست و کاربرد آن در ساخت دیزاین سیستم هاچرا طراحی اتمی؟نام این روش به این دلیل Atomic Design است که ایده ی اصلی آن از علم شیمی گرفته شده است.جهان از یک سری عناصر ثابت اتمی ساخته شده است و ما این عناصر اساسی مواد را در جدول تناوبی عناصر در درس شیمی دیده ایم. این عناصر سازنده ی هر چیزی است که در اطراف ما هستند مثل هوا، آب، فلز و اجزای مختلف بدن ما!در شیمی این عناصر اتمی یک سری ویژگی های ثابت دارند که از بین بقیه آنها را متمایز و مشخص می کند.مثلا، اکسیژن و هیدروژن هر دو اتم هایی هستند که ویژگی های خاص خودشون رو دارند. با این وجود زمانی که این اتم ها با هم ترکیب می شوند، یک مولکول را ایجاد می کنند و در نتیجه این مولکول ها هم ویژگی های مشخص خود را دارند که از اتم های تشکیل دهنده شون به ارث بردن.در این مثال ترکیب دو عدد اتم هیدروژن و یک عدد اتم اکسیژن مولکولی را ایجاد می کند که ما اون آب می شناسیم.این درک و فهم از اینکه ترکیب عناصر یا اتم های کوچک می تواند یک شی بزرگتر یا یک مولکول را ایجاد کند، در دنیای دیزاین نیز کاربردی است. در واقع ما زمانی که چیزی را دیزاین می کنیم، آن را از ترکیب عناصر کوچکتر می سازیم تا در نهایت یک ساختار بوجود آوریم.نه تنها این ساختار شکل دیزاین ما را ایجاد می کند بلکه ما می توانیم در نهایت با استفاده از بلاک هایی که در مراحل قبل آن را ایجاد کردیم، یک دیزاین سیستم یا پترن لایبرری ایجاد کنیم.ادامه این مطلب را در فیلم آموزشی لینک بالا مشاهده کنید.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Fri, 27 Aug 2021 20:44:20 +0430 https://virgool.io/AsteriXarts/finding-great-clients-and-pricing-part1-fmjzb66vgia8 چطور مشتری خوب پیدا کنیم و چگونه قیمت درست بدهیم؟ - قسمت اولدر این فیلم من از صفر برای اینکه چطور بتوانید مشتریان با ارزش و خوب پیدا کنید و چطور بدرستی قیمتی را محاسبه و به آنها ارائه دهید نکاتی را به شما آموزش می دهم.این فیلم با تمرکز بر حوزه طراحی ضبط شده و نکاتی که در آن گفته می شود بیشتر تمرکز بر روی قیمت گذاری طراحان است اما شما می توانید از اطلاعاتی که در فیلم گفته می شود برای پیدا کردن مشتری و قیمت گذاری در حوزه های دیگر نیز استفاده کنید.در این فیلم چه نکاتی در مورد پیدا کردن مشتری و استراتژی قیمت گذاری یاد می گیریم؟در ابتدای فیلم من 3 گروه مشتری را به شما معرفی میکنم1- مشتری قیمت2- مشتری به دنبال ارزش3- مشتری قماربازو در ادامه نکاتی را برای شناسایی این نوع از مشتریان و نحوه ارتباط به آنها رو توضیح میدهم.در ادامه استراتژی قیمت گذاری به خصوص برای حوزه طراحی محصول، طراحی رابط و تجربه کاربری (UI/UX)را توضیح می دهم و نکاتی را برای محاسبه قیمت پروژه به شما می گویم.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.چطور مشتری خوب پیدا کنیم و چگونه قیمت درست بدهیم؟ - قسمت اولدر قسمت دوم از آموزش چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ من با مسعود گروسیان در مورد نحوه کار با شرکت های بزرگ با هم صحبت می کنیم و نکاتی را در ارتباط با پیدا کردن مشتری های با ارزش و نحوه قیمت دادن به آن ها به شما آموزش می دهیم.و در قسمت سوم من و مرضیه نادعلی در مورد نحوه پیدا کردن مشتریان خارجی و چگونگی قیمت دادن به آن ها با هم گفتگو می کنیم.شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Wed, 28 Jul 2021 11:45:21 +0430 https://virgool.io/AsteriXarts/figma-foundations-part3-fstvbmm5ywkw آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma – قسمت سومدر قسمت سوم سری آموزش های جامع فیگما Figma به سراغ ساخت پروتوتایپ و استفاده از ویژگی Constraints که برای طراحی ریسپانسیو یا واکنش گرا نیز استفاده می شود می پردازم.در ابتدا با معرفی و استفاده از ویژگی Constraints در فیگما به شما آموزش می دهم که چطور یک عنصر یا یک دکمه را در سایز های مختلف صفحه نمایش تغییر اندازه بدهید.در واقع حالت های مختلف Constraints در Figma به شما این امکان را می دهند که مثلا سمت راست یک دکمه را یک پین قرار دهید تا ثابت بماند در نتیجه دیگر در هنگام تغییر فریم در فیگما یا بصورت کلی تغییر سایز صفحه نمایش آن عنصر یا دکمه در سرجای خود ثابت می ماند.سپس به نحوه ساخت شکلی های دقیق مثل دایره یا مربع یا مثلث کامل در فیگما می پردازم و ویژگی های ساخت کمان یا چارت در دایره را نیز به شما آموزش می دهم. در ادامه نحوه استفاده از ابزار Pen در فیگما را به شما آموزش می دهم که چطور بتوانید یک خط صاف و یا یک خط خمیده را با آن در Figma درست کنید.مرحله بعد به معرفی پنل پروتوتایپ یا Prototype در فیگما می پردازم که چطور شما می توانید با استفاده از آن یک نمونه اولیه از اپلیکیشن یا سرویس که در Figma طراحی کردید را ایجاد کنید. در واقع شما می توانید با استفاده از قابلیت پروتوتایپ در فیگما یک حالت تعاملی یا اینتراکتیو به اپلیکیشن یا سرویس یا بصورت کلی طراحی UI خود بدهید.پایان این فیلم به ویژگی های بولین یا Boolean یا همان Path Finder را در فیگما بررسی می کنم که شما بوسیله آن قادر هستید شکل های مختلف را به هم اضافه یا کم کنید و یک شکل جدید ایجاد کنید.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma – قسمت سومدر آموزش جامع فیگما – ساخت پروتوتایپ و Constraints در Figma 2021 – قسمت سوم چه مواردی آموزش داده می شود؟از جمله مواردی که در این فیلم به آن می پردازم:00:42 | کار با Constraints در فیگما02:24 | ساخت اشکال دقیق و پایه دایره، مربع و مثلث در Figma03:26 | ویژگی Arc برای درست کردن کمان در شکل ها04:11 | ساخت چارت دایره ای در فیگما04:35 | حفظ نسبت اشکال و گرد کردن گوشه ها در Figma04:46 | کار با ابزار Pen در فیگما06:00 | ساخت پروتوتایپ در Figma فیگما09:06 | کدها در پنل Inspect در فیگما09:33 | ساخت اشکال جدید و آیکان ها با ویژگی Boolean در فیگماشما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Tue, 27 Jul 2021 13:18:54 +0430 https://virgool.io/AsteriXarts/figma-foundations-part2-kvsfecltyoii آموزش جامع Figma – کار با پنل Design در فیگما –قسمت دومدر آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم به بررسی ویژگی های پرکاربردترین پنل در Figma می پردازم.پنل Design در فیگما شامل ویژگی های مختلف عنصری است که انتخاب کرده اید. به عنوان مثال اگر شما یک شکل در Figma انتخاب کرده باشید در پنل دیزاین ویژگی هایی مثل اندازه ، مکان ، رنگ ، رنگ حاشیه ، گردی گوشه ها ، انواع Effect مثل سایه دادن یا تار کردن و در نهایت خروجی گرفتن از آن را در اختیار شما قرار می دهد.حال اگر آرتبورد یا فریم را در فیگما انتخاب کنید ویژگی های مرتبط با آن را در اختیار شما قرار می دهد که همه ی آن ها را بررسی می کنیم.قبل از بررسی ویژگی های پنل دیزاین در Figma نیز به ادامه معرفی و نحوه کار با ابزارهایی که در قسمت قبل آن را معرفی کردم می پردازم که از جمله آن می توان به کراپ کردن تصویر ، به اشتراک گذاشتن فایل طراحی با افراد مختلف یا اعضای تیم در فیگما و تنظیمات مربوط به زوم کردن و نمایش یا پنهان کردن خط کش در فیگما اشاره کرد.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش جامع Figma – کار با پنل Design در فیگما –قسمت دومدر آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم چه مواردی آموزش داده می شود؟از جمله مواردی که در این فیلم به آن می پردازم:00:42 | پنل Design در فیگما چیست؟01:20 | کراپ کردن عکس در Figma01:51 | به اشتراک گذاری پروژه با اعضای تیم در فیگما02:17 | معرفی حالت نمایش پروتوتایپ در Figma Mirror02:44 | نحوه زوم کردن در فیگما03:07 | فعال کردن خط کش در فیگما Figma03:32 | ویژگی های Alignment در پنل دیزاین فیگما03:49 | تغییر اندازه، چرخاندن و تغییر مکان اشیا در Figma05:04 | گرد کردن گوشه های اشیا در فیگما05:37 | تغییر Blend Mode لایه در Figma06:50 | تغییر رنگ - گرادیانت و اضافه کردن عکس به شکل در فیگما07:34 | اضافه کردن حاشیه یا Stroke به شکل در Figma08:00 | ایجاد حاشیه نقطه چین در فیگما08:33 | اضافه کردن افکت های سایه و تار کردن در Figma08:44 | خروجی گرفتن از اشیا در فیگما09:25 | حذف تغییرات اعمال شده بر روی اشکال در Figmaشما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Tue, 27 Jul 2021 13:02:40 +0430 https://virgool.io/AsteriXarts/figma-foundations-part1-p3gcq3ry4ila آموزش جامع Figma - کار با ابزارها و محیط فیگما - قسمت اولدر آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول به سراغ نحوه نصب و کار با ابزارها و محیط فیگما می رویم. در ابتدای چگونگی نحوه دانلود و نصب فیگما ، نرم افزار نمایش طراحی روی موبایل فیگما و نرم افزار نصب فونت های سیستم بر روی فیگما را بررسی میکنیم.سپس قسمت داشبورد فیگما که شامل بخشی برای نمایش پروژه های اخیر شما یا تیم هایی که در حال کار با آن ها هستید می پردازم. در ادامه به سراغ برسی پنل لایه ها / صفحه ها می روم و شروع به معرفی ابزارهای اصلی فیگما میکنم.بعد از معرفی ابزار و نحوه کار ابزارهای مختلف Figma به سراغ ویژگی کامپوننت می روم و بعد از تعریف آن نحوه ساخت یک کامپوننت دکمه را به شما در فیگما آموزش می دهم.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اولدر آموزش جامع Figma - کار با ابزارها و محیط فیگما 2021 - قسمت اول چه مواردی معرفی می شود؟از جمله مواردی که در این فیلم به آن می پردازم:00:36 | فیگما چیست و چه کاربردهایی دارد؟01:22 | دانلود و نصب فیگما02:20 | معرفی Figma Mirror02:27 | نصب فونت فارسی روی فیگما03:13 | ثبت نام و ورود به فیگما03:29 | معرفی داشبورد Figma3:45 | کامیونیتی فیگما05:03 | ایجاد پروژه جدید در فیگما06:02 | ذخیره پروژه فیگما روی سیستم06:47 | باز کردن فایل های اسکچ در فیگما07:19 | معرفی پنل لایه ها و ایجاد صفحه در Figma08:17 | معرفی ابزارهای فیگما09:29 | ویرایش شکل ها در فیگما11:00 | معرفی و کار با کامپوننت ها در فیگما13:21 | ماسک کردن تصویر در فیگماشما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 24 Jul 2021 16:34:27 +0430 https://virgool.io/AsteriXarts/learn-figma-in-30-mins-bog3t9bzj5hx آموزش فیگما - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردیدر قسمت اول سری آموزش های فیگما / Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.فیگما ابزار تحت وبی است که برای کارهای مختلف شما می توانید از آن استفاده کنید. من در سری آموزش های مختلف فیگما قصد دارم آموزش طراحی رابط کاربری و همچنین تجربه کاربری یا UI/UX را به شما آموزش دهم.به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.آموزش فیگما - طراحی UI/UX از صفر در 30 دقیقه با مثال کاربردیدر آموزش فیگما از صفر در 30 دقیقه چه چیزهایی یاد می گیریم؟محتوای آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی با مثال کاربردی :00:23 | معرفی مثالی که در طول آموزش فیگما در 30 دقیقه طراحی می شود00:44 | نکته مهم قبل از طراحی فیگما01:24 | آموزش نصب فیگما Figma02:02| نحوه ثبت نام در فیگما Figma02:28 | نحوه دانلود فیگما Figma02:34 | معرفی دیگر نرم افزارهای فیگما03:15 | نحوه وارد / لاگین شدن به فیگما Figma03:36 | نحوه دانلود نمونه UI برای آموزش فیگما05:25 | نحوه Zoom in / out در فیگما Figma05:45 | معرفی فریم یا آرتبورد در فیگما Figma05:52 | نحوه ساخت فریم در فیگما Figma06:10 | معرفی انواع فریم برای گوشی ، تبلت و وب در فیگما07:03 | نحوه کپی کرده اشیا و فریم ها در فیگما07:35 | طراحی صفحه ورود یا لاگین در فیگما07:56 | گرد کردن گوشه فریم در فیگما09:10 | نحوه سایه دادن به آبجکت ها در فیگما11:50 | دانلود و مدیریت آیکان های SVG20:07 | شروع طراحی صفحه سفارش غذا20:33 | گروه کردن اشیا در فیگما27:12 | تنظیم فاصله مساوی بیان آبجکت ها در فیگماشما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلیاین پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 24 Jul 2021 16:16:47 +0430 https://virgool.io/AsteriXarts/introducing-how-to-use-5-best-plugins-in-adobe-xd-part-2-mwvpmf9byhkp آموزش Adobe XD: معرفی 5 پلاگین فوق العاده کاربردی - قسمت دوم آموزش Adobe XD: معرفی 5 پلاگین فوق العاده کاربردی - قسمت اولدر این قسمت من میخوام 5 پلاگین کاربردی دیگر را که سرعت کار شما در طراحی رو افزایش میدن رو بهتون معرفی کنم.شما بوسیله این پلاگین ها سریع می توانید آرتبورد های خود را مرتب کنید، با استفاده از آبجکت های مختلف شکل های منظمی درست کنید، اگر ویژگی گرد کردن گوشه های یک آبجکت از بین رفته، اون رو برگردونید و ...معرفی و نحوه کارکرد بقیه پلاگین ها را در فیلم آموزشی ببینید.و اگر قسمت اول این معرفی پلاگین های ادوبی ایکس دی را ندیدید، اینجا را کلیک کنید.<br/>برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید) https://www.youtube.com/watch?v=NiPT8OPPYfw&list=PLKlNkbiIqR7bifKXCLYuvcu2gMqOERCfI&index=5 آموزش Adobe XD: معرفی 5 پلاگین فوق العاده کاربردی - قسمت دومعضویت در کانال یوتوب من: Youtubeدر صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.لطفا در کانال عضو شوید و کلید زنگوله رو هم بزنید تا ازآموزش های آینده طراحی رابط کاربری با خبر شوید.در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.این پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sun, 18 Oct 2020 14:15:12 +0330 https://virgool.io/AsteriXarts/how-to-make-table-cells-readable-in-indesign-h43ujminr7gl آموزش InDesign: چطور خوانایی سلول‌های جدول را افزایش دهیم؟ آموزش InDesign: چطور سطرها و ستون‌های جدول را تنظیم کنیم؟در قسمت قبل آموزش طراحی جدول در ایندیزاین، من راه های ساخت جدول در ایندیزاین رو به شما آموزش دادم و بهتون نشون دادم که چطور میتونید یک سری تنظیمات اولیه جدول ها رو انجام بدید. در مرحله بعد به این پرداختم که چطور سطر و یا ستون جدید به جدول اضافه کنید و یا اینکه چطور جدا کننده های سطر و یا ستون رو بصورت تکی و یا گروهی تنظیم و جا به جا کنید.در ادامه من به شما نحوه اینکه چطور جدول را زیباتر کنیم را بحث کردم و به عنوان مثال به شما یاد دادم که چطور ردیف های جدول را بصورت یکی در میان تغییر رنگ دهید تا زیبایی خاصی به جدول شما بدهد و خوانایی آن افزایش یابد. اگر این دو قسمت را ندیدید می توانید در لیست پخش اندیزاین کانال آن را مشاهده کنید. در آخرین قسمت از آموزش جدول ها در ایندیزاین من به سراغ استایل دادن و مرتب کردن سلول های جدول می روم و به شما آموزش می دهم که چطور با تغییر اندازه سطر و ستون و تغییر فونت و سایز آن خوانایی محتوای جدول را افزایش و آن را زیباتر کنید.بقیه موارد را در فیلم آموزشی ببینید.از طریق عضویت در کانال و زدن کلید زنگوله از قسمت های بعدی مطلع شوید.برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید) https://www.youtube.com/watch?v=VjOTtuEuABA&list=PLKlNkbiIqR7b7AxOl7k8DBrxNLEoaPFJ2&index=17 آموزش InDesign: چطور خوانایی سلول‌های جدول را افزایش دهیم؟عضویت در کانال یوتوب من: Youtubeدر صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.لطفا در کانال عضو شوید و کلید زنگوله رو هم بزنید تا از آموزش های آینده صفحه آرایی و طراحی گرافیک با خبر شوید.در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.من را در شبکه های اجتماعی دنبال کنید تا در جریان مطالب مرتبط با این موضوع (آموزشی، اخبار و…) و همچنین مطالب مفید دیگری قرار بگیرید.این پست اولین بار در وبلاگ شخصی من منتشر شده است. اَستریکس آرتس | AsteriXarts حسین محمودی (AsteriXarts.com) Sat, 17 Oct 2020 11:45:01 +0330