آموزش ProtoPie: Design Interactive Prototypes | از فرش به عرش
ProtoPie: Design Interactive Prototypes | from Zero to Hero
آیا مایلید نحوه ایجاد نمونه های اولیه بسیار تعاملی و پیچیده برای برنامه های موبایل، وب و دسکتاپ را بیاموزید. و آیا دوست دارید ببینید که وقتی با استفاده از انیمیشن های حرکتی به آن جان می دهید، طراحی استاتیک شما چگونه می تواند باشد؟ خب، در این دوره شما همه چیز را در مورد 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
https://donyad.com/d/b86048
Stefan Jovanovic
برنامه نویس/طراح اندروید
نمایش نظرات