آموزش طراحی UI و الگوهای طراحی UX + بهترین شیوه ها. تدریس شده توسط یک مربی UX/UI دانشگاه - 2022

UI design & UX design patterns + best practices. Taught by a University UX/UI instructor - 2022

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این کلاس تجزیه و تحلیلی از الگوها و اجزای طراحی رابط کاربری است.

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

قسمت 1:
ما در هر مؤلفه رابط کاربری عمیقاً بررسی می‌کنیم و بهترین روش‌ها را برای موارد زیر پوشش خواهیم داد:

• فیلدهای فرم
• دکمه‌ها
• گزینه‌های کرکره‌ای
• انتخاب‌کننده‌های تاریخ
• دکمه‌های رادیویی، کادرهای تأیید تغییر می‌کند
• فرم‌های جستجو فرم‌های آدرس
• نوارهای عنوان نوارهای برگه
• برگه‌های آکاردئون
• نکات ابزار سایه‌ها
• عکس‌های کوچک چرخ فلک
• جعبه‌های لایت‌باکس مدال‌ها
• کشوهای منوها
• جادوگران، صفحه‌بندی خرده نان
• عکس‌های نمادها

قسمت 2 - طراحی فیگما:

من یک فایل Figma ارائه کرده ام که از آن به عنوان پروژه استفاده می کنیم که می توانید دانلود کنید. سپس گام به گام پیش می رویم و اجزای طراحی را در نمونه های اولیه زنده با هم با استفاده از ابزار طراحی figma

می سازیم.



بخش پروژه (بخش 2)
من یک فایل Figma ارائه کرده ام که از آن به عنوان پروژه استفاده می کنیم که می توانید دانلود کنید. سپس گام به گام پیش می رویم و اجزای طراحی را در نمونه های اولیه زنده با هم با استفاده از ابزار طراحی figma

می سازیم.

پیوست شده عبارتند از:

• مطالب درسی در قالب pdf
• مواد درسی در قالب فایل Figma
• بخش پروژه فایل Figma

در مورد فایل Figma
دستورالعمل‌هایی در ویدیو به نام "مواد دوره" وجود دارد و من دستورالعمل‌ها را نیز پیوست کرده‌ام


سرفصل ها و درس ها

درس ها Lessons

  • قسمت 2 منو و کشوها Part-2 Menu and Drawers

  • متشکرم Thank You

  • دکمه ها Buttons

  • ایجاد - دکمه های رادیویی وب Create - Web -Radio Buttons

  • دکمه های رادیویی، چک باکس ها، جابجایی ها Radio Buttons, CheckBoxes, Toggles

  • قسمت 1 منو و کشوها Part-1 Menu and Drawers

  • مواد کلاس Class Materials

  • معرفی کلاس Class intro

  • مدال ها و لایت باکس ها Modals and Lightboxes

  • ایجاد - وب - کشو منو Create - Web - Menu Drawer

  • ساختار کلاس Class Structure

  • نکات ابزار و سایه ها Tool tips and Shadows

  • نمادها Icons

  • ریز عکسها و چرخ فلک ها Thumbnails and Carousels

  • ایجاد - انتخابگر تاریخ تلفن همراه آیفون Create - Iphone Mobile Date Picker

  • صفحه بندی Pagination

  • ایجاد -وب - ایجاد حساب + اعتبارسنجی درون خطی Create -Web - Account Creation + Inline Validation

  • ایجاد - آیفون - نوار برگه Create - Iphone - Tab Bar

  • فیلدهای فرم Form Fields

  • مقدمه ای بر بخش پروژه Introduction to the Project Section

  • ایجاد - وب - کشویی Create - Web - Dropdown

  • پودرهای سوخاری Breadcrumbs

  • عکس ها Photos

  • خرماچیان Date pickers

  • جادوگران Wizards

  • ایجاد - آیفون - کشویی Create - Iphone - Dropdown

  • ایجاد - وب - مدال و آکاردئون Create - Web - Modals and Accordions

  • کشویی Dropdowns

  • آکاردئون ها و زبانه ها Accordions and Tabs

  • نوارهای برگه و نوار عنوان Tab-Bars and Title-Bars

  • 1 مقدمه الگوهای طراحی کلاس اضافه شد 1 Introduction Design Patterns added class

  • ایجاد - آیفون - مدال، نوار عنوان و منو Create - Iphone - Modal, Title-Bar and Menu

  • ایجاد - آیفون - کشیدن افقی Create - Iphone - Horizontal Swiping

  • آپلود فایل پروژه Project File Upload

  • ایجاد - آیفون - حالت تمام صفحه Create - Iphone - full screen modal

  • فرم های آدرس و جستجو Address and Search Forms

نمایش نظرات

آموزش طراحی UI و الگوهای طراحی UX + بهترین شیوه ها. تدریس شده توسط یک مربی UX/UI دانشگاه - 2022
جزییات دوره
7h 10m
36
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
317
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aaron Lawrence Aaron Lawrence

مدرس UX و طراح محصول در SF