Penpot برای طراحی UX

مدرس Tom Green

انتشار 2024/12/02

مدت زمان 3h 13m

سطح مناسب همه

فایل تمرینی دارد

آموزش Penpot for UX Design

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

User Experience Design (UED) User Experience (UX)

Introduction

What is Penpot? ()

Using the exercise files ()

1. The Penpot Interface

The Penpot dashboard ()

Projects in Penpot ()

Penpot drafts ()

Teams in Penpot ()

Penpot libraries ()

Using fonts in Penpot ()

The Penpot tools ()

Templates in Penpot ()

The Penpot menu ()

Light mode/dark mode in Penpot ()

2. Penpot Boards

Creating and using boards ()

Grids ()

Create an iPhone grid ()

Penpot's guides and grid ()

3. Wireframing in Penpot

Create a wireframe using primitive shapes ()

Create a wireframe using components ()

Create a wireframe using a library ()

4. Creating a CSS Grid

Create a web page ()

Adding content ()

Formatting text ()

Using the Penpot tools ()

An overview of the properties panel ()

5 Creating Flex Layout

What is a flex layout in Penpot ()

How to create a flex layout ()

6. Build an app screen

Create an app screen ()

Create an iPhone screen ()

Create an Android screen ()

7. Creating Components in Penpot

How to create a button component ()

Create a component library ()

Swapping components in Penpot ()

8. Adding Interactivity

How to use prototype mode ()

Complex interactivity ()

Using overlays to create a 3-state interactive button ()

Interactive components ()

9. Practical Penpot Projects

How to create a slide-in menu ()

How to create a repeat grid in Penpot ()

Exploring blends and booleans ()

How to manage local components ()

Faking motion ()

Build an app ()

10. Exporting Penpot projects

Using the Penpot inspect panel ()

Using the Penpot export feature ()

Conclusion

Next steps ()

Ex_Files_Penpot_for_UX_Design.zip (45.1 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.