Posts by Jake Rocheleau

Guidelines for Building Touch-Supported Website Layouts

by Jake Rocheleau

October 28, 2014 in UI Design

It should come as no surprise that people love to pass the time in waiting rooms by fiddling on their smartphones. These little devices have become a technological gateway to a library of applications and a sprawling metropolis of websites. This means a whole lot of people are visiting websites on the smallest screen imaginable – and it’s a touch-only screen to boot.

tappable iphone safari mobile app website layout

As more people are latching onto touchscreens web designers need to craft new solutions for mobile Internet browsing. In this post I want to cover a few guidelines for helpful touch-based web design trends. The design process will always be improving as designers innovate with new concepts and UI techniques. But starting with the fundamentals will make touchable web design more approachable and easier to accomplish.

Read More

Creating Useful Breakpoints in Responsive Layouts

by Jake Rocheleau

October 24, 2014 in Web Design

In our modern technological era you can find devices with any screen size that all have access to the Internet. This means bored people around the world can visit their favorite websites from a laundry basket full of different screen dimensions. If this were Pee-wee’s Playhouse I’d say the word of the day is: breakpoint!

The process of responsive design creates distinct layout styles that change based on a device’s screen resolution. When a layout shifts into a smaller or larger display style it’s often called a new breakpoint. Choosing when to create a new breakpoint is quite an arduous task since the threshold and number of breakpoints can change dramatically from project-to-project.

featured wireframe sketch mobile website responsive design

In this post I want to outline a couple ideas for creating responsive breakpoints in web design. The end goal is to create a usable website experience that fits naturally onto any device. While this is easier said than done you’d be surprised how much can be learned by just building a site and fixing mistakes as you go along.

Read More

20 Free Device PSD Mockups for Mobile Apps & Websites

by Jake Rocheleau

October 14, 2014 in Resources

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

Read More

38 Absolute Best Tutorials for Learning Icon Design

by Jake Rocheleau

October 12, 2014 in Graphic Design

Simple glyphs and icons communicate a graphical representation for interfaces, branding, and content. Icon design ranges from simple line icons to detailed works of artistic beauty. Every designer has to start somewhere and nobody claims the process will be easy – but it is very rewarding.

This gallery focuses on 38 icon design tutorials geared towards beginners or intermediate designers. Each walkthrough focuses on the overall process from a blank page to completed design. Granted there are many different ways, like highways and byways and imaginary triways, to approach the same problem. Each of these tutorials will follow a different method to practice and build confidence with your icon design skillset.

Starfish Icon

3d textured starfish water icon

Read More
Page 2 of 4512345...Last »