Creating a Studio Custom Branded App is a powerful way to build your brand and deliver a consistent experience to your clients. The right visual elements, such as your app icon, splash screen, and logos, ensure your app stands out and looks professional.
In this article, we will guide you through the best practices for creating high-quality app assets to prevent common issues and optimize the look of your Studio CBA.
Best Practices for Required Assets
For a breakdown of all the required assets for your Custom Branded App, please see this article here: Studio/Enterprise Custom Branded App: Required Assets.
App Icon (PNG, 1024 x 1024 pixels):
- This will be the icon displayed on the home screen of your mobile device.
Best Practices for Your App Icon:
- Keep it simple! Avoid small text or intricate details, as the icon will appear small on mobile devices.
- Ensure your app icon will be visible on a background colour.
- If you do not have an app icon, we can create it from your app logo.
Splash Screen (JPG, 2048 x 2048 pixels)
- This will be used for your welcome when opening the app. It is also used as the background image for the login page.
Best Practices for your Splash Screen:
- Provide us with a high-quality image (360 px). As this is the image that first appears when opening the app, you want to ensure that it is of good quality.
- Place key elements (e.g. the scene or person) in the center of the image.
- Avoid texts or graphics near the edges, as they may get cut off.
Logo (PNG, at least 600x 600 pixels)
- This logo will be used on the login screen as well as the top bar on the app.
Best Practices for your Splash Screen:
- Provide us with a high-quality image (at least 600 px).
- It should be horizontal as it will be placed on the login screen as well as the topbar.
- Avoid crowdedness and and keep the colours simple.
General Best Practices for App Design
Following these general best practices ensures cohesive, high-quality, and accessible design across all app assets. These guidelines focus on enhancing the user experience and aligning with brand standards.
-
Image Quality and Resolution
High-quality images with appropriate resolution enhance your app's visual appeal and maintain a professional look. Aim for clear, sharp images that avoid pixelation on all device types and screen sizes.
-
Consistency Across Branded Assets
Consistency is key to strong branding. Use uniform colours, and styles across all assets to ensure that users easily recognize the brand and associate it with a cohesive, polished experience through the app.
-
Color Contrast and Readability
Accessible colour choices make content legible for all users, including those with visual impairments, and create an inclusive app experience. For example, avoid pale colours.
Things to Avoid When Creating Assets
Avoiding these common pitfalls helps maintain a professional, user-friendly design and ensures compliance with app store guidelines.
-
Using Low-Quality Images
Low-resolution images appear blurry or pixelated, diminishing the app's professional look and potentially harming brand perception. Always use high-resolution images to provide a polished and visually appealing user experience.
-
Google Image Restrictions
To prevent app publication delays avoid using restricted or copyrighted images that don’t adhere to Google’s content guidelines. Always source images from approved repositories or ensure they are original and meet the app store’s standards.
-
Overcrowding Splash Image/Logos
Avoid cluttering splash screens or logos with too many elements, as overcrowding can make them less impactful and harder for users to recognize. Keep splash images simple and centered on key branding elements to maintain focus.
-
Incorrect Aspect Ratios
Incorrect aspect ratios can cause images to stretch, distort, or crop improperly on different devices. Ensure that all images follow recommended aspect ratios for a clean and consistent appearance across screen sizes.
We will always strive to offer the best possible design using the assets you provide, following your branding and guidelines. For the best user experience and responsive design, we occasionally need to make slight adjustments to colours or ratios. By following these best practices, your app will look professional, cohesive, and visually aligned with your brand.
This article was last updated on
0 Comments