Post on 05-Dec-2014
description
Design Section: CMS
How To Use the Design Customizer
Monday, October 1, 12
First step: Pick your theme.
PRO or Advanced Design customers have access to many pre-made themes. Find out more here.
Step 1
Monday, October 1, 12
Choose a color theme and view it in customizer at the right.
Step 2
Monday, October 1, 12
You can also tweak each individual color to fit your brand.
Step 3
Monday, October 1, 12
To re-arrange the order of your sections, drag and drop them into place.
Step 4
Drag and drop
Monday, October 1, 12
The first step in adding some branding into your app is to upload a Header Image.
Step 5
Monday, October 1, 12
As you can see, a header image can add a lot of personality to your app to make it feel custom.
Monday, October 1, 12
Scroll down the page within Home Styles to adjust footer color. Toggle it on or off, and click Save when finished.
Step 6
View changes
Monday, October 1, 12
Scroll down again to add in a background image. Upload the image from your computer, and click Save.
Step 7
Size:640 x 960 pixels
Monday, October 1, 12
Select from a variety of a stock buttons image, or upload your own custom button image that you design.
Step 8
Monday, October 1, 12
Browse our various button types, make selections, and preview in the customizer.
Monday, October 1, 12
Scroll down to customize the colors of your text, and tint the background of your buttons.
Step 9
Monday, October 1, 12
Select a global icon set to sit overtop your buttons.
Step 10
Monday, October 1, 12
Scroll through the many icon templates to choose from .Monday, October 1, 12
Upload a canvas to go behind your buttons, icons, and background.
Step 11
Monday, October 1, 12
Scroll down and view each section that you want to edit options for here. Click on the Edit icon to dive in.
Step 12
Monday, October 1, 12
Rename your section, upload a custom button, or select an individual icon image in this section.
Step 13
Monday, October 1, 12
Browse through individual icons to add some variety to your global icon set.
Monday, October 1, 12
Select a font for your interior views.
Step 14
Monday, October 1, 12
Upload a custom header bar, or view a handful of stock header images for your app.
Step 15
Monday, October 1, 12
Scroll down to check out our pre-designed header bars.Monday, October 1, 12
Upload a section background and select where you’d like it to go. Add different backgrounds to differentiate sections.
Step 16
Monday, October 1, 12
Build beautiful mobile apps with our design customizer. Upgrade to PRO to get all the advanced features.
Monday, October 1, 12
How To Use the Design Customizer
Questions? email support@mobileroadie.com
Monday, October 1, 12