The iPhone 6 and iOS 8 release has created a new environment for app developers. Interface elements are very similar following the flat design scheme but little tidbits have been updated. Also the larger iPhone 6 screen resolution with @2x(and @3x for iPhone Plus) comes out to a whopping 750×1334.
For this freebie I’ve created a social news application where users could vote on news and post comments with other readers. It’s built using the familiar flat UI elements with a focus on iOS 8 updates. Feel free to download a copy and use it for any projects or practice work.
Free iPhone GUI PSD kits include a lot of the primary elements needed for app design. But sometimes it’s necessary to build your own custom interface elements. I always preferred the older iOS 5-6 UI above the more flat-looking iOS7. Specifically I fell in love with this Microsoft Word app for iPhone created by the very talented Victor Erixon.
In this tutorial I want to demonstrate how to recreate a couple of these same MS Word interface elements from scratch. Building with shapes and paths will allow for an easier process of scaling the graphics to larger sizes. You don’t even need to know a whole lot about Photoshop to follow along with this tutorial. Plus you can download a copy of my PSD file to check out the final result.