08-union-manchester-metropolitan-university-timeline

Timeline Interface Trends in Web Design

Presentation of content is a big consideration for designers. In fact, design is fundamentally about content and how it works. Form follows function. Many web designers strive to conceive brand new ideas for content organization. The web is a great medium for dynamic content with a fluid backbone. This is what makes timelines so enchanting: […]

00-featured-vector-icons-freebie-dribbble

Using Vector Icons in Modern Web Design

Mastering web design requires understanding design fundamentals coupled with various design techniques. One such area worth studying is icon design because it can be used for a variety of purposes. Vector icons are a newer facet of web design as browser support has evolved to reach global demand. The following ideas and sample websites should […]

00-featured-github-enterprise-header

Background Hero Image Trends in Modern Web Design

The common use of website hero images should come as no surprise. Faster Internet speeds and larger monitors allow for a pristine viewing experience. Hero images can be found in layouts as banners, slideshows, or even fullscreen backgrounds. But these background images don’t always need to be fixed designs. Going beyond just static hero images […]

Popular Web Design Trends for 2015

Although many designers have written on this topic, I want to share my thoughts on the future of web design as we forge ahead into 2015. The new year is always an exciting time and I love to contemplate the potential for young new web designers just entering the field.

featured image photo laptop design

I do think these trends will resonate with most web designers who have kept their pulse on the changing tides of digital interface design. But although these trends are quite noticeably gaining momentum, it’s impossible to tell with absolute certainty what the future will hold. Looking onward into 2015 I expect to see lots of growth and ingenuity from older trends, along with some newer ideas finally coming into the spotlight.

Modern Interface Patterns for Mobile Application Design

There are now more app developers than we have ever seen in the short history of smartphone devices. Google’s newest Android OS coupled with Apple’s advancing technology makes for a force to be reckoned with. Although mobile interfaces can borrow traits from the web, they can’t be perfectly emulated because mobile apps rely on touch-based interactions.

I want to share a few mobile interface patterns to help designers craft purposeful applications that run smooth and behave as expected. This is no easy task and it requires a lot of practice to figure out the best methods for any individual application. But I suggest looking for these interfaces in other applications to determine how they feel and behave on a typical device.

Creating Useful Breakpoints in Responsive Layouts

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.