UI UX Design

In the previous article , we have introduced the basic tutorials and resources of Sketch. Besides the basic feature of vector design, plugins are unique Cheats that make Sketch powerful. I summarized the 10  best Sketch plugins  for you. Now have fun with Sketch! 1. Marketch After finishing mockups, we often need to tell the front-end developers, the concrete size of pictures, the text size, and spacing, Marketch will make you full of surprises. Marketch is a Sketch 3 plug-in for automatically generating HTML page that can measure and get CSS styles on it, enabling super practical features such as dynamic annotation, unit conversion, and dynamic slicing. It can help designers not only to reduce the burden but also to check the layout parameters of all the elements, even the CSS code. In addition, this plugin can generate HTML locally and you don’t have to worry about security and privacy issues. Download :  https://github.com/tudou527/marketch Tu...

In recent years, new prototyping tools are springing up around the world. Except for Axure’s slowing down since the release of Axure RP 8, every company is launching its new product. The Adobe project Comet is right after the release of  inVision Craft’s 2.0 preview.  Then the outstanding  team version of Mockplus  enters the game. In such a fierce competition, Adobe XD seems to be dimmed a lot. To fight back, Adobe questionnaire which involves the needs, environment, competitors and everything about the prototyping tool market has been silently published. We might as well do an analysis of the qualified competitors of Adobe and get an idea of what is really going on. Today’s global prototyping tool market is like the Europe of the eighteenth century, with the continent separated by a great number of countries, waiting for a monopolist like Napoléon to take it all. But in my perspective, the whole prototyping tool is not going to be taken by any single com...

Have you ever spent half a month designing a high-fidelity prototype, but it was denied within a few minutes? So much time and energy have been spent but in vain. I have met similar things so many times. However, such tragedy can be totally averted: the rapid low-fidelity prototype is a wise choice in prototype design. 1. What is a high-fidelity prototype and a low-fidelity prototype? Low-fidelity prototype: it only focuses on functions, structures and processes; it only provides the most simple frameworks and elements; it generally does not provide color, butexpresses itself in grayscale. High-fidelity prototype: it provides more visual details; it is almost equivalent to a UI effect picture, and only needs to replace the actual data and materials in the development process. 2. Why make a low-fidelity prototype? In product development, the goal of a prototype is to express its ideas, functions and content, in order to get feedback and improve the product. The mo...

Most people especially those in the tech industry are familiar with prototyping or  prototyping tools  as an important approach for developing new products, and it has been mentioned as often as the User Experience. Prototyping is a way of testing concepts and ideas for new service and products, acting as a communication tool basically. Following, we will do the file format comparison of 6 commonly-used prototyping tools in 2017, covering both pluses and minuses. 1. Prototype File Format of Mockplus (.mp) As a relatively new player in the industry of prototyping tools,  Mockplus mainly focuses on the easier and faster prototyping. Its interaction is intuitive and highly-visualized, allowing designers at any level to make an interactive design with simple drag-and-drop. Also, a number of well-made components and icons can save you much time and headache. Advantages: A. It’s time-efficient and the best fit for those looking for a rich-featured tool with ...