Follow

UI Design: General Interace

Once you're in UI Design, you can start with General Interface design. 

Screen_Shot_2017-09-19_at_2.22.23_PM.png

Name your App and upload your Mobile App Icon + Launch Logo, and choose your launch background. 

Mobile App Icon: 1024x1024px, square with corners, no transparency at 72dpi, PNG. This is your app icon that will show up on your users phone screens. 

Launch Logo: 1200x600px, transparent background, 72dpi, PNG. This is the first screen that will show up when people launch your app, like a welcome screen. 

Launch Background color: This should be a color that matches your brand's aesthetic. Make sure that your Launch Logo is legible placed on top of the Launch Background color. 

General Interface:

Screen_Shot_2017-06-09_at_1.01.45_PM.png

Here's where the fun part begins! As you design your app, you can see it right there. 

Choose your Theme Color: this is the color that will be behind your logo. 
Logo Placement: choose between Center and Left.
Nav Bar Logo: 132px, transparent background, 72dpi, PNG. This will typically be your brand logo. 
Tab Bar Color: choose the color for the bottom bar, behind your section icons. 
Border Color: this color is not so obvious, but goes between your tab bar and your section content. 
Selected Color: this is the color that will indicate to a user which section they are in. In the example, Store is selected. 

Search and Settings Icon: You can either choose an icon from our library, or upload your own. If you want to create your own assets, they should be 87x87px, black with a transparent background at 72dpi PNG. 


Screen_Shot_2017-06-08_at_5.05.57_PM.png

Saved Label: Name your Saved Section (options: Saved, Favorites, Bookmarks, Queue).
Save and Saved Icon: Choose from our icon library (most used is the Star for Saved and the Filled in Star for Selected Saved) or upload your own!
Subscribe Label: Name your Subscribe Section (options: Subscribe, Premium, Access, Membership).
Subscribe Icon: Choose from our icon library or upload your own. 

*NOTE* ONCE YOUR APP IS LIVE, ANY CHANGES YOU MAKE HERE AND SAVE WILL AUTOMATICALLY UPDATE IN THE APP. 

Comments