004 - Calculator

Reference calculator

Reference calculator

Task: Design a calculator.

Action: To do something a little different this time, I decided to try and emulate the Apple iOS calculator. I used Sketch, a reference picture of the calculator, and Photoshop to complete the mockup.  

Reflection: Making the buttons was a lot easier than I thought it would be, but it was hard to get the right size as you can see for some of the symbols. I used shared styles this time and that was really helpful for getting consistent opacity for the buttons without having to manually adjust them. It was difficult to create a grid as first because early on I forgot that I would need to leave some space between the buttons.


David Kam