Join 18,800+ Readers

29 Website Layouts using Spectacular Animation Effects

by Jake Rocheleau
on November 21, 2014

in Inspiration Web Design

CSS3 has paved the way for clean website animation without any reliance on JavaScript. Unfortunately it can’t handle every task but it’s got a fantastic track record so far. Modern website animation has grown from simple dropdown menus to animated backgrounds and parallax scrolling.

There’s a lot to see in the way of digital interface animation and the more you see the more ideas you’ll excogitate. In this showcase I’ll be focusing on 29 websites that utilize interesting animated effects. They might be full-page effects or just slightly glamorous touch-ups to the navigation. Either way these examples are perfect for inspiration when planning your own animated layouts.

ReadMe.io

readme io website homepage animation effect

Read More

30 Examples of Website Search Interface Design

by Jake Rocheleau
on October 24, 2014

in Inspiration Web Design

Not many designers place enough focus on the benefits of creative search fields. For content-heavy websites most users will be prepared to search for what they’re looking for. If the search interface sucks then people will be forced to leave and hit Google, or worse… Ask Jeeves.

Instead of driving people away like a repugnant foul pot roast, why not spice up the design and give it some flavor? Then everyone will simply adore the pot roast! In this analogy the pot roast is a stinky search input field that just needs a little TLC.

I’ve put together a selection of beautiful search interfaces from across the web. Some are big, some are small, others are more suitable for persnickety little babies like Goldilocks. But overall this gallery is quite diverse featuring a wide range of design trends for search interfaces. If I’ve missed any gems feel free to share your own ideas in the comments section.

Read More

30 Inspiring Examples of Dark Minimalist Website Layouts

by Jake Rocheleau
on October 12, 2014

in Inspiration Web Design

Do you ever notice how familiar web content always seems to catch that twinkle in your eye? Fewer distractions allow for quicker reading material – and in these crazy times with Twitter and Justin Bieber it helps to remove as many distractions as possible. Another element which can help readers achieve deeper focus in a higher contrast between colors on the page.

Very dark text on a light background will read much cleaner than colors which are closer in value. But the reverse is also true, putting dark website backgrounds with lighter text colors. In this post I’ve organized some deliciously dark layouts which achieve brilliant minimalism in both form and function.

Perspective Mockups

perspective mockups photoshop ui plugin

Read More
Page 1 of 2512345...Last »