QuickEvent Graphic Guidelines

 

The PSD template folder has all of the customisable design elements in your app, including splash pages, background images, logo, colour palette and the component icon set. 

 

While component configuration enables you to modify the appearance of certain components, the appearance of the overall app interface is controlled by a group of settings referred to as the brand. App Manager users with Admin or Event Admin permissions can edit brand data. 

You can customize the following app properties using the Branding interface:

You can define the brand from scratch if you want, but typically it is easier to apply a theme—a predefined brand—to your app, which overwrites the existing brand data. You can modify the brand after applying a theme, so a theme can be a basis for your final brand rather than the end state itself.

This background image is displayed on all mobile devices, and may be cropped or resized as necessary to fit the device. As the edges of the graphic may be cut off when displayed on certain devices, ensure the image does not feature any important graphical information or text near the edges. See Splash page and background image cropping for more information.

To define the image, click the Select an image button and use the file browser to select an appropriate .jpg or.png image 707 x 1096 pixels in size

 

This background image is shown on the iPad when the tablet is rotated to portrait orientation, and should be defined if your app is available for the iPad. As it is only meant to be displayed on one device in one orientation, this image is never cropped or scaled.

To define the image, click the associated Select an image button and use the file browser to select an appropriate .jpg or.png image 1080 x 1920 pixels in size.

 

This background image is shown on the iPad when the tablet is rotated to landscape orientation, and should be defined if your app is available for the iPad. As it is only meant to be displayed on one device in one orientation, this image is never cropped or scaled.

To define the image, click the associated Select an image button and use the file browser to select an appropriate .jpg or.png image 1600 x 1400 pixels in size.

 

Asset	PSD Template File	Required Size	Format
Portrait (mobile)	bg_portrait_mobile.psd*	707 Width x 1096 Height px	JPG, PNG
Portrait (tablet)	bg_portrait_tablet.psd*	1080 Width x 1920 Height px	JPG, PNG
Landscape (tablet)	bg_landscape_tablet.psd*	1600 Width 1400 Height px	JPG, PNG

---

 

The Event Logo is the image used at the top of the navigation menu as well as at the top of the Activity Feed feature to identify the event.

An image added here will appear as the event icon in a event app, will be displayed at the top of the 9 icon navigation menu and can be configured to appear at the top of the slide-out navigation menu, Activity Feed, and survey results reports. The logo will never be cropped, but it may be proportionally scaled depending on the device, and note that it supports transparency (the background shows through in those areas of the logo that are designated as transparent).
To define the Logo image, click the Select an image button and use the file browser to select a .png image 640 x 200 pixels in size.

---

Icons

Icons are divided into two groups: component icons, which are the component-specific icons that appear in the main menu, and system icons, which typically appear in other interfaces (although some may appear in the main menu as well). Note that the App Manager shows component icons associated with all components, including those that are not part of your app. Even if you intend to complete rebrand your interface, it is unlikely you'll need to change all icons.

To define a given icon, click the icon and use the file browser to select an appropriate image. The image must be a .png image 200 x 200 pixels in size.