Mobile - Page 4

Learn how to put mobile first in your designs, for phones, tablets, and wearable devices.

Tips for Designing Sleek iPhone App UI Layouts in Photoshop
Graphics / 20 Oct 2011

Tips for Designing Sleek iPhone App UI Layouts in Photoshop

Graphic design for the web has been a popular trend for ages. And with the invent of Apple’s iPhone back in 2007 the app store has grown a tremendous amount. Now we have iOS app designers and developers coming together to build some really fantastic conceptions into reality.

But if you’re not fond of learning Xcode and programming Objective-C, Photoshop may hold more interest. Below I’ll offer some of the tips I’ve picked up for designing killer iOS app mockups. And since there are always new trends emerging the design community is constantly redefining how to create apps. Think of this as more of a beginner’s resource guide to designing for Apple devices.

How to Crank Out a DIY Mobile Site in Minutes Flat
Mobile / 30 Sep 2011

How to Crank Out a DIY Mobile Site in Minutes Flat

Huge strides are being made in professional web design in the mobile arena. More than ever, the web is a place that’s quite friendly to devices of all shapes, sizes and operating systems. If you’re not a professional designer, this news can be unwelcome and even overwhelming as you wonder how you’re going to afford or create your own mobile site.

Today we’re going to take a brief look at how mobile websites are becoming ubiquitous, why turnkey DIY services are a necessary part of the web design world and a few of these services for you to check out. We’ll even walk you through the process of using one of these services so you can see how easy it is to have your own mobile site up and running in minutes.

More Than Scaling: How to Make the Leap From Mobile to Desktop
Mobile / 30 Aug 2011

More Than Scaling: How to Make the Leap From Mobile to Desktop

In the last decade, much discussion time has been given to how both interfaces and user experiences translate from desktops to smaller mobile devices. Recently however, the conversation has switched and we’re now seeing trends begin in the mobile environment and make the leap back to the desktop.

This leap is deceptively simple and merits significant inspection as to the fundamental differences between mobile and desktop platforms and how that can and should affect how interfaces and experiences are crafted.

Build a Responsive, Mobile-Friendly Web Page With Skeleton
CSS / 27 May 2011

Build a Responsive, Mobile-Friendly Web Page With Skeleton

Recently we published an article showcasing 20 Amazing Examples of Using Media Queries for Responsive Web Design. These web pages respond extremely well to different browser window sizes, from huge HD screens to smartphones.

Today we’re going to show you how to use a boilerplate called Skeleton to take the headaches out of designing and building a responsive web page. You’ll be stunned at how easy it is!

Designing Web Interfaces Scaled for Touchscreens
Graphics / 4 Jan 2011

Designing Web Interfaces Scaled for Touchscreens

Gone are the days of convoluted javascript notation and countless plugins includes in your header. Layout design has taken a large step forward as we’re seeing designers creating some extravagant concepts. Touch screen devices currently hold the highest interest from a designer’s and developer’s point of view.

More people are using touchscreen enabled devices now than ever before. This includes tablet PCs and the entire list of mobile phone operating systems. These devices are all mobile and allow for access from most any remote location.