دوره آموزشی Penpot برای طراحی تجربه کاربری (UX)
3 ساعت 14 دقیقهمتوسط2024-12-02
مدرسین

Tom Green
Teacher, Author, Professor
جزئیات دوره
این دوره عملی که برای طراحان، توسعهدهندگان و ذینفعان پروژه طراحی شده است، شما را از طریق ویژگیهای پلتفرم Penpot راهنمایی میکند. با استفاده از این دوره، با داشبورد، رابط کاربری و منوهای ابزارهای Penpot آشنا خواهید شد تا بتوانید به راحتی در این برنامه پیمایش کنید. به طراحی بردها، وایرفریمها، چینشهای گرید و پروتوتایپهای تعاملی بپردازید. یاد بگیرید چگونه متنها را اضافه کرده و قالببندی کنید، کامپوننتها بسازید و از کتابخانههای خارجی برای بهبود پروژههای خود استفاده کنید. همچنین به بررسی استفاده از چینشهای فلکس، چینشهای CSS grid و مدیریت تعاملات پیچیده برای طراحیهای کاملاً تعاملی خواهید پرداخت. بهترین شیوهها برای همکاری تیمی و انتقال مؤثر به توسعهدهندگان با استفاده از ویژگیهای بازرسی و صادرات Penpot نیز در این دوره پوشش داده میشود. در پایان دوره، شما مهارتهایی را برای ایجاد و مدیریت پروژههای طراحی حرفهای در Penpot به طور مؤثر خواهید آموخت.
اهداف یادگیری:
آشنایی با داشبورد و رابط کاربری Penpot: یادگیری نحوه دسترسی و استفاده از منوها و ابزارها در Penpot.
طراحی بردها، وایرفریمها و پروتوتایپهای تعاملی: ایجاد طرحهای اولیه و تعاملی برای پروژههای طراحی.
کار با چینشها و گریدها: استفاده از چینشهای فلکس و CSS grid برای طراحی صفحات پیچیده.
ایجاد و قالببندی متن و کامپوننتها: نحوه افزودن متنها و طراحی کامپوننتهای قابل استفاده مجدد.
استفاده از کتابخانههای خارجی در پروژهها: بهبود پروژهها با استفاده از کتابخانههای اضافی و منابع بیرونی.
مدیریت تعاملات پیچیده و طراحیهای تعاملی: طراحی و اجرای تعاملات پیچیده و داینامیک برای پروژهها.
تسهیل همکاری تیمی و انتقال به توسعهدهندگان: استفاده از ابزارهای بازرسی و صادرات برای انتقال صحیح طراحیها به تیم توسعه.
اهداف یادگیری:
آشنایی با داشبورد و رابط کاربری 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
نتیجه گیری
- مراحل بعدی