طراحی رابط کاربری(UI/UX) - طراحی محصول

آموزش ادوبی ایکس دی: ساخت چارت‌ها و نوار پیشرفت دایره ای

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

۱۱ سایت مختلف برای دانلود تصاویر با کیفیت و رایگان

آموزش ویدیویی:‌ 11 سایت مختلف برای دانلود تصاویر با کیفیت و رایگان در این قسمت از فیلم های آموزشی AsteriXarts به شما ۱۱ سایت مختلف رو معرفی میکنم که قادر خواهید بود تصاویر با کیقیت خیلی بالا و بصورت رایگان را دانلود کنید و براحتی در…

آموزش ویدیویی:‌ تغییر رنگ طبیعی هر چیزی در فتوشاپ

آموزش ویدیویی:‌ تغییر رنگ طبیعی هر چیزی در فتوشاپ در این آموزش من با 3 مثال و روش های مختلف راه هایی را که شما قادر خواهید بود که رنگ قسمتی از تصویر را تغییر بدید به شما آموزش خواهم داد. اساس کلی این روش با استفاده از ویژگی hue and…

آموزش ویدیویی:‌ تغییر اندازه اتوماتیک فریم متن در ایندیزاین

آموزش ویدیویی:‌ تغییر اندازه اتوماتیک فریم متن در ایندیزاین در صفحه آرایی با ایندیزاین شما باید مطالب مختلف رو در صفحات قرار بدید و اگر بخواهید برای هر صفحه یک text frame جدید درست کنید و آن را تنظیم کنید بسیار وقت شما را خواهد گرفت.…

آموزش ویدیویی:‌ صفحه آرایی زیبا با متن‌های ساختگی در ایندیزاین

آموزش ویدیویی:‌ صفحه آرایی زیبا با متن‌های ساختگی در ایندیزاین در این قسمت از آموزش ایندیزاین می‌خواهم شما رو با یکی از ویژگی‌ها یا ابزار های مفید ایندیزاین به نام placeholder text آشنا کنم که با استفاده از آن شما قادر خواهید بود که…

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

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

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

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

سریعترین راه‌های وارد کردن متن در صفحه آرایی با ایندیزاین

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، صفحه را رفرش یا بروز کنید تا ویدیوی آموزش را ببینید) سریعترین راه‌های وارد کردن متن در صفحه آرایی با ایندیزاین در صفحه آرایی با ایندیزاین شما با متن…

اضافه کردن پشتیبانی از زبان فارسی به فتوشاپ، پریمیر و ایلوستریتور

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، صفحه را رفرش یا بروز کنید تا ویدیوی آموزش را ببینید) اضافه کردن پشتیبانی از زبان فارسی به فتوشاپ، پریمیر و ایلوستریتور در این قسمت از فیلم های آموزشی…

آموزش ویدیویی: ۷ کراپ پر استفاده در طراحی گرافیک و صفحه آرایی

https://www.youtube.com/watch?v=DhZZBEqFKtA (برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، صفحه را رفرش یا بروز کنید تا ویدیوی آموزش را ببینید) آموزش ویدیویی: 7 کراپ پر استفاده در طراحی گرافیک و…

افزودن پشتیبانی زبان های راست به چپ (فارسی، عربی، عبری) به ایندیزاین ۲۰۱۷، ۲۰۱۸، ۲۰۱۹، ۲۰۲۰

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

اصطلاحات طراحی رابط کاربری – بخش اول: رنگها

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

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

نکاتی قبل از خواندن متن: من برای اینکه یک رابط کاربری برای تلویزیون طراحی کنم یک سری تحقیقات انجام داد و این یک مقاله خوب از سایت toptal بود که من اون رو ترجمه کردم که همه بتونن استفاده کنن. نکته ای که هست بعضی از کلمات رو من به صورت…

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

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

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

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

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

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

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

نمونه‌کار: رابط کاربری اپلیکیشن هواشناسی XWeather این طرح کانسپت یا مفهومی را من با تحقیقات بسیار طراحی کردم. در ابتدا اپ های مشابه هواشناسی رو مشاهده کردم و نقات قوت هر کدام رو در نظر گرفتم. از طرفی قصدم در طراحی رابط کاربری این…

نمونه‌کار: رابط کاربری وبسایت آژانس مسافرتی و گردشگری

نمونه‌کار: رابط کاربری وبسایت آژانس مسافرتی و گردشگری این طرح مفهومی یا کانسپت از یک وبسایت آژانس گردشگری و مسافرتی است که من نام اون رو FoxTravel گذاشتم. در واقع این طرح قرار بود من این طرح را برای یک شرکت گردشگری و مسافرتی در…

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

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

نمونه‌کار: رابط کاربری داشبورد خانه هوشمند Smart Home

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