دوره آموزشی Penpot برای طراحی تجربه کاربری (UX)

دوره آموزشی Penpot برای طراحی تجربه کاربری (UX)

3 ساعت 14 دقیقهمتوسط2024-12-02

مدرسین

Tom Green

Tom Green

Teacher, Author, Professor

جزئیات دوره

این دوره عملی که برای طراحان، توسعه‌دهندگان و ذینفعان پروژه طراحی شده است، شما را از طریق ویژگی‌های پلتفرم Penpot راهنمایی می‌کند. با استفاده از این دوره، با داشبورد، رابط کاربری و منوهای ابزارهای Penpot آشنا خواهید شد تا بتوانید به راحتی در این برنامه پیمایش کنید. به طراحی بردها، وایرفریم‌ها، چینش‌های گرید و پروتوتایپ‌های تعاملی بپردازید. یاد بگیرید چگونه متن‌ها را اضافه کرده و قالب‌بندی کنید، کامپوننت‌ها بسازید و از کتابخانه‌های خارجی برای بهبود پروژه‌های خود استفاده کنید. همچنین به بررسی استفاده از چینش‌های فلکس، چینش‌های CSS grid و مدیریت تعاملات پیچیده برای طراحی‌های کاملاً تعاملی خواهید پرداخت. بهترین شیوه‌ها برای همکاری تیمی و انتقال مؤثر به توسعه‌دهندگان با استفاده از ویژگی‌های بازرسی و صادرات Penpot نیز در این دوره پوشش داده می‌شود. در پایان دوره، شما مهارت‌هایی را برای ایجاد و مدیریت پروژه‌های طراحی حرفه‌ای در Penpot به طور مؤثر خواهید آموخت.

اهداف یادگیری:
آشنایی با داشبورد و رابط کاربری Penpot: یادگیری نحوه دسترسی و استفاده از منوها و ابزارها در Penpot.
طراحی بردها، وایرفریم‌ها و پروتوتایپ‌های تعاملی: ایجاد طرح‌های اولیه و تعاملی برای پروژه‌های طراحی.
کار با چینش‌ها و گریدها: استفاده از چینش‌های فلکس و CSS grid برای طراحی صفحات پیچیده.
ایجاد و قالب‌بندی متن و کامپوننت‌ها: نحوه افزودن متن‌ها و طراحی کامپوننت‌های قابل استفاده مجدد.
استفاده از کتابخانه‌های خارجی در پروژه‌ها: بهبود پروژه‌ها با استفاده از کتابخانه‌های اضافی و منابع بیرونی.
مدیریت تعاملات پیچیده و طراحی‌های تعاملی: طراحی و اجرای تعاملات پیچیده و داینامیک برای پروژه‌ها.
تسهیل همکاری تیمی و انتقال به توسعه‌دهندگان: استفاده از ابزارهای بازرسی و صادرات برای انتقال صحیح طراحی‌ها به تیم توسعه.

مهارت ها

UX DesignUser ExperienceWeb DevelopmentDeep Dive (X:Y)

سرفصل ها

مقدمه

  • Penpot چیست
  • استفاده از فایل‌های تمرین

رابط Penpot

  • داشبورد Penpot
  • پروژه‌ها در Penpot
  • پیش نویس‌های Penpot
  • تیم‌ها در Penpot
  • کتابخانه‌های پنپات
  • استفاده از فونت‌ها در Penpot
  • ابزار Penpot
  • قالب‌ها در Penpot
  • منوی Penpot
  • حالت تاریک حالت روشن در Penpot

تابلوهای پنپات

  • ایجاد و استفاده از تابلوها
  • شبکه
  • یک شبکه آیفون ایجاد کنید
  • راهنماها و گرید Penpot

Wireframing در Penpot

  • با استفاده از اشکال اولیه یک وایرفریم ایجاد کنید
  • با استفاده از کامپوننت‌ها یک Wireframe ایجاد کنید
  • با استفاده از یک کتابخانه یک Wireframe ایجاد کنید

ایجاد یک شبکه CSS

  • یک صفحه وب ایجاد کنید
  • افزودن محتوا
  • قالب‌بندی متن
  • استفاده از ابزار Penpot
  • نمای کلی از پنل خواص

ایجاد طرح بندی فلکس

  • چیدمان flex در Penpot چیست
  • نحوه ایجاد یک طرح انعطاف پذیر

یک صفحه برنامه بسازید

  • یک صفحه برنامه ایجاد کنید
  • یک صفحه نمایش آیفون بسازید
  • یک صفحه اندروید بسازید

ایجاد کامپوننت در Penpot

  • نحوه ایجاد کامپوننت دکمه ای
  • یک کتابخانه مؤلفه ایجاد کنید
  • تعویض اجزا در Penpot

اضافه کردن تعامل

  • نحوه استفاده از حالت نمونه اولیه
  • تعامل پیچیده
  • استفاده از همپوشانی برای ایجاد دکمه تعاملی 3 حالته
  • اجزای تعاملی

پروژه‌های Penpot عملی

  • نحوه ایجاد منوی اسلاید در
  • نحوه ایجاد یک شبکه تکراری در Penpot
  • کاوش ترکیب‌ها و بولی ها
  • نحوه مدیریت اجزای محلی
  • حرکت جعلی
  • یک برنامه بسازید

Export پروژه‌های Penpot

  • استفاده از پنل بازرسی Penpot
  • استفاده از قابلیت Export Penpot

نتیجه گیری

  • مراحل بعدی
۸۰,۰۰۰ تومان