برچسب: آموزش adobe xd رایگان

کامپوننت ها در Adobe Xd و ساخت یک دکمه برای همه جا

در به دست حسین محمودیدر adobe xd، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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

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

در به دست حسین محمودیدر adobe xd، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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

طراحی تجربه کاربری UX را از صفر چطور و از کجا یاد بگیریم؟

در به دست حسین محمودیدر adobe xd، figma، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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

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

در به دست حسین محمودیدر adobe xd، figma، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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

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

در به دست حسین محمودیدر adobe xd، figma، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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

آموزش جامع Adobe Xd – طراحی آیکان با Pathfinder – قسمت پنجم

در به دست حسین محمودیدر adobe xd، Tutorial - آموزش، طراحی رابط کاربری UI/UX

در قسمت پنجم آموزش جامع Adobe Xd به سراغ دستورات Boolean یا Path Finder می روم که بوسیله آن شما می توانید شکل های جدیدی در Xd طراحی کنید. فرض کنید که شما قصد دارید قسمتی از NavBar را برای دکمه Add به صورت 6 ضلعی در بیاورید.

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم

در به دست حسین محمودیدر adobe xd، Tutorial - آموزش، طراحی رابط کاربری UI/UX

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