برچسب رابط کاربری

5 پلاگین فوق العاده کاربردی فیگما 2021 – قسمت اول

5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول
درفیلم آموزشی 5 پلاگین فوق العاده کاربردی Figma 2021 - قسمت اول بهترین افزونه های فیگما را به شما معرفی و نحوه کار با آنها را به شما آموزش می دهم. مهمترین پلاگین که آنرا معرفی می کنم پلاگینی برای فارسی نویسی در فیگما است که خیلی راحت شما می توانید متن های خود را بصورت راستچین در فیگما بنویسید یا آن را تصحیح کنید. اکثر این پلاگین این امکان را به شما می دهند که بتوانید خیلی سریع دیتا یا محتوای مورد نیاز در طراحی خود را بصورت اتوماتیک تهیه کنید که این دیتا ها می توانند آواتار یا تصاویر پروفایل اشخاص، دیتای متنی مثل اسم، آدرس، شغل و ... ، چارت ها و تصاویر با کیفیت اشاره کرد.

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

10 ترفند فوق العاده کاربردی فیگما 2021 - قسمت اول
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم. در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

آموزش طراحی UI/UX با Figma از صفر در 30 دقیقه با مثال کاربردی
در قسمت اول سری آموزش های Figma قصد دارم طراحی UI/UX را با یک مثال کاربردی از طراحی اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم. در این آموزش از صفر و با دانلود و ثبت نام در فیگما شروع می کنیم و در ادامه صفحه ورود یا Login و صفحه اصلی اپلیکیشن سفارش غذا را طراحی میکنم و در همین حین نحوه استفاده از فیگما را به شما آموزش می دهم.

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

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

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

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

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

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

آموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها

آموزش UI/UX : دانلود 15 پک آیکان های SVG رایگان و نرم افزار جستجو و مدیریت آیکان ها
آیا شما هم برای پروژه های مختلف به دنبال آیکان های SVG هستید؟ در این آموزش من دو نرم افزار برای مدیریت و جستجو در آیکان‌های SVG را به شما معرفی میکنم. شما به وسیله این نرم افزارها علاوه بر اینکه قادر هستید در بین آیکان های SVG جستجو کنید، خیلی سریع می توانید رنگ و یا اندازه آن را تغییر داده و فقط با کشیدن و رها کردن آن در نرم افزار مورد نظر خود از آن استفاده کنید.

آموزش UI/UX – طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS

  نمونه‌کار: رابط کاربری تلویزیون هوشمند XOS با توجه به اینکه این روزها تلویزیون های هوشمند و یا اپ های مختلف از قبیل فیلیمو و … در دسترس اکثر افراد هست، در این طرح سعی کردم مواردی رو طبق اصول…

نمونه‌کار: رابط کاربری کارت پرواز XBoarding

نمونه‌کار: رابط کاربری کارت پرواز XBoarding این طرح با توجه به سردرگمی مسافران در هنگام دریافت کارت پرواز طراحی شده تا کاربران بدون معطلی و بصورت دیجیتالی کارت پرواز و اطلاعات آن را در محیطی تمیز دریافت کنند. این طرح…

نمونه‌کار: رابط کاربری صفحه پرداخت بانک XPay

نمونه‌کار: رابط کاربری صفحه پرداخت بانک XPay این طرح بر اساس یک چالش طراحی شد که چطور میتوان صفحات درگاه پرداخت بانک ها را به خصوص در موبایل به گونه‌ای باز طراحی کرد که کاربر اطلاعات را بدون سردرگمی و…