دسته طراحی UI/UX

طراحی رابط کاربری – User interface design

آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش ابزار متن و فارسی نویسی در Adobe Xd - قسمت سوم

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

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

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

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

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

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

چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ – قسمت اول

چطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ - قسمت اول

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

ادامه مطلبچطور مشتری خوب پیدا کنیم و چگونه به آنها قیمت درست بدهیم؟ – قسمت اول

آموزش جامع Adobe XD – محیط ظاهری و آرتبورد ها – قسمت اول

آموزش جامع Adobe XD - محیط ظاهری و آرتبورد ها - قسمت اول

در یک سری ویدیوهای دنباله دارم من میخواهم طراحی UI/UX را با استفاده از Adobe XD به شما آموزش دهم.
در قسمت اول این سری من ابتدا نحوه دانلود و نصب ادوبی ایکس دی را به شما آموزش می دهم و سپس به سراغ معرفی قسمت های مختلف Adobe XD می روم و در ادامه نحوه ساخت و کاربرد آرتبورد های مختلف را به شما آموزش میدهم.
سپس بعضی از تنظیمات مختلف در پنل Inspector را معرفی و در نهایت با محوه فعالسازی و استفاده از خطوط راهنمای مختلف و همچنین ستون بندی آرتبورد این قسمت را ادامه می دهم.

ادامه مطلبآموزش جامع Adobe XD – محیط ظاهری و آرتبورد ها – قسمت اول

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

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

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

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

Hierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

Hierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

در این قسمت به سراغ اصل Hierarchy یا سلسله مراتب در دیزاین رفتم به شما نشان می دهم که چطور از آن برای اولویت دادن به عناصر داخل صفحه استفاده کنید. از Hierarchy در همه‌ی حیطه های طراحی از قبیل طراحی رابط کاربری UI/UX ، صفحه آرایی ، طراحی گرافیک مثل طراحی پوستر و... بسیار استفاده می شود.

ادامه مطلبHierarchy یا هایراکی چیست و کاربرد آن در طراحی UI/UX و صفحه آرایی

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

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

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

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

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

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

ادامه مطلبلندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

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

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

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

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