Who says sketch can't do interactive design?

Source: Internet
Author: User

Today took the time to see the next silver this plug-in, this is the first sketch interactive plug-ins, through it, you can no longer rely on other software, you can complete the interactive program in sketch design and display work, sound still very cool. Now that silver is not available, let's take a look at this article about silver features.

The latest interactive tools have been constantly springing up, from the original Xcode, and the Hype3,pixate, which boasts no code, to principle, flinto, and the silver in the process of development. I do not know if we have a cross-stitch eye?

No matter which tool you are in, we need to be clear that the software is in or wants to implement these things:

1. Without writing code can achieve a variety of interactive effects

2. Create your own set of interactive language. The former is the static above mentioned Hype3,pixate,principle,flinto, or in addition to the traditional Xcode is Apple's native applications, there are creo. In addition to realizing the basic functions of the software mentioned earlier, Creo also created a set of own language to make itself more extensible.

Creo and today to highlight a salient feature of the silver, that is, static electricity to see them after the first impression is: This is a simplified version of the Xcode. They work through workflows and component architectures similar to Xcode. In other words, you can see all kinds of VC (view Controller) in Xcode, so you can see it in both software.

For example, you can see the components of image View,web View and so on in their interface. In conjunction with similar Xcode storyboard workflow, let the designer's interactive solution be realized. Here's a look at the silver features of the development process.

First silver The official position: Building lightweight mobile interaction prototypes directly in sketch. Yes, we found through the official video that, unlike other tools, it is really a Sketch plugin, yes, Everything within Sketch.

We can also see similar wiring effects, and it's really rare to connect directly to the sketch.

Of course, Phone preview.

Since silver has not yet been publicly available for downloading, we can get a lot of information through video, first of all he is based on sketch itself, without using a third-party tool, and then it can be previewed.

  The following features are provided by the official:

  1. Head and Bottom

By using the shortcut key, you can convert the layer to a fixed head or bottom, such as the Tabbar or title bar that we often use. The transparent layer in the sketch can be used as a button to achieve the function of page jump.

  2. Input areas that can be edited

You can convert the text layer into an input area that can be edited. These input areas can define different keyboard types. It looks cool.

  3. Point the layer to artboard

You can convert certain layers into clickable areas, specifying that they turn to a artboard. This is the realization of the page jump function.

  4. Embed Web views

You can specify a shape layer as the area where the Web views are displayed. Adjusting their size and position in the sketch allows the layer to display the real page in the preview. (Static electricity: I like this function)

  5. In-built transitions effect

We all know that in the Xcode have push,pop,modal and dismiss this transition effect, then use silver you can also realistically do. The artboard shown in modal mode can also do return processing.

  6. Integration of Core OS features

Make your prototype look real by implementing cameras, browsing albums, writing emails and texting, making phone calls or running external websites. (Static electricity: Amazing ...)

  7. Live Preview

So this is the standard for this kind of software, right? But Silver needs a standalone app to implement this preview feature. Preview with data cable or WiFi.

  Greatly improve the way you work:

Silver claims to be the first interactive tool built into sketch. Using this built-in approach allows you to avoid switching operations in the software and create interactive prototypes quickly and easily. At the same time, we can see that silver probably is based on Framer.js, which I believe we will not be unfamiliar. Through the silver module developed for framer, you can transfer the interaction between the two.

  Want to see the demo video?

Click on the http://silverflows.com website to view the official video. But it is recommended to prepare your own small ladder oh.

  Written in the last

Silver is still in the process of development, you can register on its official website, waiting for the development to complete, you will receive the Silver Team mail. Silver is the first built-in sketch in the interactive design software, its performance, still waiting for everyone to try. But sketch through this plug-in way to make up for their own can not do the "defect" of interactive manuscript, this must be able to meet the expectations of many users? The silver team says that with silver, your design manuscript is your interactive prototype, so let's wait and see.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.