10 design tips to enhance the visual appeal of Android
- 2020-05-09 19:14:05
- OfStack
Style and design may not be the most important factors in the development of Android applications, but they do play an important role in determining the success of Android applications. Here are 10 UI design tips for Android apps, as well as an additional tip to provide the visual appeal of your Android app.
Tip 1: use the right size image
In terms of graphics, many Android app developers use the single-size one approach. Although this would make resource management easier, it would be a mistake in terms of the visual appeal of the application. For your application to look the best, you should design different images for the specific device screen. The best images build the best user experience.
Tip 2: use a properly formatted image
We've all seen applications pause when trying to load some large image, not only because the image is missized, but because the image is in a non-ideal format. The Android platform supports many media formats, such as PNG, JPEG, GIF, BMP, and WebP (only Android version 4.0 + is supported). While PNG is the ideal format for lossless images, JPEG's rendering quality is inconsistent.
Android also supports elastic images with Nine-Patch. If possible, consider using WebP instead of JPEG, as this format is more efficient for storage and downloading. That is, if you use it as a standalone image in conjunction with an older format, the overall size of the application becomes larger, reducing the advantage of using the new format.
Tip 3: use subtle animations and colors to represent state changes
Subtle animations and UI control color changes as the screen changes will make your app feel more professional. For example, fading in and out between activities makes the screen transition more natural, and changing the color of the pressed keys highlights the user's actions that are taking place, giving a clear picture of what the user is doing.
Android 3.x and later versions enable hardware acceleration, which makes the animation run more smoothly. But it needs to be tested, because not all features of the application are compatible with hardware acceleration.
Tip 4: soften the UI with rounded corners
User interface controls such as Button and PageView all take on a rectangular pixel shape on the screen, but this requires processing. On the control interface, the rounded corners effect is used to soften the appearance of the user interface, which looks like the Web style, but is really popular with users.
Tip 5: use 1 induced "illumination" in 3D effects
The latest version of the Android platform USES holographic styles and 3D ICONS. If you use projection and other such styles in your application's control buttons, be sure to use a 1-effect "light". In other words, make sure the shadow is facing 1 on the screen. Use the same values in the image editor to create the same gradients and textures.
Tip 6: use a high-contrast color scheme
When a family member (usually an older generation) first discovered that you could use a colored font and background in an email, he sent you an email with a white background and a lemon yellow font, which was a lot harder to read. Some people, when designing an app's screen, may make it difficult for the player to read or navigate the content on the screen. Using the right high-contrast colors will make the screen easier to view and relieve the pressure on your eyes. Use the color scheme as part 1 of the system's resources for other work.
Tip 7: use large and readable fonts
As with the bad color scheme 1 above, we also receive difficult to read text from family members with some weird fonts. Some fonts are actually easier to read than others.
Font size is also an important factor, making the font as large as possible while keeping it in balance with other screen features. Just like using a fax machine, using a font smaller than 12 pounds is not appropriate.
The designers of Android 4.0 have introduced a new font for the platform only, which is easy to read on mobile devices. It's called Roboto.
Tip 8: don't deviate too much from the platform specification
Many successful mobile applications use familiar user interfaces. They have simple, mainstream user interfaces and use controls that are familiar to users. Don't be too eccentric in your UI controls and screen design. Keep it as simple as possible and keep it consistent with the performance of other applications on the platform. Use the platform as a cue to determine application performance and behavior.
If you're working on an UI that's different, make sure you use objective methods like the AB test to compare the new UI to the traditional UI to determine if the new design is better, like more efficient, easier to use, or looks more comfortable.
Tip 9: follow the UI guidelines
The Android program specification has many UI guidelines that can be integrated into the application. These guidelines often vary depending on the version of Android used by the application. When this happens, you need to make multiple assets to deal with multiple guidelines. The guidelines cover ICONS, widgets, menus, and activities.
Tip 10: test the user interface
Developers are often not good QA or testers. Once the application is stable, it is valuable to test it to users who are completely unfamiliar with the design and intent of the application. Application designers tend to assume that users will find their application UI intuitive, which may not be the case. Only if you actually let the user test your application will you be able to discover many unexpected problems before you release your application.
Bonus tip: hire a professional graphic or graphic designer
Users now expect to see applications that look good and are professionally designed. Just like you don't go to an interview dressed casually, you should invest enough resources to polish the look of your application before you release it. In most cases, programmers are not very skilled artists, so consider hiring a professional artist to do the work, just make sure you have a clear understanding of the design results.
When you're immersed in Android application development, it's easy to forget about user interface design. After your app is relatively stable, go through the list and polish it. Typically, these tasks are best left until later in development, when the screen content is relatively fixed.
You don't understand the world of bugs. You don't understand the world of programming apes. Program apes, for their own wonderful world struggle, work hard! Come on...
Tip 1: use the right size image
In terms of graphics, many Android app developers use the single-size one approach. Although this would make resource management easier, it would be a mistake in terms of the visual appeal of the application. For your application to look the best, you should design different images for the specific device screen. The best images build the best user experience.
Tip 2: use a properly formatted image
We've all seen applications pause when trying to load some large image, not only because the image is missized, but because the image is in a non-ideal format. The Android platform supports many media formats, such as PNG, JPEG, GIF, BMP, and WebP (only Android version 4.0 + is supported). While PNG is the ideal format for lossless images, JPEG's rendering quality is inconsistent.
Android also supports elastic images with Nine-Patch. If possible, consider using WebP instead of JPEG, as this format is more efficient for storage and downloading. That is, if you use it as a standalone image in conjunction with an older format, the overall size of the application becomes larger, reducing the advantage of using the new format.
Tip 3: use subtle animations and colors to represent state changes
Subtle animations and UI control color changes as the screen changes will make your app feel more professional. For example, fading in and out between activities makes the screen transition more natural, and changing the color of the pressed keys highlights the user's actions that are taking place, giving a clear picture of what the user is doing.
Android 3.x and later versions enable hardware acceleration, which makes the animation run more smoothly. But it needs to be tested, because not all features of the application are compatible with hardware acceleration.
Tip 4: soften the UI with rounded corners
User interface controls such as Button and PageView all take on a rectangular pixel shape on the screen, but this requires processing. On the control interface, the rounded corners effect is used to soften the appearance of the user interface, which looks like the Web style, but is really popular with users.
Tip 5: use 1 induced "illumination" in 3D effects
The latest version of the Android platform USES holographic styles and 3D ICONS. If you use projection and other such styles in your application's control buttons, be sure to use a 1-effect "light". In other words, make sure the shadow is facing 1 on the screen. Use the same values in the image editor to create the same gradients and textures.
Tip 6: use a high-contrast color scheme
When a family member (usually an older generation) first discovered that you could use a colored font and background in an email, he sent you an email with a white background and a lemon yellow font, which was a lot harder to read. Some people, when designing an app's screen, may make it difficult for the player to read or navigate the content on the screen. Using the right high-contrast colors will make the screen easier to view and relieve the pressure on your eyes. Use the color scheme as part 1 of the system's resources for other work.
Tip 7: use large and readable fonts
As with the bad color scheme 1 above, we also receive difficult to read text from family members with some weird fonts. Some fonts are actually easier to read than others.
Font size is also an important factor, making the font as large as possible while keeping it in balance with other screen features. Just like using a fax machine, using a font smaller than 12 pounds is not appropriate.
The designers of Android 4.0 have introduced a new font for the platform only, which is easy to read on mobile devices. It's called Roboto.
Tip 8: don't deviate too much from the platform specification
Many successful mobile applications use familiar user interfaces. They have simple, mainstream user interfaces and use controls that are familiar to users. Don't be too eccentric in your UI controls and screen design. Keep it as simple as possible and keep it consistent with the performance of other applications on the platform. Use the platform as a cue to determine application performance and behavior.
If you're working on an UI that's different, make sure you use objective methods like the AB test to compare the new UI to the traditional UI to determine if the new design is better, like more efficient, easier to use, or looks more comfortable.
Tip 9: follow the UI guidelines
The Android program specification has many UI guidelines that can be integrated into the application. These guidelines often vary depending on the version of Android used by the application. When this happens, you need to make multiple assets to deal with multiple guidelines. The guidelines cover ICONS, widgets, menus, and activities.
Tip 10: test the user interface
Developers are often not good QA or testers. Once the application is stable, it is valuable to test it to users who are completely unfamiliar with the design and intent of the application. Application designers tend to assume that users will find their application UI intuitive, which may not be the case. Only if you actually let the user test your application will you be able to discover many unexpected problems before you release your application.
Bonus tip: hire a professional graphic or graphic designer
Users now expect to see applications that look good and are professionally designed. Just like you don't go to an interview dressed casually, you should invest enough resources to polish the look of your application before you release it. In most cases, programmers are not very skilled artists, so consider hiring a professional artist to do the work, just make sure you have a clear understanding of the design results.
When you're immersed in Android application development, it's easy to forget about user interface design. After your app is relatively stable, go through the list and polish it. Typically, these tasks are best left until later in development, when the screen content is relatively fixed.
You don't understand the world of bugs. You don't understand the world of programming apes. Program apes, for their own wonderful world struggle, work hard! Come on...