Everything About Design You Should Know

Wireframe and prototype are the essential parts of the website or mobile app design process, and the purpose of them is to present the design concept and the basic function for the clients. However, the clients just suggest pushing forward the design process and development stages by skipping the step of wireframing or prototyping. This is a idea that often derived from the client who does not understand what is a wireframe, and what is a prototype, as well as the importance of the wireframe and prototype in the entire project. Before asking the what the difference between wireframe and prototype is, I think you must realize that they are different terms. What is a wireframe? A wireframe is a graphical skeleton of a website, that guides the content and concepts of the pages, and helps designers and clients to discuss the details of the website building.The simple wireframe is a kind of low fidelity design, it consists lines, boxes, and grayscale colors. The black-and-white...

What is the first name came into your mind when mentioned about wireframe tool? The old name Axure RP, or the brand new fad Mockplus? Superabundant wireframe tools are available nowadays, which is a good thing, but this may result in choice phobia for designers on the other side. Especially with rapid product iteration, fast development pace and less investment, quick design is carrying increasing significant. Some over-detailed tools, which look cool, but are no longer really fit in. Here I only pick the best 5 quick wireframe tools, which can help you do real quick design. 1.  Pencil Project  - A quick wireframe tool focuses on diagrams and GUI prototype Platform:  Windows, Linux, Mac Speed:  10-15 mins Price:  Free Fidelity:  Low-fidelity Pencil Project is a free wireframe tool, which has won the Mozilla awardfor 'Best New Add-On' in 2008. It's available as a Firefox add-on, but also can be as a standalone application in Linux and Windows. I...

Wireframe and prototype are the essential parts of the website or mobile app design process , and the purpose of them is to present the design concept and the basic function for the clients. However, the clients just suggest pushing forward the design process and development stages by skipping the step of wireframing or prototyping. This is a idea that often derived from the client who does not understand what is a wireframe, and what is a prototype, as well as the importance of the wireframe and prototype in the entire project. Before asking the what the difference between wireframe and prototype is, I think you must realize that they are different terms. What is a wireframe? A wireframe is a graphical skeleton of a website, that guides the content and concepts of the pages, and helps designers and clients to discuss the details of the website building.The simple wireframe is a kind of low fidelity design, it consists lines, boxes, and grayscale colors. The black-and-white la...

In UI design, what  scenario  should hollow icons and solid icons be applied to? Some believe that the hollow icons are visually more complex than the solid icons, while the solid icons are in fact more recognizable. The opinions of designers on this topic varies. Some designers think that the hollow icons is made by lines, as a result of which, they are more difficult to recognize. However, they gives users a feeling of ease and exquisiteness. Others deem that the recognizability has nothing to do with this topic, but depends on the shape, color and other factors of the icon. 1. The function of icons. First, this topic focuses on a specific type of icons: functional icon. Let’s take a look at the basic functions of this type of  icons . Functional icons are common in life, usually seen in the airport, stations, hotels, shopping malls and other large public places, providing guidance to people, as shown below: In  UI design , icons are ...