App startup icon design-How to design APP software icon

What are the design points of the APP startup icon?

1. Convey information well and be close to user psychology

The startup icon is a tool, a symbol, and a means of communication. The precision and sophistication of startup icon design can enhance the attractiveness of mobile applications. Designers can understand functional requirements and establish symbolic images based on their own experience, or they can search relevant meanings of their ideas in search engines, collect a large number of visual elements that convert words into graphics, and express functional information.

It is best to be close to the user's mental model and use common visual elements to express the information to be conveyed. For example, music symbol graphics and magnifying glass graphics often appear in music and query application icons.

2. Use metaphors and pay attention to the use of colors

Metaphor is a necessary thinking method in icon design, especially in the process of understanding and expressing abstract things. Important role, in the specific design, the designer must first describe the abstract concept, then extract the keywords, and then use a dictionary or network to detect whether the keywords and the abstract concept are identical.

Secondly, the color of the startup icon should be bright and colorful, but the number of colors should not be too many or too complicated, as long as the icon can be clearly contrasted with any background on the display screen and can be immediately recognized by users.

The above is the relevant sharing of the design points of the APP startup icon by the editor of Global Ivy. I hope it will be helpful to everyone. If you want to know more related content, please pay attention to this platform! Case - APP startup Page

B612 first loads the home page as the startup page. When the B612 icon is clicked on the home screen, the above startup image will be displayed immediately. After the actual startup, the interface will display the video and details.

Advantages: Follow ios recommendations and try to prevent users from perceiving the existence of the page and "seamlessly" enter the application.

Disadvantages: The startup page is relatively monotonous and difficult to adapt, and there are few ways to promote the brand and obtain more commercial value.

Meiyou, SF Express, and Didi Chuxing use the nature of their brands to strengthen users’ intuitive impression of the brand and shorten the distance between applications and users. They all contain three major elements: LOGA, brand name, and slogan.

The startup page is simple, and the brand display type is also a commonly used startup page type. It can be used in any app startup page design. The above three apps all have a white background. The elements of Meiyou and Didi Chuxing are all located at the bottom. They have a pure white background. When necessary, they can be smoothly and seamlessly designed to be expanded and customized to promote the required functions or activities.

For products, brand display startup pages can increase their visibility and play a good role in publicity. When making this kind of page, you should pay attention to the matching of styles and not be too abrupt, which will affect the overall visual effect of the product. If there is no commercial need, the brand name and LOGO are enough, and the sense of substitution is strong, so you will not make mistakes.

These three have richer startup pages than the previous brand display apps. According to the content characteristics of the app, Fliggy added an earth-like element at the bottom of the startup page to express the vastness of the world and a certain sentimentality; the Baiguoyuan app uses fresh and sweet fruits as the background, which is also well integrated with its own content and makes people watch In order to make people salivate, they also use the startup page to promote and attract people to buy; Baidu Map enlarges its icon and places it in the center, which is clearer and allows users to feel the meaning of precise positioning.

Added elements based on the app content can help users better understand the brand, strengthen users’ memory of the brand, or increase their feelings, while achieving potential goals. However, they must be matched with the overall effect of the app, and do not overwhelm the user and create a negative impact. confusion.

A promotion-type variation, a combination of ordinary launch page and promotion launch page. After the APP startup interface appears, superimpose a page again and achieve the desired effect by customizing the second page.

This type of startup page must be visually coherent and color matched, otherwise it will look like a hard advertisement and be abrupt. For example, QQ Music uses a gradient effect to create stronger visual cohesion. The entire colors of Zhaopin Recruitment and Wedding Anniversary can also connect the previous and the following, and match well, so that users will not be too disgusted.

The brand page adds customized language to make people feel calm and have a reading mood. At the same time, animation is used to make the picture more connected and smooth. However, due to the use of animation, the startup speed is relatively slow.

The overall karaoke brand uses white, and the main page of the app also has a white background, but the promotion and promotion are different. Similarly, the iQiyi brand uses black, the main page of the app is also black, and the promotion and promotion use a bright red background. The color cannot connect the previous and the following, giving users the feeling of forced advertising and sudden flashing screen.

The startup page uses artistic conception to create an emotional buzz. Music is meant to be about emotions. The Kugou Music brand page uses the background of many people listening to the singing, implying the power behind the music and expressing that music can be deeply rooted in people's hearts and can also unite people.

The information-emphasis type pays more attention to the promotion of its own APP, usually to enhance the awareness of a certain function or feature. Kugou Music uses the launch page to emphasize the 5.1 panoramic sound effect function and promote the app functions. It still uses the blue background as a transition, which serves as a link between the previous and the following.

The use of animation makes the picture smoother, making the advertising placement less rigid, and user acceptance will be relatively high. But the disadvantage is that it easily slows down the startup speed and requires a long waiting time. How to design APP software icon

Every iOS application will be presented to users in the form of an APP startup icon, which can convey the basic information of the application and give users the first impression. It directly guides users to download and use applications. Sometimes the icons designed by UI designers look very cool, but after being put into the market, they are not recognized by users and the click-through rate is very low. There are many reasons for this. From the perspective of visual design, how to improve the quality of APP software icons? Visual effects to improve click-through rates have become an issue that every UI designer should consider.

1. Visual design of APP software icons

1. The visual design must conform to the design standardization of platform development

-Different application platforms often produce Completely different design results. Understand the development specifications of the learning platform and sharpen your skills before chopping firewood. For example, the visual specifications of the Apple mobile platform and the Windows_Phone_7 mobile platform are very different.

2. Visual design must find uniqueness and capture personality

——Analyze and understand the positioning of similar APP software and their respective icon designs, and find the ultimate design direction. nature and the unique personality of its own software. If you search for software keywords in iTunes, you will find many similar icons. It is not difficult to find from the search results that those APP software icons will attract users’ attention.

3. Visual design should strive for the integrity of design expression

——Clear tasks and bold design; simplify design elements (main graphics, auxiliary graphics), highlight the design theme; have clear layers , do not deliberately pursue texture.

4. The visual design should follow the unity of horizontal and vertical comparison

——After designing the icon, place it among the APP icons of the same category to review whether the icon you designed can Catch the user's attention; sometimes different platforms will produce different visual effects, and some series of APP software products need to be compared to analyze the unity of the product. After comparison, you can make targeted fine-tuning and pre-tuning, but do not change the design intention and expression form casually.

5. Visual design should maintain the continuity of the design process

—As the software version is upgraded, the APP software icon should also be reflected in the context of product upgrades. A better approach is to make planned and organized visual incremental improvements.

2. Design methods of APP software icons

2. Pay attention to the layering of the visual design of APP icons, and the texture performance is just right.

3. Don’t waste existing elements of a well-known brand in the visual design process of APP icons.

4. Use direct and straightforward text content to express metaphorical design themes during the design process.

5. Use industry standard graphics or theme images to summarize the main content during the design process.

6. Stimulate users’ curiosity to the greatest extent during the design process.

3. Problems that are likely to occur when designing APP software icons

1. Intoxicated with meaningless visual texture, putting the cart before the horse.

2. The theme elements of the APP software startup icon are out of touch with the software content and lack of correlation.

3. Use words randomly to express the theme during the design process.

4. There are obvious differences in the visual presentation of the image elements in the design plan on different platforms and different sizes, and the theme to be expressed cannot be clearly seen.

5. The APP software icon gives users a “pink”, “grey” and “fuzzy” visual experience. 1. Color: Simple and special patterns help icons stand out. Use colors carefully and don't overwhelm the palette. Sometimes even one or two colors are enough.

2. Try to use only one logo or letter to complete the icon. Ness, Pocket, Vine, Snapguide and Pinterest are all successful cases.

3. Stay creative. Being creative is a good way to stand out.

4. After completing an icon, don’t forget to test the display effect of the icon on tablecloths of various colors. Also don’t forget to put the icon in the folder to test the display effect. Finally, the icon will appear in different sizes on the user's device, and designers need to ensure that the icon looks comfortable in all sizes.

5. Older screens can only provide 16-bit standard colors. The color depth and smoothness of the new screen are better, but the differences between different screens are also large. Based on this, designers should give priority to designing logos for devices with original 16-bit colors to ensure that the logo can be displayed well on all devices. The APP icon should be related to the brand’s full-size logo. Some designers define this as "visual legibility." Keep the concept simple. On small devices, complex designs are not advisable.