Foreign dry goods! 6 methods to help you design excellent apps and dry apps

Foreign dry goods! 6 methods to help you design excellent apps and dry apps

A great design comes from consistency and refinement. In fact, every team can achieve this with enough discipline.

Brand (Source: http://www.jinhusns.com/Products/Download? Type = xcj)

Brand is the cornerstone of application design. It answers the question "How do users feel when using applications. First, you should determine your main target group or industry: children, teenagers, professionals, mothers, students, doctors, designers, elderly people, etc. The design style of the application must be consistent with that of the brand, so as to build a stronger brand awareness and eliminate user concerns. For example, a social app designed for the elderly should use a large font, and a stock trading app must use a security lock icon to make users feel safe. If possible, you should also consider finding a mascot for the brand. Mascots can anthropomorphic brands, while enhancing the application to the user's impression.

Color Scheme

The color scheme determines the image of the application. It should be an extension of the brand theme color. It is the core of visual design, because these colors are used wherever the application is visible. First, you need to select a theme color that can enhance the brand image. For example, the topic color of Evernote is green. Then, you should create a color scheme around the theme color. Bright colors can attract people, so they are suitable for consumption-oriented applications. intermediate colors can make people focus on the information itself, so they are more suitable for professional applications. The subject color of Parable is "Tangelo orange", so we chose grayscale as the main color scheme, which also matches our consistent fashion creativity. Another example is SnapChat, which uses a gorgeous brightening solution to attract young users.

Intuitive

In a highly competitive application market, there is no time for users to carefully taste your application-what we pay attention to is "Love at first sight ". At first glance, you can understand that the application of its functions is the best application. There is a useful method, that is, to study how popular applications are implemented and try not to confuse users. Then, we should thoroughly test all the interaction links and fully optimize the application. Before reaching the most important interaction stage, the user's operation steps cannot exceed three. For example, to publish a message to Meerkat, just click it and then to publish it to Instagram. Some platforms that are well-known to users have specific interaction methods, which often result in group pulling.

Click to publish to Meerkat, and click three to publish to Instagram.

Pleasure

The primary criterion for user evaluation is user experience. To win Loyal users, you must provide some unexpected pleasure. Over time, these pleasant experiences will impress users and make applications a necessary part of their daily lives. It is a good example to see the animations that appear when you click and share in Pinterest and Parable, as well as the animations that refresh SnapChat.

Pinterest share animation, SnapChat refresh animation, and Parable share Animation

Refined

Zhuo Yue's visual design is king of details, and every pixel should be perfect. First, layout. Font is the face of an application. A good font can make your application stand out. You can choose one from more than 50 iOS fonts. Of course, if you can purchase and create your own fonts, it will be better-in short, do not stick to the default font tree. The Serif font is suitable for long articles; the san-serif font can use more font sizes to prevent page congestion. The Compact font allows more text to be displayed on the screen, but it is strange to put it with a normal font. Next, let's talk about the graph subject. The icons that can accurately convey emotions are the best. You can use some free ICON resources, and then slightly modify them in Photoshop to change them into your own icons. When creating a solid color chart, stick to a single color to avoid user congestion and confusion. Finally, let's focus on visual resources. The Post-skeuomorphic era simplifies resource development. We should try to render the code to minimize the application package. When adding resources, make sure that they match the screen size correctly. A major manifestation of coarse-grained manufacturing is the pixel of resources.

Path and Flipboard are examples of every pixel approaching perfection. However, it should be noted that if a section is mixed with a bold and compact san-serif font and serif font, it will be unbalanced on the Flipboard.

Path and Flipboard

Simplified (site: http://demo.jinhusns.com /? Type = xcj)

Developers always like to add complicated navigation interfaces or use irrelevant information, and the results make the interface a mess. This causes the user to crash. Keep everything simple! The screen layout should be kept clean, and information should be arranged in layers and columns, but important and unimportant. Only Show Details with high relevance. It is useless to use statistical tools to analyze the actions and delete them. The concept of Apple can be used as a reference: Perfect without looking into details. This simple Pinterest personal homepage is analyzed below. It puts the user and the block display area together, and the most important attention and thumbs-up buttons are carefully placed in the appropriate position. To make the best application, you need to implement this principle more deeply to make the Content Dynamic. For example, when scrolling browsing, the navigation bar must be hidden with the animation, and the buttons should be hidden in multi-step interaction.

Pinterest personal homepage

Reposted from: Almost