Zoom uses a precise illustration style to communicate directly with Zapper & Zoomers.
Most of zoom user base prefer scanning as mode consumption of information our illustration must convey a message, narrative, or process.
Use the right amount of abstraction on the message, narrative or process you want to communicate to the user
It delivers a piece of useful information – always.
Build from Neutral Colours
Use neutral colours to set the context to illustration. Example neutral-coloured buildings in illustration put users in a context that it's happening outside. Use the Brand Colors to drive users to focus on the message we want to communicate..
Embrace the Color Constraints
Setting constraints in the creative process always will help you to focus on the message you want to convey. Most illustrations should have a balanced representation of colours from our colour palette. These colours are instantly recognisable and help keep our illustrations 'Zoom'
All the illustration in the design are directly exported from Zeplin
All illustration is used in WEBp format. SVG won't be used since not all versions of Android won't support gradients in illustrations. Make sure illustration for different screen density (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi) is added to the app.
All illustration is used in PNG format. SVG won't be used since not all versions of android won't support gradients in illustrations. Make sure illustration for different screen density (1x,2x,3x) is added to the app.
All images that is served dynamically from backend will in PNG format. These illustrations will be exported at it's highest resolution from Zeplin. ie 3x for iOS and xxxhdpi from Android.