Customising a button in UIDesignStudio

This video shows some of the ways to customise a button within your app using UIDesignStudio. By tapping the middle of the screen or the text icon you will be able to customise the text in the button and it will change as you go. You are also able to change the colour of the button using a slider that appears when you click the eye drop icon. You can also enter a hex colour code on the bottom textfield that will automatically change the colour of the button. Using UIDesignStudio, you can edit the background image of the button by tapping the image icon, from here you can select an image from your photo library to appear on the button.


Changing an image in UIDesignStudio

This video shows how to set an image in UIDesignStudio. This could be used to configure images and image views within your home screen or products screen.


Set colours in UIDesignStudio

This video shows how you would set any primary or accent colours within your app. The colours would be given an ID created by the app developer, using the ID we can reference which accent colour to change. We can change the colours by the clicking on the eye drop icon which brings up a colour slider or by entering a hex colour value into the textfield if you know which colour you are looking for. You could also select one of the colours on the bottom tab which shows the other colours that have been used in your app.