![]() ![]() This panel here serves as an inspector for the various elements you have selected. This is where you add triggers, responses and ultimately you will create animations. And this is where you will do most of the work in a ProtoPie. This is the main Canvas where you see your currently selected scene. ![]() This is the layer panel, so if I'm gonna add a rectangle here, we can see it also being displayed here on the layer list. And here on the right, we also have some options for previewing, testing on different devices, and uploading the prototype to the Cloud. Moving forward we have options for the device that we wanna use to preview our prototype currently by default, it's set to an iPhone eight size, but you can always change this to a larger size. You can add text, and you can add some containers, like scroll page and containers, these are more advanced frankly. If that's what you want, you can add your own media. On this top bar, you have access to your, some of the most common tools so you can add your own images. You have access to your scenes and to your components. Now let's do a quick tour of the interface right here on this left sidebar. You just open up ProtoPie, you import your design files as we'll see in the next lesson, and then you can use the various options in the app to create your prototypes. Once you've finished designing your app, your website, whatever it is that you wanna prototype in one of these apps. But because I'm using Windows right now, I can only bring in designs from Adobe XD and figma. So currently in ProtoPIe you can bring in designs from Adobe XD, figma, and if you're using the Mac OS version of the app, you can also import sketch files. So it means you need to bring in your designs from somewhere else. Now, I should point out that ProtoPie is not a design tool. Let's just click on new pie, and this is it. And there are a couple of examples they give you here. This is a paid app, but you do have the option to use it for free for seven days. All right, currently I'm using a seven day free trial. So let's go ahead and download and open this. So we just click this button depending on your operating system, it's gonna download the appropriate file. It works on both Mac OS and Windows and you can download it at ProtoPie.io. ProtoPie is a desktop app you can use to create high fidelity prototypes. This course covers totally all features in protopie, and would be constantly updated with new videos as more features come out with subsequent release in protpie's software version.Welcome to lesson number one, where you'll learn what is ProtoPie, where you can get it, how much it costs, and what you can do with it. In this course, there are two class projects, you would be prototyping an Application and a website.īy the end of this course, you would be able to create more dynamic prototypes and better understand the logics behind micro-interactions and layer transition animations. There are class excersices to sharpen your skills at each section and also pdf tips to guide you through on smooth use of protopie. This would boost your confidence in taking up bigger projects that has to do with prototyping and also boost yout career as a designer and your prototyping skills. Through out this course, you would learn all it takes to be a pro at prototyping. Protopie is an industry professional software used by beginners and professionals in prototyping to bring their designs to live. i have been using protopies and its amazing features to create beautiful prototypes. My name is Paul and I'm a creative designer, UI/UX specialist, web & app developer and also an electronics engineer. ![]() ![]() Have you ever wondered how you could make your designs and prototypes come to live or how you could make them seem more real and interactive? In this course, you would learn all tips, tools and so much more to create top notch dynamic and interacive prototypes which would be an added advantage to your CV. ![]()
0 Comments
Leave a Reply. |