لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی تعامل و اصول UX/UI
- آخرین آپدیت
دانلود Interaction Design and UX/UI Principles
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره جامع طراحی UX/UI شما را قادر میسازد تا محصولات دیجیتال بصری و جذاب خلق کنید. با شروع از اصول بنیادی طراحی تعامل، یاد خواهید گرفت که جریانهای کاربرپسند و وایرفریمها را طراحی کنید. سپس با یادگیری تکنیکهای وایرفریمینگ و پروتوتایپینگ در فیگما (Figma)، به ایدههای خود جان ببخشید. در ادامه، درک عمیقی از اصول UX/UI به دست آورده و رابطهای کاربری زیبا و عملکردی خواهید ساخت که تجربه کاربری را در اولویت قرار میدهند. در نهایت، با استفاده از بازخوردهای موثر مشتری و تکرار فرآیند، طراحیهای خود را اصلاح میکنید تا اطمینان حاصل شود که محصول نهایی هم نیازهای کاربر و هم اهداف تجاری را برآورده میکند. در پایان دوره، شما مجهز خواهید بود تا تجربههای کاربری استثنایی را از مرحله مفهوم تا پروتوتایپ نهایی طراحی کنید.
در پایان این دوره قادر خواهید بود:
• شناسایی و اعمال اصول طراحی تعامل برای ایجاد محصولات دیجیتال کاربرپسند.
• توسعه مهارتها در ساخت وایرفریم و پروتوتایپ با استفاده از Figma.
• بهکارگیری اصول طراحی UX/UI برای ایجاد رابطهای کاربری جذاب و کاربردی.
• تکمیل یک پروژه نهایی که توانایی طراحی یک رابط دیجیتال کاربرپسند را نشان میدهد.
این یک دوره مقدماتی است که برای علاقهمندان به هنر و طراحی، طراحان گرافیک که میخواهند مهارتهای خود را گسترش داده و طراحی UX/UI را به رزومه خود اضافه کنند، توسعهدهندگان وب که میخواهند طراحی رابطهای کاربرمحور را بیاموزند، و یا هر فرد علاقهمند به خلق تجربههای کاربری عالی در نظر گرفته شده است. برای موفقیت در این دوره، داشتن سواد پایه، آشنایی نسبی با اصول اولیه طراحی و دسترسی به نرمافزار Figma الزامی است.
سرفصل ها و درس ها
مقدمهای بر فیگما
Introduction to Figma
خوشآمدگویی به دوره طراحی تعامل و اصول UX/UI
Welcome to Interaction Design and UX/UI Principles
خوشآمدگویی به محیط فیگما
Welcome to Figma
فیگما: پتانسیلهای طراحی خود را آزاد کنید
Figma: Unleash your design potential
ناوبری در رابط کاربری فیگما
Navigating the Figma Interface
ایجاد یک پروژه جدید در فیگما
Creating a new Figma project
اشکال پایه و ابزارهای ترسیم در فیگما
Figma's basic shapes and drawing tools
شکلدهی به طرحهای خود با فیگما
Shape up your designs with Figma
افزودن عناصر به بوم (Canvas) فیگما
Add elements to the Figma canvas
وارد کردن و افزودن تصاویر به فیگما
Import and add images to Figma
تغییر شکل و چیدمان عناصر
Transform and arrange elements
لایهها و گروهها: سازماندهی طرحهای شما
Layers and groups: Organizing your designs
ایجاد لایهها و گروهها در فیگما
Create layers and groups in Figma
ابزار Pen در فیگما
The pen tool in Figma
مبانی متن در فیگما
Text basics in Figma
ابزارهای پایه رنگ و تایپوگرافی
Basic color and typography tools
کلمات و رنگها: زبان طراحی
Words and colors: The language of design
کار با لایههای متن در فیگما
Working with text layers in Figma
فریمها و چیدمانها (Layouts)
Frames and layouts
نکات و ترفندهای تایپوگرافی
Typography tips and tricks
استایلهای متن و سازماندهی آنها
Text styles and organization
مقدمهای بر طراحی تعامل
Introduction to interaction design
خوشآمدگویی به دنیای تعامل در طراحی
Welcome to interaction in design
یک روز از زندگی: جسیکا الیوت
Day in a life: Jessica Elliot
روانشناسی اصول طراحی تعامل
The psychology of interaction design principles
Affordance: تعاملات بصری و شهودی را بسازید
Affordance: Making interactions intuitive
مقایسه بازخورد خوب در مقابل بد کاربر
Good vs. bad user feedback: A side-by-side comparison
سفر کاربر: یک تجربه ناامیدکننده
The user's journey: A frustrating experience
یکپارچگی در پلتفرمها و محصولات مختلف
Consistency across platforms and products
قدرت یکپارچگی: یک روز از زندگی کاربر
The power of consistency: A user's day
ساخت یکپارچگی با سیستمهای طراحی (Design Systems)
Building consistency with design systems
درک جریانهای کاربری: نقشهبرداری از سفر کاربر
Understanding user flows: Mapping the user journey
ایجاد جریانهای کاربری در فیگما
Creating user flows in Figma
تاثیر دیداری: یافتن ویژگیهای پنهان
The impact of visibility: Finding hidden features
اشتباهات رایج در طراحی تعامل که باید از آنها دوری کرد
Common interaction design mistakes to avoid
تحلیل رقابتی: مقایسه رویکردهای طراحی
Competitive analysis: Comparing design approaches
چرا باید محصولات موجود را تحلیل کنیم؟
Why analyze existing products?
تکامل رابط کاربری (UI) یک اپلیکیشن موبایل
The evolution of a mobile app UI
طراحی UX/UI در فیگما
UX/UI design in Figma
خوشآمدگویی به طراحی UX/UI در فیگما
Welcome to UX/UI design in Figma
هدف از وایرفریمها چیست؟
Purpose of wireframes
ضروریات وایرفریمینگ: ساخت ساختار اسکلتی
Wireframing essentials: Building the skeletal structure
وایرفریمینگ در عمل: از اسکچ تا دیجیتال
Wireframing in action: From sketch to digital
مقدمهای بر طراحی UX/UI
Introduction to UX/UI design
فرآیند طراحی تجربه کاربری (UX)
UX design process
پرسوناهای کاربر و سناریوها
User personas and scenarios
ایجاد پرسونای کاربر در فیگما
Creating user personas in Figma
معماری اطلاعات و جریانهای کاربری
Information architecture and user flows
طراحی برای دسترسیپذیری (Accessibility)
Designing for accessibility
ایجاد پروتوتایپهای تعاملی UX/UI و استفاده از رنگ و تایپوگرافی در فیگما
Creating interactive UX/UI prototypes and Using color and typography in Figma
نمایش نظرات