wireframing and prototyping

One, resource template Opening the software will first pop up a template Selection page, which provides us with the IPhone, IPad, Web and other common design dimensions. It also brings a simple demo file and a common control library for IOS, Google Material, and Win Phone. The right side of the window is the recently used file record. 　　Second, the overall interface Choose a suitable size, we entered the software's operating interface. Compared with the traditional Adobe software

工欲善其事, its prerequisite, is especially true for designers. The addition of good tools to the whole design is quite obvious. Different tools are designed to work with different design processes and objects, and have a significant effect on the improvement of effectiveness and efficiency. As the barriers to design and development gradually blur, the latest design tools are also trying to integrate the design and development of the process, and code-free development of the cluster will be more foc

For visual designers, interactive designers, they need to do more than just design a static page and independent icon, they need to combine these elements together, according to the overall picture and visual experience to make changes. At the same time, developers looking at web site interaction design also need to pass certain tools. Therefore, a fast, convenient visual draft design tool is particularly important, through these tools, designers can truly see the effect of the site, and can be

used pixate to make interactive prototyping, while still learning origami. After half a year, principle and flinto gradually into everyone's vision. I choose principle as the main interaction tool, it is more grasp of the details than Flinto, and the dynamic engine and the original IOS, the output is more accurate. Framer Studio is relatively complex, so I listed as an alternative tool, in the face of more cumbersome effects can choose to use it for

This article is a "soft article" published by the design team of Proto.io, a mobile prototyping tool, in August on its own blog, to help you understand the taboos that you should pay special attention to when moving a design, and to push the proto tool through a conversation with Daniel in the mobile design world. You can review what your team's application is violating, and presumably it will be somewhat interesting. After reading this article, I bel

First, prototype (Prototype) mode The purpose of the prototype pattern is to specify the type of object to be created by giving a prototype object, and then create more objects of the same type with the method of copying the prototype object. From the means of Sun Dasan The Monkey King in the battle with the Yellow wind strange, "to make a body outside the means: the hair to pull down a, with the mouth chew to smash, look on a spray, cry ' change ', change to have Bashing Walker, are the same

Interaction prototype is an important output in the process of product development, which not only determines the product's presentation layer form, but also can better validate the demand and clear the product target in the case of visual display of product function. The establishment of an interactive prototyping program usually comes from a joint review by cross-functional personnel. How to effectively conduct interactive review, often become a pro

(){};Createferrari.prototype.Options = { Speed: ' 330km/h ', Color: ' Red '};Createferrari.prototype.Showcolor = function(){ Console.Log( This.Color);} LetFerrari1= New Createferrari(),Ferrari2= New Createferrari();Ferrari1.Options. Price = ' $3000 ';Console.Log(Ferrari2.Options. Price); //$3000Mixed constructors and prototypesThis way you can create objects just like in other programming languages. This concept is very simple, that is, to define all the non-shared properties of an

JS in the Phototype is a more difficult to understand the part of JSThis article is based on several knowledge points:1 prototype design patternClone () can be used in. NET to implement the prototype methodThe main idea of the prototype method is that there are now 1 class A, and I want to create a class B, which is a prototype and can be extended. We call the prototype of B A.The 2 JavaScript methods can be divided into three categories:Class A methodsB Object methodC

This article is reproduced from the blog park.LimSource: http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.htmlThis article is based on several knowledge points:1 prototype design patternClone () can be used in. NET to implement the prototype methodThe main idea of the prototype method is that there are now 1 class A, and I want to create a class B, which is a prototype and can be extended. We call the prototype of B A.The 2 JavaScript methods can be divided into three categories:Class A

the object is as follows:var dog = new Animal ();Dog.name = "Dog";Dog.introductself ();The disadvantage of this approach is that it is not possible to assign a property to an attribute in the constructor. Also, for a property of a reference type, such as an Array instance, multiple objects that are instantiated share a reference. Because of so many problems, the way this object is defined is not desirable.3) constructor, prototype blending mode. This approach is the most popular way to def

JS in the Phototype is a more difficult to understand the part of JSThis article is based on several knowledge points:1 prototype design patternClone () can be used in. NET to implement the prototype methodThe main idea of the prototype method is that there are now 1 class A, and I want to create a class B, which is a prototype and can be extended. We call the prototype of B A.The 2 JavaScript methods can be divided into three categories:Class A methodsB Object methodC

design, which is the best form of simulating user's typical usage scenario and communicating with pm/website development Engineer.The examples of design prototypes listed above are made using Mockplus, a fast and simple web prototyping tool that is code-free, fully functional, and easy to use, and meets most design needs. Don't say much, take a look at specific design techniques and application scenarios:1. Multiple interactive commands and statuses:

Learn from the previous section on object-oriented and prototyping. We know how to create a class that includes the privatization properties and methods of classes, public properties and methods, static properties, and methods. A little review here. First you want to create a class that can be done through 1.new object (). 2. Use the constructor function function person () {}, and then through the new person (). There is also a literal way to create a

expressions are another way to define a class, which can be either named or Anonymous. If it is a named class expression, the name can only be accessed within the class body. JavaScript classes are also inherited on a prototype basis. Const RT1 = Class Rectangle { constructor (width, height) { this.width = width; this.height = height; } Sayname () { console.log (rectangle.name); } } Const R1 = new Rt1 (m); R1.sayname (); Const RT2 = class { constru