Screen Sizes webapp offers a Table of all Device Dimensions

Responsive web design has become one of the most useful tools in any designer’s toolbelt. Every modern website should rely on some responsive techniques and use them appropriately to serve all visitors. The problem arises when trying to keep up with all the latest gadgets and touchscreen devices. Every year it seems like more and […]

Blur Like Jony creates iOS-style Filters in Photoshop

This cleverly-named Photoshop addon is made to replicate the crystal glass blur effect found in Apple’s mobile OS & product base. Blur Like Jony is a filter plugin for Photoshop CC that creates Apple-style blurring effects. It comes with three different view modes to blend naturally with Photoshop’s GUI. Plus you can manipulate settings to […]

Facebook publishes an iOS 9 GUI Kit for Designers

Most designers remember the Teehan+Lax releases that came after every iOS update. Unfortunately that agency closed down and have been scattered across the Internet. This leaves a certain gap to be filled by designers who may want to offer their own GUI kits. One of the largest Internet companies Facebook put out their own iOS […]

Assembly for iOS allows anyone to be a Designer

A cool iOS app named Assembly is taking the graphic design world by storm. This offers a mobile-friendly way for average folks to create unique icons and symbols from nothing but shapes and effects. The app is only $2.99 in the app store and offers unlimited designs at your disposal. The Assembly library contains a […]

Freebie PSD: iOS 8 Fashion Store iPhone App UI

Mobile apps have become a profitable area for modern interface designers. Apple’s iPhone 6 has certainly built a reputation for quality apps, dense pixels, and beautiful design aesthetics. Following Apple’s iOS 8 guidelines I’ve released this DesignMag exclusive freebie PSD featuring an iPhone 6 clothing store app UI.

Mobile app freebies are the perfect resources for learning about design & they can serve as great templates for customizing your own ideas in Photoshop. This PSD is 100% free to download and customize for use in any project whether personal or commercial.

freebie psd iphone6 ios8 fashion app ui

The PSD document was made to fit iPhone 6 retina screens(750×1334). All of the buttons, boxes, and icons have been created as vector shapes which can be resized and customized to your liking. Scroll down further to check out a fullsize preview and to download a copy of the PSD for yourself.

Freebie PSD: iOS 8 Instant Messaging Chat iPhone App UI

Do you love building mobile apps and working with pretty pixels? Are you an Apple fan who also enjoys free design resources? Assuming you answered yes to these rhetorical questions, you’re gonna love this new freebie released exclusively on DesignMag. This free iOS 8 IM/Chat Application follows the iPhone 6 screen dimensions and design guidelines. The PSD is completely free to download and edit for any project, personal or otherwise.

digimag - freebie psd iphone 6 ios8 chat app ui

All of the icons are vector-based which means they’re scalable to any size. Plus you can edit the vector paths to reshape everything! The fonts are all typical Apple fonts along with the Google Webfont Montserrat. Everything in this PSD is flexible and really easy to customize. Scroll down to check out the fullsize preview(750×1334 retina).

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

40 More Brilliant Mobile Responsive Website Layouts

There are hundreds of brand new mobile responsive website layouts published every month. The trend has swept through the design world and taken web development to a new level. In the past we have written on some other amazing responsive websites and I want to use this gallery as another comparison.

I’ve put together 40 outstanding mobile responsive website screenshots from a widescreen monitor. All of these layouts will reposition based on the device’s window screen. You can accomplish this design style by using CSS3 media queries. Most of these layouts are perfect for inspiration as you can see how the different trends can fold together.

Cantina Dorigati