Freebie PSD: iOS 8 Social News iPhone App UI

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.

ios 8 iphone social news app psd freebie preview

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.

20 Free Device PSD Mockups for Mobile Apps & Websites

Presentation is a big part of the artistic process and this is especially true of freelance work. Mockups have become much more common to showcase what a project will look like once it’s running on a device. These mockups are just photos with a layer mask to superimpose a completed interface onto a smartphone or computer screen.

A few years ago this would have required purchasing stock photography or taking your own photos. Thankfully some wonderful designers have released their own device mockups free of charge. Each set in this gallery is dedicated to a certain device like smartphones, tablets, laptops, or even desktop monitors. Check out these free device mockups to see if they could be of use in future project work.

6 iPhone 6 Mockups

6 iphone6 mockups psd freebie

Designing Custom iOS App Interface Elements using Photoshop

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.

dark photoshop ios buttons and select menu preview

Freebie PSD: Minimalist Single-Page Portfolio Mockup

Some say that less is more, but critics will often disagree. Yet how do you explain the success of Google, chihuahuas, or Gary Coleman? This minimalist rule can be applied to single-page websites that require a very small yet detailed amount of information. Landing pages & portfolios often work best. This PSD freebie is a […]