How to Use the Mobile Roadie Design Customizer

1,214 views
1,094 views

Published on

Step by Step How To on the functions of the Mobile Roadie Design Customizer. For more information on how to build a mobile app, RSVP for our free weekly webinars at http://blog.mobileroadie.com/events

http://blog.mobileroadie.com/events

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,214
On SlideShare
0
From Embeds
0
Number of Embeds
87
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How to Use the Mobile Roadie Design Customizer

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

×