User design

UI tools 
Sketch
antetype
photoshop
axure - enterprise
balsamiq
invision - foc

Note
Plan using pen and paper first
include a splash screen
main screen
status bar
app title
Clicking

The user interface design comes after user experience design.
covers color and design, the look and feel
User experience - UX, deals with the flow, how it works and user feelings.

Determine colour scheme
Get colour schemes
Colours invoke emotion

Using paid tools for design ui
sketch can be both a ux or ui tool
foc - inkscape

Design user interface
Theming the entire app around one colour
imply use with a picture
Words used - linked to problem it is solving



Comments

Post a Comment

Popular posts from this blog

Sharing on social media

Sharing on facebook import Social //create a sharing function for Facebook, in button clicked  if let vc = SLComposeViewController(forServiceType: SLServiceTypeFacebook)         {          shareOnFb(vc: vc)                   } //add function below func shareOnFb(vc: SLComposeViewController)     {         vc.setInitialText("Posted this from my swift app")         vc.add(thisImage)         let theurl = URL(string: "http://swiftcodingreferencebook.blogspot.sg")         vc.add(theurl)         present(vc, animated: true, completion: nil)           } Sharing on Instagram in info.plist Create a key of type array: LSApplicationQueriesSchemes Control+click and add a row Item 0 value: instagram add to class ViewController: UIViewController,...
Read more

Navigation controller

It creates a navigation bar for all the pages in the storyboard. It has a back button, a title and a few other custom buttons that you can add. You can customise its colour as well. Add a navigation controller 1. Add it from the object library. 2. Drag it to a place outside the main storyboard. Make it the first page. 1. Select the navigation controller page 2. Drag it to the left of the first scene. 3. Go to attributes inspector, scroll and hide others until you see 'Is initial view controller' and check against it. 4. Control, click and drag from navigation controller to first scene and choose 'root view controller'. 5. To set the title, click on the view controller scene and select its title bar (the one with the battery). At where the attributes inspector is, key in the title of the app. 6. To make it such that all views have the same colour in the title bar, click on 'navigation bar' under 'navigation controller' on the left hand side of...
Read more