Posts

Showing posts from August, 2017

UI Designer Salary Research of 2017 in the United States

Image
Chloe05/05/201753593 Views In recent years due to the rise of mobile internet, it has led the popularization of UI design. Nowadays big internet companies are increasingly focused on interaction design and user experience, and several internet behemoths have established UI design departments one after another. As people expect more on user experience of internet products, UI has increasingly become the core concern of products. UI design will certainly become more and more popular, and UI designers will certainly have a bright future. This article makes a detailed analysis of the report of UI designer salary research in United states. 1. How much does an user interface designer in the United States make? The average user interface designer salary in the United States is approximately $89,106. This UI designer salary research obtains its information from 10,591 data points collected directly from employees, users, designers fromtop design communities, and job advertisements on Indeed i…

5 Free Quick Wireframe Tools For UI/UX Designers in 2017

Image
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 prototypePlatform: 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. It supports sketching, which can featur…

How to Make Interactive and Pixel-Perfect Prototyping with Sketch?

Image
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 make web pages, icons a…

Prototype Design: What is a Wireframe, and What is a Prototype?

Image
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 layout can…