Article Source: Near Community
Nearly free training lesson experience Address: http://www.jinhusns.com/Products/Curriculum?type=whp
Great design comes from consistency and detail, and as long as there is enough discipline, each team can achieve this.
Brand
Brand is the cornerstone of application design. It answers the question "How do users feel when they use the app"? First, you should determine what your main target group or industry is: children, teenagers, professionals, moms, students, doctors, designers, seniors, etc. The design style of the application must be consistent with the brand in order to build stronger brand awareness and eliminate user concerns. For example, social apps designed for older people should use large-sized fonts, and stock trading applications have to use security lock icons strategically to give users a sense of safety. If possible, you should also consider looking for a mascot for the brand. The mascot can personify the brand, while reinforcing the impression that the app leaves the user.
color scheme
Color scheme determines the image of the application, it should be the extension of the brand theme color. It is at the heart of the visual design because these colors are used in all visible areas of the application. First, you need to choose a theme color that will enhance your brand image. For example, Evernote's theme color is green. You should then create a color scheme around the color of the theme. Bright colors can attract people's attention, so suitable for those consumer-oriented applications, the middle color can let people focus on the information itself, so more suitable for professional applications. Parable's Theme color is "Tangelo orange", so we chose grayscale as the main color scheme, which is also in line with our usual fashion ideas. Another example is Snapchat, which uses a gorgeous bright color scheme to attract young users.
Intuitive
In the highly competitive application market, there is no time for users to carefully taste your application-we pay attention to "love at first sight." It is the best application that can make you understand the application of its function at the first glance. One small way to do this is to look at how those popular apps are doing and try not to confuse users. Then, to fully test all the interactions, optimize the application. Before reaching the most important interaction, the user should not have more than three steps to take, for example, to publish to Meerkat with just a point and publish it to Instagram with only three points. Some users are familiar with the platform to have a specific way of interaction, using them will often effect tension pile.
Publish to Meerkat with just a click and publish to Instagram with just three
Sense of Pleasure
The primary criterion for user evaluation applications is experience. To get a loyal user, you have to provide some unexpected sense of pleasure. Over time, these pleasurable experiences will impress users, making apps a necessary part of their daily lives. The animations that appear when you click Share in Pinterest and parable, as well as the animations that refresh the Snapchat, are good examples.
Pinterest share animation, Snapchat refresh animation, parable share animation
Refining
Excellent visual design is the details of the king, every pixel should be perfect. The first is typesetting. Fonts are the face of the app, and a good font can make your app stand out. You can choose from more than 50 iOS fonts, but it's even better if you can buy and make your own fonts-in short, don't hang on the tree of default fonts. Serif fonts are suitable for long articles; San-serif fonts can use more font sizes without making the page look crowded. A compact font allows more text to be displayed on the screen, but it's weird to put it together with normal fonts. Next, let's talk about the icon problem. An icon that conveys emotion accurately is the best. You can make use of some free icon resources, and then make a few changes in Photoshop and turn them into your own icons. When you create a solid color icon, stick to a single color to avoid crowding and confusion for the user. Finally, let's focus on the visual resources. The post-skeuomorphic era has made resource development easier. We should try to render in the code as much as possible to narrow down the application package. You need to make sure that they match the screen size correctly when you add resources, and that a big performance of coarse manufacturing is the pixelated resources.
Path and Flipboard are examples of every pixel approaching perfection. Note, however, that if a paragraph mixes a bold, compact San-serif font with a serif font, it will behave unbalanced on the Flipboard.
Path and Flipboard
Simplify
Developers always like to add some complex navigation interface or irrelevant information, the result of the interface is messed up. This simply crashes the user. Keep everything simple! The screen layout should be neat and the information should be arranged hierarchically, important above, unimportant below. Show only high-correlation details, use statistical tools to analyze which actions are useless, and then delete them. Can learn from Apple's philosophy: no fat is perfect. Analyze This concise Pinterest profile page below. It puts the user and the tile display area together, and the most important concerns and likes buttons are carefully placed in the right place. For the best application, you need to implement this principle more profoundly, so that the content is dynamic, such as when scrolling through the navigation bar to be hidden with the animation, as in the multi-step interaction to hide the button.
Pinterest's Personal Homepage interface
Foreign Dry Goods! 6 ways to help you design a great app