برچسب تجربه کاربری

آموزش ساخت دیزاین سیستم در فیگما – قسمت دوم

آموزش ساخت دیزاین سیستم در فیگما - قسمت دوم
در یک سری ویدیوهای آموزشی میخوام بخش هایی از یک دیزاین سیستم را در فیگما با هم درست کنیم. در این ویدیو من پیش نیازهایی که شما باید برای ساخت یک دیزاین سیستم بلد باشید رو به شما آموزش می دهم. با من همراه باشید.

دیزاین سیستم چیست و تفاوت آن با پترن لایبرری و استایل گاید

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

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

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

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

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

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

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

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

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

10 افزونه کاربردی مرورگر برای طراحان رابط کاربری UI

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

آموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس

آموزش ابزارهای به اشتراک گذاری طرح رابط کاربری UI با برنامه نویس
در این فیلم من به شما نشان می دهم که چطور طراحی رابط کاربری ( UI/UX ) که انجام داده اید را در اختیار برنامه نویس با کارفرما قرار دهید تا بتوانند کد های آن را بنویسند و یا اینکه بر روی روند طراحی نظارت داشته باشند.

آموزش وایرفریم چیست و چطور یک Wireframe برای UI و UX بکشیم؟

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

آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم

آموزش Adobe XD - معرفی 5 پلاگین فوق العاده کاربردی - قسمت دوم
در این قسمت من میخوام 5 پلاگین کاربردی دیگه که سرعت کار شما در طراحی رو افزایش میدن رو بهتون معرفی کنم. شما بوسیله این پلاگین ها سریع می توانید آرتبورد های خود را مرتب کنید، با استفاده از آبجکت های مختلف شکل های منظمی درست کنید، اگر ویژگی گرد کردن گوشه های یک آبجکت از بین رفته، اون رو برگردونید و ...

آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت اول

آموزش Adobe XD - معرفی 5 پلاگین فوق العاده کاربردی - قسمت اول
در این قسمت اول سری ویدیو های معرفی پلاگین های ادوبی ایکس دی قصد دارم پلاگین خیلی کاربردی این برنامه را که به ما در طراحی رابط کاربری سرعت میدهند و در واقع کار ما را آسان می کند را به شما معرفی و سپس نحوه ی کارکرد آنها را به شما آموزش دهم. در اولین قسمت از این آموزش و در معرفی اولین پلاگین سراغ پلاگینی می‌روم که بوسیله آن شما می توانید مشکل فارسی نویسی و بصورت دقیق تر مشکل راست چین نویسی در ادوبی ایکس را رفع کنید. پلاگین خیلی کاربردی دیگه ای که به معرفی اون می پردازم برای خروجی گرفتن از آرتبورد های شما با کیفیت بالاست.

نمونه‌کار: رابط کاربری وبسایت سالن خدمات زیبایی XBeauty

نمونه‌کار: رابط کاربری وبسایت سالن خدمات زیبایی XBeauty
کانسپت سالن زیبایی Xbeauty بر اساس این طراحی شد که زمانی که یک کاربر وارد سایت می شود، متوجه خدمات زیبایی با کیفیت، تمیز و تا تجهیزات مدرن بشود و در واقع این حس را به آن ها القا کند. در همان ابتدای سایت خدمات ویژه سایت بصورت اسلایدر درآمده و نمایش داده میشود و بلافاصله همه ی خدمات این سالن آرایشی در دید کاربر قرار میگیرد. بعد از این مرحله به معرفی سالن زیبایی XBeauty پرداخته می شود و پس آن نمونه کارهای این سالن زیبایی به کاربر ارائه می شود. نظرات مشتریان در مرحله بعد نمایش داده می شود و پس از آن یک آفر یا پیشنهاد ویژه به کاربر ارائه می شود تا وارد مرحله سفارش خدمات زیبایی شود و اگر از این مرحله عبور کرد در انتها قسمت رزرو نوبت قرار داده شد که بتواند یک نوبت بصورت آنلاین رزرو کند.

نمونه‌کار: رابط کاربری اپلیکیشن پزشکی مِدیکس

  نمونه‌کار: رابط کاربری اپلیکیشن پزشکی مِدیکس این یک اَپ نوبت گیری پزشکی بود که پارسال طراحیش کردم.از این اپلیکیشن 3 گروه استفاده میکنن: پزشکان، بیماران و منشی پزشکان. به این ترتیب یک بیمار در اپ میگرده دنبال پزشک مورد…

آموزش Adobe Xd -‌ یک دکمه برای همه جا در طراحی رابط کاربری

آموزش Adobe Xd -‌ یک دکمه برای همه جا در طراحی رابط کاربری

طراحی یک دکمه برای استفاده در همه جای طرح رابط کاربری با Xd به چه معناست؟ شما با استفاده از این ویژگی به راحتی می توانید یک دکمه را به عنوان دکمه ی اصلی طراحی کنید و بعد از آن…

اصطلاحات مربوط به رنگ ها در طراحی رابط کاربری

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

اصول طراحی رابط کاربری برای تلویزیون

اصطلاحات مربوط به رنگ ها در طراحی رابط کاربری

  پیشگفتار قبل از ادامه مقاله طراحی رابط کاربری برای تلویزیون نکاتی قبل از خواندن متن: من برای اینکه یک رابط کاربری برای تلویزیون طراحی کنم یک سری تحقیقات انجام داد و این یک مقاله خوب از سایت toptal بود…