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

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

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

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

آموزش وایرفریم چیست و چطور یک 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 – ساخت چارت و نوار پیشرفت دایره ای

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

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

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

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

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

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

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

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

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

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

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

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

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

تفاوت pt و px در طراحی رابط کاربری

تفاوت pt و px در طراحی رابط کاربری

تفاوت pt و px در طراحی رابط کاربری چیست؟ در طراحی رابط کاربری ممکن هست این سوال براتون پیش بیاد که اندازه صفحه رو بر اساس چه کمیت طراحی کنیم!؟ معمولا به دو مورد که بیشترین استفاده در طراحی رابط…