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

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

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

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

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

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

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

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

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

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

آموزش Adobe Xd – ساخت چارت و نوار پیشرفت دایره ای

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

  پیش از شروع در مورد موضوع strokes در فتوشاپ چند نکته قابل بیان هست مورد اول این مطلب هم برای کسانی که میخوان طراحی ui انجام بدن و هم کسانی که اصلا کاری به طراحی ui ندارن مفید هست.…

ادامه مطلبطراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

طراحی رابط کاربری موبایل – pixels, points و resolutions

3333-6702820

  تفاوت بین Pixels, Points و resolutions می تونه حتی برای طراح های با تجربه ای که قصد ورود به طراحی رابط کاربری موبایل رو دارند یا کسانی که با صفحه نمایش و نحوه کارکرد اون آشنا نیستن گیج کننده…

ادامه مطلبطراحی رابط کاربری موبایل – pixels, points و resolutions

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

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

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

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