Principle App - UI Prototyping | Greg Rog | Skillshare

Principle App - UI Prototyping

Greg Rog, learnux.io

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
40 Videos (5h 23m)
    • Introduction to Principle

      2:46
    • Getting to Know Principle

      3:24
    • Simple Animations

      7:54
    • Layer Organization

      9:20
    • Animation Panel

      6:13
    • Import from Sketch

      4:49
    • Easing in Animation

      6:20
    • Entry Animation

      9:03
    • Next Screens Animaition

      7:19
    • Working with Dividers

      12:15
    • Principle Mirror

      4:07
    • Designing in Sketch

      7:19
    • Sketch Import and Paging

      8:25
    • Intro Animation

      13:14
    • Organizing Sketch Assets

      13:18
    • Sketch Import

      10:12
    • Card Animation

      10:19
    • List Animation

      3:40
    • Creation of Components

      12:56
    • Component Events

      5:29
    • Room Menu

      7:12
    • Temperature Animation

      4:36
    • Ambient Color Change

      6:16
    • Animation on Path

      11:34
    • Senses Animation

      8:33
    • Preparing Assets

      8:27
    • Recording Presentation

      6:29
    • Going to Photoshop

      14:39
    • Working with Mockups

      6:27
    • First Presentation Page

      12:22
    • Second and Third Presentation Page

      12:30
    • Fourth Presentation Page

      6:18
    • Fifth and Sixth Presentation Page

      11:28
    • Seventh Presentation Page

      9:07
    • Eight Presentation Page

      8:07
    • Preparing for Export

      8:15
    • Gif Export

      7:31
    • All Assets Export

      7:04
    • Behance Presentation

      6:47
    • Goodbye

      0:59

About This Class

Prototyping with Flinto is one of the most essential skills for the best UI/UX designers. The software allows its user to create transitions and micro interactions which very precisely showcase the project’s functionality. You are able to perfectly reflect the workings of an app before its final implementation or project presentation. Working with Flinto gives you an unprecedented level of control over every single aspect of the project, and this course is all you need to start your Flinto experience!

You will find two practical projects, in the course. The first one is a simple application mockup to help you become familiar with all the functions and tools of the Flinto app, including: transitions, behaviors, gestures, easing, and more advanced animations.

In comparison with other prototyping tools, Flinto distinguishes itself by its wide array of unique capabilities, useful while creating micro interactions and animations. Behaviors, for example, allow the use of reusable components in the project, and save the designer a lot of time.

We also discuss interactive capabilities of Flinto, including its cooperation with Sketch. With a special plug-in, you will be able to export your finished project to Flinto, and contrary to other apps, manage the whole structure of editable layers, as well as vectors!

229

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Report class