Atomic Design – طراحی اتمی چیست و کاربرد آن در ساخت دیزاین سیستم ها
اگر می خواهید بدانید روش Atomic Design یا دیزاین اتمی چیست و چطور میتونید از آن در طراحی UI و ساخت دیزاین سیستم ها استفاده کنید با من در این آموزش همراه باشید.
حسین محمودی
حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی محصول، طراحی رابط کاربری و تجربه کاربری (UI/UX)، هوش مصنوعی و تکنولوژی، بهره‌وری شخصی و شغلی، طراحی گرافیک و صفحه آرایی اشاره کرد.
Dexigner News #23 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
DexignerNews Hot #3 – گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین
DexignerNews Hot #3 خبرنامه ویدیویی است که در آن گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین که در ماه های گذشته از طریق خبرنامه ایمیلی DexignerNews برای اعضای آن ارسال شده است را بررسی میکنم.
DexignerNews Hot #2 – گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین
DexignerNews Hot #2 خبرنامه ویدیویی است که در آن گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین که در ماه های گذشته از طریق خبرنامه ایمیلی DexignerNews برای اعضای آن ارسال شده است را بررسی میکنم.
Dexigner News #22 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
Dexigner News #21 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
آموزش فیگما جم – وایت برد برای انواع کارهای دیزاین از FigJam
فیگما جم یا Figma Jam یا فیگ جم را مثل یک وایت برد خیلی بزرگ در نظر بگیرید که با آن می توانید کارهای مختلفی مثل ساخت یوزر فلو، وایرفریم، ساخت طرح پیشنهادی، کارت سورتینگ و موارد مختلف و زیاد دیگری را انجام دهید.
Dexigner News #20 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
آموزش Adobe Xd از صفر در 20 دقیقه با مثال کاربردی
در این قسمت Adobe Xd قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 20 دقیقه به شما آموزش دهم.
آموزش جامع ساخت پروتوتایپ در Adobe Xd – قسمت ششم
در این آموزش قصد دارم نحوه ساخت پروتوتایپ و اینتراکشن ها در ادوبی ایکس دی / Adobe Xd را از صفر و بصورت جامع به شما آموزش دهم. در واقع شما با پروتوتایپ اینتراکشن ها یا حرکت های تعاملی مختلفی به طرحتون اضافه می کنید.
تفکر طراحی یا Design Thinking چیست و چطور در طراحی UI/UX از آن استفاده کنیم؟
در این آموزش به معرفی و نحوه استفاده از روش تفکر طراحی یا Design Thinking می پردازم. تفکر طراحی یک روش غیر خطی 5 مرحله ای است که شما می توانید با استفاده از آن انواع مشکلات طراحی UI/UX ، مشکلات شغلی و تجاری و حتی مشکلات شخصی خود را حل کنید.
Dexigner News #19 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows
در این آموزش قصد دارم نحوه ساخت پروتوتایپ در فیگما رو از صفر و بصورت جامع به شما آموزش دهم.
پروتوتایپ مثل یک روح هست که شما اون در قالب وایرفریم یا طرح یو ای خودتون می دمید تا اون طرح زنده بشه. در واقع شما با پروتوتایپ می آید اینتراکشن ها یا حرکت های تعاملی مختلفی به طرحتون اضافه می کنید.
در نتیجه به عنوان مثال زمانی که کاربر بر روی یک دکمه کلیک کرد وارد صفحه دیگه بشود و یا اینکه اگر بخش به خصوصی از صفحه را درگ کرد، به صفحه دوم آنبوردینگی که طراحی کردید منتقل بشه و حرکات و اینتر اکشن های مختلف دیگه ای که در این ابزار وجود دارد.
Dexigner News #18 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
آموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma
ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از جمله تغییر سایز اسکرین یا صفحه نمایش بتونن خودشون رو تغییر شکل بدن و به عبارتی Auto Layout به ما کمک می کنه که بتونیم طرحمون رو راحت تر ریسپانسیو کنیم.
Dexigner News #17 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
آموزش تایپوگرافی در UI – تنظیم سایز متن ها و فونت در طراحی رابط کاربری
در این آموزش تایپوگرافی در طراحی رابط کاربری UI قصد دارم به شما نحوه ی تنظیم سایز متن ها و فونت را در طراحی رابط کاربری UI آموزش دهم.در واقع شما باید قبل از شروع هر پروژه ای سایز متن ها یا Text های مختلفی که در رابط کاربری UI وجود دارد را تنظیم کنید و سپس با توجه به آن در طراحی خود الگو بگیرید و بقیه صفحات را طراحی کنید تا یک انسجام در کل طرح شما ایجاد شود.
Dexigner News #16 – خبرنامه هفتگی دیزاین
DeXignerNews خبرنامه ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.
DexignerNews Hot #1 – گلچینی ویدیویی از بهترین و جذاب ترین لینک ها در حوزه دیزاین
DexignerNews Hot #1 خبرنامه ویدیویی است که در آن گلچینی از بهترین و جذاب ترین لینک ها در حوزه دیزاین که در ماه های گذشته از طریق خبرنامه ایمیلی DexignerNews برای اعضای آن ارسال شده است را بررسی میکنم.
طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟
در آموزش طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟ قصد دارم مسیری را که برای یاد گرفتن طراحی تجربه کاربر یا UX Design طی کردم را از صفر به شما توضیح دهم تا بتوانید شما نیز براحتی این حوزه از دیزاین را براحتی یاد بگیرید.
طراحی تجربه کاربر یا UX Design به این معنی است که چطور یک حس یا تجربه خوب را در هنگام کار با سرویس یا اپلیکیشن مان به کاربران منتقل کنید تا رضایت آنها را جلب کنیم.