Create Graphical Assets

For creating the graphical assets of the app the Adobe Illustrator template must be adapted and provided.

If you are not an expert in Adobe Illustrator INSIDE offers a design service managing the assets file for you. In this case please contact your INSIDE project manager accordingly.

IMPORTANT: for every project/app-version use a fresh template as the template is improved continuously by INSIDE to meet new device generation requirements.For reusing artwork you can easily copy the artwork over the new template.

Download the template here: www.insideguidance.com/download/ServiceDesk/assets-custom-en.ai.zip

How to use the template

The template is organised in artboards.

Every artoard will later create one asset file in various transformations.

The specific artboard name indicates the usage of the artboard's artwork. Never change a artboard name.

Artboard name Artwork usage Hints for designers
Icon App icon used in app stores, on device menus and within the app Normally the event logo is optionally on a background color. Please be aware that the corners are rounded and not displayed in the icon therefore do not position essential artwork in the corners.
NoProduct Default image for profile images (logo etc.) if no image is available in the data. Normally the icon is used with very low opacity (10%).
NoCover Default image for background image on top of a profile page if no image is available in the data. Normally a key-visual optionally blurred is used. Text is not recommended as image is truncated randomly by different device formats.
FeatureGraphic

Promotion image displayed on the app page in the Google Play Store.

Normally the event name and date and optionally a key-visual is used.
KeyvisualWeb Front image on top of the home-screen of the WebApp. Normally the event name and date and optionally a key-visual is used.
HomescreenHeader Front image on top of the home-screen of the iOS app. Normally the event name and date and optionally a key-visual is used. For artboard-height and artwork-width please note the indications in the template file. IMPORTANT: This artwork is used for responsive layouts. Please make sure the artwork content is not truncated on every screen width.
HomescreenHeader-Android Front image on top of the home-screen of the Android app. Normally the event name and date and optionally a key-visual is used. For artboard-height please note the indications in the template file.
SignInHeader Image that is displayed on top of the sign in page. Will be used on top of the blurred default screen. Set contrast values accordingly. Transparent background recommended!
Default(various) Image that is displayed while the app is loading(booting). Used by iOS devices ONLY! Please be aware of this when marketing this area to partners etc..

Please generate per locale your app uses, one assets file and add the corresponding ending to the file name ("en" for English, "de" for German, "fr" for french, "it" for Italian, "zh" for Chinese). E.g. "assets-custom-zh.ai".

IMPORTANT:

  • Make sure all images are embedded in the file!
  • Vectorise all text
  • NEVER change artboard names or position or dimensions (except height for home HomescreenHeader as inidicated in the template file)
  • NEVER add artboards
  • NEVER change the file settings
  • for every project/app-version use a fresh template as the template is improved continouesly by INSIDE

Common Mistakes

Often the HomescreenHeader is not optimised for responsive design and the artwork content is truncated on various devices. Respect the width indications on the template file!