حسین محمودی

حسین محمودی

سلام! من حسین محمودی هستم. دنیای من حول دو محور می‌چرخد: طراحی محصولات دیجیتال (UI/UX) و کشف پتانسیل‌های هوش مصنوعی و تکنولوژی‌های جدید. اینجا جایی است که دانش و تجربیات سال‌ها کارم را در قالب مقالات و آموزش‌های کاربردی با شما به اشتراک می‌گذارم. از معرفی جدیدترین ابزارهای AI تا تکنیک‌های دیزاین و بهره‌وری.

Dexigner News #20 – خبرنامه هفتگی دیزاین

Dexigner News #20 - خبرنامه هفتگی دیزاین

DeXignerNews خبرنامه ‌ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.

آموزش جامع ساخت پروتوتایپ در Adobe Xd – قسمت ششم

آموزش جامع ساخت پروتوتایپ در Adobe Xd - قسمت ششم

در این آموزش قصد دارم نحوه ساخت پروتوتایپ و اینتراکشن ها در ادوبی ایکس دی / Adobe Xd را از صفر و بصورت جامع به شما آموزش دهم. در واقع شما با پروتوتایپ اینتراکشن ها یا حرکت های تعاملی مختلفی به طرحتون اضافه می کنید.

تفکر طراحی یا Design Thinking چیست و چطور در طراحی UI/UX از آن استفاده کنیم؟

تفکر طراحی یا Design Thinking چیست و چطور در طراحی UI/UX از آن استفاده کنیم؟

در این آموزش به معرفی و نحوه استفاده از روش تفکر طراحی یا Design Thinking می پردازم. تفکر طراحی یک روش غیر خطی 5 مرحله ای است که شما می توانید با استفاده از آن انواع مشکلات طراحی UI/UX ، مشکلات شغلی و تجاری و حتی مشکلات شخصی خود را حل کنید.

Dexigner News #19 – خبرنامه هفتگی دیزاین

Dexigner News #23 - خبرنامه هفتگی دیزاین

DeXignerNews خبرنامه ‌ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.

آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows

آموزش جامع ساخت پروتوتایپ در فیگما و Multiple Flows

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

Dexigner News #18 – خبرنامه هفتگی دیزاین

Dexigner News #22 - خبرنامه هفتگی دیزاین

DeXignerNews خبرنامه ‌ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.

آموزش فیگما – Auto Layout و طراحی ریسپانسیو با آن در Figma

آمورش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma

ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از جمله تغییر سایز اسکرین یا صفحه نمایش بتونن خودشون رو تغییر شکل بدن و به عبارتی Auto Layout به ما کمک می کنه که بتونیم طرحمون رو راحت تر ریسپانسیو کنیم.

Dexigner News #17 – خبرنامه هفتگی دیزاین

Dexigner News #21 - خبرنامه هفتگی دیزاین

DeXignerNews خبرنامه ‌ای هفتگی در حوزه دیزاین است که شامل بهترین مقالات، فیلم های آموزشی و معرفی ابزارهایی است که در حوزه دیزاین و به خصوص طراحی رابط و تجربه کاربری ( UI/UX ) یا طراحی محصول هر هفته پنج شنبه‌ها ارسال می شود.

آموزش تایپوگرافی در UI – تنظیم سایز متن ها و فونت در طراحی رابط کاربری

آموزش تایپوگرافی در UI - تنظیم سایز متن ها و فونت در طراحی رابط کاربری

در این آموزش تایپوگرافی در طراحی رابط کاربری UI قصد دارم به شما نحوه ی تنظیم سایز متن ها و فونت را در طراحی رابط کاربری UI آموزش دهم.در واقع شما باید قبل از شروع هر پروژه ای سایز متن ها یا Text های مختلفی که در رابط کاربری UI وجود دارد را تنظیم کنید و سپس با توجه به آن در طراحی خود الگو بگیرید و بقیه صفحات را طراحی کنید تا یک انسجام در کل طرح شما ایجاد شود.