آموزش ProtoPie: Design Interactive Prototypes | از فرش به عرش

ProtoPie: Design Interactive Prototypes | from Zero to Hero

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: آموزش ایجاد نمونه های اولیه اپلیکیشن موبایل، وب و دسکتاپ با ProtoPie. با انیمیشن‌های حرکتی به طراحی خود جان ببخشید! آموزش اصول اولیه ProtoPie ایجاد نمونه های پیشرفته و پیچیده به طراحی UI خود زندگی با انیمیشن های متحرک ایجاد کنید نمونه های اولیه تعاملی ایجاد نمونه های اولیه با وفاداری بالا نمونه اولیه یک برنامه تلفن همراه نمونه اولیه یک نمونه اولیه برنامه وب با حرکات، شرایط و حسگرها در مورد مؤلفه ها، متغیرها و موارد استفاده بیاموزید دوربین گوشی هوشمند با نمونه اولیه شما بدون نیاز به مهارت کدنویسی طراحی رابط کاربری خود را از Adobe Xd وارد کنید طراحی رابط کاربری خود را از Figma وارد کنید طراحی رابط کاربری خود را از Sketch بارگذاری کنید نمونه اولیه خود را در Cloud بارگذاری کنید به همه اجازه دهید با نمونه اولیه شما از URL موجود در Windows و Mac OS تعامل داشته باشند پیش نیازها :Protopie نصب شده روی رایانه شخصی شما دانش اولیه Adobe Xd یا Figma یا Sketch امتیاز محسوب می شود

آیا مایلید نحوه ایجاد نمونه های اولیه بسیار تعاملی و پیچیده برای برنامه های موبایل، وب و دسکتاپ را بیاموزید. و آیا دوست دارید ببینید که وقتی با استفاده از انیمیشن های حرکتی به آن جان می دهید، طراحی استاتیک شما چگونه می تواند باشد؟ خب، در این دوره شما همه چیز را در مورد Protopie، از اصول اولیه گرفته تا موارد پیشرفته مانند ایجاد پروژه های نمونه اولیه جدی خواهید آموخت.

توجه: این دوره به طور مداوم به روز می شود. هر زمان که نسخه جدید ProtoPie منتشر شود، ویدیوهایی درباره همه ویژگی‌های جدید ایجاد و آپلود می‌شوند.


اگر قبلاً از Adobe XD، Figma یا Sketch برای طراحی UI/UX استفاده می‌کنید، یک خبر خوب برای شما دارم، زیرا ProtoPie با این نرم‌افزارها سازگار است. تنها با یک کلیک می توانید طرح پروژه خود را در ProtoPie وارد کنید و بلافاصله شروع به ایجاد نمونه های اولیه کنید! بله، به همین راحتی است! و این یکی از دلایل متعددی است که ProtoPie در عنوان خود کلمه Pie دارد. زیرا هرگز به این آسانی نبوده است! فلسفه پشت ProtoPie این است که نمونه سازی با وفاداری بالا باید به راحتی و سریع انجام شود. بسیاری از طراحان هنوز بر این باورند که نمونه سازی پیشرفته بدون کدنویسی امکان پذیر نیست. و با این دوره می خواهم به آنها ثابت کنم که اشتباه می کنند!


این یک دوره آموزشی کامل است که در آن همه چیز را در مورد ProtoPie خواهید آموخت. ما می خواهیم از خیلی ابتدایی شروع کنیم، مانند معرفی Protopie و رابط، ابزارها، محرک ها و پاسخ های آن. سپس بعد از آن می‌خواهیم برخی موضوعات پیشرفته‌تر مانند متغیرها، فرمول‌ها، صحنه‌ها و مؤلفه‌ها را پوشش دهیم. برای هر ابزار، پاسخ و ماشه، نمونه‌های عملی را به شما نشان خواهم داد.


و در پایان این دوره، وقتی همه چیز را یاد گرفتید، دو نمونه اولیه از ابتدا ایجاد می کنیم. یکی برای موبایل و دیگری برای وب اپلیکیشن. این نمونه های اولیه پروژه های پیشرفته ای خواهند بود و با دانشی که در این دوره جمع آوری کرده اید، حتی آن نمونه های اولیه پیچیده نیز برای شما آسان خواهد بود. و این پایان نیست، هنگامی که ساختن نمونه اولیه خود را به پایان می رسانیم، می خواهیم آن را با دوستان و خانواده خود یا حتی یک مشتری به اشتراک بگذاریم. چون نمی‌خواهیم کارمان بی‌توجه بگذرد. ما می خواهیم کارمان را با بقیه دنیا به اشتراک بگذاریم! و دوباره این کار با یک کلیک دور از ما امکان پذیر است، زیرا از Protopie می توانید کار خود را در یک ابر آپلود کنید و URL نمونه اولیه خود را با همه به اشتراک بگذارید. و همه می توانند از طریق یک مرورگر وب ساده با نمونه اولیه شما تعامل داشته باشند! آیا این شگفت انگیز نیست؟ می دانم که هست.


پس منتظر چه چیزی هستید، امروز در این دوره ثبت نام کنید و شروع به یادگیری و بهبود مهارت های خود کنید!


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

معرفی Introduction

  • معرفی Introduction

  • 50% تخفیف برای دانشجویان من 50% Discount for My Students

  • رابط پروتوپی Protopie Interface

  • نوار وضعیت (از نسخه 4.3.0) Status Bar (From v4.3.0)

  • میانبرها Shortcuts

لایه های Layers

  • لایه SVG SVG Layer

  • تاری پس‌زمینه (از نسخه 4.3.0) Background Blur (From v4.3.0)

  • لایه ویدیو Video Layer

  • لایه صوتی Audio Layer

  • لایه دوربین Camera Layer

  • لایه لوتی Lottie Layer

  • لایه متن/ورودی Text/Input Layer

  • محدودیت ها Constraints

ظرف Container

  • ظرف پیمایش/پیجینگ Scroll/Paging Container

Triggers را لمس کنید Touch Triggers

  • Triggers را لمس کنید Touch Triggers

محرک های شرطی Conditional Triggers

  • زنجیر Chain

  • دامنه Range

  • شروع کنید Start

  • تشخیص Detect

ماشه ماوس Mouse Trigger

  • ماشه Over/Out ماشه Mouse Over/Out Trigger

کلید ماشه Key Trigger

  • کلید ماشه Key Trigger

محرک های ورودی Input Triggers

  • ماشه فوکوس Focus Trigger

محرک های سنسور Sensor Triggers

  • ماشه شیب Tilt Trigger

  • ماشه صدا Sound Trigger

  • ماشه قطب نما Compass Trigger

  • ماشه مجاورت Proximity Trigger

  • ماشه را دریافت کنید Receive Trigger

پاسخ Responses

  • سفارش مجدد پاسخ Reorder Response

  • اسکرول پاسخ Scroll Response

  • پاسخ پرش Jump Response

  • پاسخ لینک Link Response

  • بازنشانی پاسخ Reset Response

  • توقف پاسخ Stop Response

  • اختصاص پاسخ Assign Response

  • پاسخ شرط Condition Response

صحنه Scene

  • صحنه Scene

اجزاء Components

  • اجزاء Components

متغیر و فرمول Variable and Formula

  • متغیر و فرمول Variable and Formula

ابر Cloud

  • پروژه خود را آپلود و به اشتراک بگذارید Upload and Share your Project

در حال ضبط Recording

  • نمونه اولیه خود را ضبط کنید Record your Prototype

پروژه شماره 1: نمونه اولیه یک برنامه موبایل Project #1: Prototype a Mobile App

  • درباره پروژه About the Project

  • پیش نمایش نمونه اولیه موبایل Mobile Prototype Preview

  • صفحه اول First Screen

  • صفحه دوم Second Screen

  • صفحه دوم - انیمیشن انتقال را وارد کنید Second Screen - Enter Transition Animation

  • صفحه دوم - انیمیشن اسلاید گالری Second Screen - Gallery Slide Animation

  • صفحه دوم - رفع همپوشانی لایه ها Second Screen - Fix Layer Overlap

  • صفحه دوم - پیکان عقب Second Screen - Back Arrow

  • صفحه دوم - انیمیشن قلب Second Screen - Heart Animation

  • صفحه دوم - دکمه افزودن به سبد خرید - قسمت 1 Second Screen - Add to Cart Button - Part 1

  • صفحه دوم - دکمه افزودن به سبد خرید - قسمت 2 Second Screen - Add to Cart Button - Part 2

  • صفحه دوم - دکمه افزودن به سبد خرید - قسمت 3 Second Screen - Add to Cart Button - Part 3

  • صفحه دوم - دکمه افزودن به سبد خرید - قسمت 4 Second Screen - Add to Cart Button - Part 4

  • در Cloud آپلود کنید Upload on Cloud

پروژه شماره 2: نمونه اولیه یک برنامه وب Project #2: Prototype a Web App

  • درباره پروژه About the Project

  • پیش نمایش نمونه اولیه وب Web Prototype Preview

  • صفحه اول First Screen

  • صفحه دوم Second Screen

  • صفحه سوم Third Screen

  • در Cloud آپلود کنید Upload on Cloud

نمایش نظرات

نظری ارسال نشده است.

آموزش ProtoPie: Design Interactive Prototypes | از فرش به عرش
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
5 hours
60
Udemy (یودمی) udemy-small
10 اردیبهشت 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
613
4.6 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Stefan Jovanovic Stefan Jovanovic

برنامه نویس/طراح اندروید

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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