#dailyui | Daily UI Challenge #001

Short version about the challenge – it is a daily exercise for designers to create each day some new user design element (UI) to improve design skills. Long version and more information here: http://www.dailyui.co

I started this challenge to improve my design eye, but as I’m not a designer I decided to look at this challenge from iOS developer perspective and use Xcode for work on challenges. Sure I will continue to use Sketch for design elements, but the main tool will be Xcode+Swift 3.

So, welcome to my Daily UI Challenge post #001 – Sign Up UI

UI elements in the Xcode interface builder:

Looks quite simple and you can do only so much in the Xcode interface builder. Animations and nice vector stuff should be done in the design tools or in the code.

To make this UIView element more attractive I implemented following code:

@IBOutlet weak var signView: UIView!

        override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        

        // SignIn view changes

        signView.layer.cornerRadius = 16

        signView.layer.shadowColor = UIColor.black.cgColor

        signView.layer.shadowOpacity = 1

        signView.layer.shadowRadius = 10

        signView.layer.shadowOffset = CGSize.zero

        

    }

And runtime result recorded from phone screen looks like this:

Looks better, at least for my eyes 🙂