Posts by Jake Rocheleau

How To Design Hover Effects for UI Elements in Photoshop

by Jake Rocheleau

August 25, 2014 in Tutorials

Designing in Adobe Photoshop is a different experience compared to building websites right in the browser. It requires an understanding of the various tools, effects, and positioning techniques. One major difference is how you would create interactions such as hover and click events.

In this tutorial I want to demonstrate how you might go about designing interactive states with Photoshop Layer Comps. These behave like document states where you can rearrange elements and save a snapshot of each particular style. I’ve also released my PSD file for free which you can download and modify for your own needs.

photoshop layer comps button nav menu screenshot

Read More

Building your Portfolio: Custom Website or Online Service?

by Jake Rocheleau

August 18, 2014 in design

Deciding when to launch your first portfolio online can be a challenge. It’s tough to know exactly when your work quality is good enough to share with others. Plus how should you get it out on the Internet? There are numerous methods and building your own custom website layout isn’t always the best choice.

I’d like to share a few ideas for creatives about building your first online portfolio. The process is much simpler than you might think, and the toughest part is making exemplary work to demonstrate your skillset. But how people find your work is also very important. I hope to shed a bit of light on this topic and help designers make the right choice for their online showcase.

Read More

Freebie PSD: Minimalist Single-Page Portfolio Mockup

by Jake Rocheleau

August 11, 2014 in Freebies

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 […]

Read More

Tips for Designing a Beautiful Single-Page Portfolio Website

by Jake Rocheleau

July 22, 2014 in Business/Freelance

Many trends in general web design can also be applied to single page layouts. But there are some unique features to the lone webpage which can add more flavor into a design. Like most of the web design field, common sense and user experience always trumps inessential creative ideas.

But that doesn’t mean anybody can just understand the best techniques for creating a single page design. In this post I’d like to share a few ideas on how to create usable, tactile portfolios with content featured on a single page. Mobile users are growing rapidly so you have to be thinking about clickable and swipeable interfaces at all times.

Read More
Page 3 of 4412345...Last »