Everything About Design You Should Know

Compared to the Full Stack Designer, we seem to be more familiar with the Full Stack Developers. So what is full stack designer exactly? Can we simply think he/she is a versatile designer? In the past, designers and developers have a clear  role  assignment . They rarely do the both at the same time. While with the changes in product design and the evolution of team collaboration, many web designers are able to manage web developing and UX design at present. So there comes a question: what’s the character of the so-called full stack designer? He/She is only a designer? Also coding while being a designer? Or he/she is a designer as well as a web developer? What is a Full Stack Designer? In fact, the concept of Full Stack Developer came out earlier than the Full Stack Designer. But full stack does not mean to do all. Specifically, it refers to a person who masters muti-skills and he can use them to independently complete a design or product development. That...

There are an overwhelming number of tutorials and reviews about prototyping with Sketch already on the web, while most of them are just beating the bush. Here comes the ultimate guide for those looking forward to designing and  prototyping with Sketch . Before everything, I will do a brief intro and elaborate on how to turn your Sketch design into interactive prototypes with ease. A Brief Intro to Sketch Sketch, built by the fine folks over at Bohemian Coding, is not an unfamiliar name especially for those in the design world. It’s a vector graphics editor for Apple’s macOS. From the product developing direction and the highlighted features, a majority of people who are new to the industry are poised to regard this tool as the exclusive toolkit for UI designers and  user interface design , such as graphics stitching, text rendering, style links, etc. There is no wonder that those vector drawing tools like Sketch, PhotoShop and Illustrator are the best solutions to m...

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...

UI/UX design, as the top spot in the top ten most influential IT skills, is very attractive for the layman and the novice designer both on  job market prospects  and salary. This is why so many people are eager to switch to be an interface designer or user experience designer. Somebody told me that you are also considering to change career. So you want to be a UX designer? Before you made the decision, I have some questions for you. How much knowledge do you know about user experience? Do you know how to become a user experience designer? Here is some experience summarized by predecessors in the user experience design industry for reference at first. 1. Do you know what a user experience designer does? The terms of  UX, UI, IA, and IxD  are always complicated for layman or people who new to the design industry, so they cannot figure out what’s the difference between the terms. If you want to be a user experience designer, you have to know what is user expe...

Conceptual confusion often brings a lot of trouble to designers and some people who are related to design. For example, wireframe and mockup are called the prototype.  Is the wireframe different from prototype?  What’s the difference of wireframe VS mockup? Which one is your best choice? To get a clear understanding of these issues, you have to figure out what is wireframe, and what is mockup? This article respectively introduces the wireframe and mockup from their definition and advantages. Wireframe VS Mockup, you will find which one is more suitable for your design. What is Wireframe? Usually, we compare the wireframe to the blueprint for a building. Why do we describe it like this? The wireframe is able to express the outline of a design, the overall structure and the key elements. It is generally composed of simple lines and graphics. It shows the user interface in black, blue or grey. Wireframe VS mockup, wireframe pays more attention to the content rather...

Mobile application market keeps in an explosive growth rate with the arrival of the 4G network era. Which drives the rapid development of mobile app screen design. Meanwhile, the big market also has a great  job prospect for designers . How to make their own products stand out in the mobile application market is the opportunity and as well as challenges for UI designers. In addition to the function itself to attract users, the APP interface design also occupies a large part of the factors. Facing with the serious homogeneity on mobile app screen design and low competitiveness and other issues in the current mobile application market, how the app interface design trend will develop in the future to jump out of the cycle and find new opportunities? Fundamentally, the following points are worth considering: UI design principles Mobile interaction design rules How to judge an APP is good or not UI Design Principles 1. Consistency principle. The consistency ...