principle is a tool for designing animations and interactive user interfaces for web, mobile and desktop; it well combines the advantages of animation production software such as Sketch, Keynote, Flash and After Effect, and can quickly create Visual interactive prototypes and pleasing dynamic effects.
The operating environment of this tutorial: macos 10 system, principle version 5.13, Apple MacBook Pro 16 computer.
Principle is a tool for designing animated and interactive user interfaces for web, mobile and desktop (some design teams are even using it for virtual reality!). Principle accelerates the design development cycle by allowing you to quickly evaluate your ideas before investing valuable engineering time. After a final design is decided upon, a Principle prototype can communicate ideas to the engineering team.
Rather than providing features specifically designed to deliver design trends or niche use cases, Principle is clearly more focused on providing a toolbox of general-purpose features that can be combined in creative ways to produce a variety of results. Because it is impossible to cover all the ways these features can be combined, this document focuses on explaining the principles of how the Principle works and lets the reader invent creative applications.
Principle perfectly combines the advantages of motion effect production software such as Sketch, Keynote, Flash and After Effect, and can quickly create visual interactive prototypes and pleasing dynamic effects. Using Principle, you can achieve common effects such as page transitions, page linkage, loading animations, and element changes. Of course, it also has limitations. If it involves data interaction, such as Axure's repeater effect, it is not the best one. Restoration tool.
Advantages of Principle
(1) Simple and easy to use
Open Principle and we will pay attention immediately Yes, it is very similar to the Sketch interface. It also has toolbars, inspectors, Artboard and layer lists. Amazingly, it also lets you copy and paste elements directly from Sketch, with just Cmd C and Cmd V. Not only that, the learning cost of Principle is very low. You can build an interactive prototype on your mobile phone with just a simple drag and drop, which may take less than 5 minutes. This means that the maintenance cost of Principle is also relatively low. You must know that we refuse to make high-fidelity prototypes because it is too time-consuming and laborious. If we have this time, it is better to write more interactive instructions. The shorter the time for dynamic prototype design, The better it is for us to verify our ideas at low cost.
(2) Seamless link with Sketch
In the Principle toolbar, there is a tool called Import with a diamond icon on it. This is an import tailored for Sketch. Tool, click it to import the desired materials from Sketch, provided that Principle and Sketch are turned on at the same time. In addition, be sure to remember that when multiple layers of Sketch are imported into Principle, they will be automatically merged into one layer. Therefore, you must carefully check which layers cannot be merged before importing.
In addition, Principle’s shortcut keys are highly overlapped with those of Sketch, such as adding artboard A, right rectangle R, text tool T, group Cmd G... a truly seamless link.
(3) It can provide dynamic effect parameters for development
Do you still remember the dynamic effect description we described in Chapter 6? To achieve some curve effects that first accelerate and then decelerate, we need to provide the development engineer with what kind of animation curve it is. Taking iOS as an example, if you are using the system's default Core Animation engine, the Principle will provide two function curves, EaseOut and EaseIn, and you can adjust four corresponding parameter value settings. To put it bluntly, Principle can provide some of the dynamic parameters needed for development.
If you want to read more related articles, please visitPHP Chinese website! !
The above is the detailed content of What software is principle?. For more information, please follow other related articles on the PHP Chinese website!