valp.now:blog (beta) | freelance graphic designer and illustrator » Web Design

.

The Emergence of Gradient Grunge Design

September 4, 2009 | Filed under: Graphic & Illustration, Personal Stuff, Web Design by seanhodge @ 7:50 pm

Web 2.0 as a style is not dead, far from it. Styles don’t die. If anything they percolate and then fuse into other styles. They get absorbed by the forward movement of design trends. Web 2.0 styles are mixed with grunge designs in many websites and graphics today. This style is Gradient Grunge. Let’s take a look at some of the characteristics that make up this growing design trend today.


The Merging of Styles

It’s common for styles to merge, especially dominant styles. As grunge rises in popularity on the web more designers (who are used to working in web 2.0 methodologies) will experiment with grunge. There is a crossover point where these styles merge. This is where Gradient Grunge design emerges.

For quite some time grunge graphics were at the periphery of web design. They have risen to mainstream. More and more websites have adopted grunge styles. In most cases, it isn’t a matter of a designer wholeheartedly grabbing the next trend. Designers tend to experiment and get inspiration from many sources. Bringing grunge elements into ones design work is a gradual process.

This is typically the way designers working in the trenches change their normal output. They find one project here or there that they can do something different on. They try new types of designs. When web 2.0 style designs are the dominant trend, designers develop workflows and habits built around creating this style quickly, as with any popular design that clients would request.

Many of these designers would simply merge grunge design styles into there existing workflows. It’s a common practice when moving from one dominant stylistic trend to another in design. There will be overlap. The combination of web 2.0 styles and grunge graphics is Gradient Grunge.

Some Details about Gradient Grunge Style

Let’s look at some specifics. Sure, some aspects of web 2.0 aren’t as cool as they used to be, like reflections. However, the use of some web 2.0 styles are still rampant. Review the Web 2.0 design guide to get an overview of this style to decide for yourself what elements are still popular today. Some notable trends still practiced are: Solid Areas of Screen Real Estate, Simple Navs, Bold Logos, Strong Colors, Gradients, and others. Combine these styles with textures and worn imagery and you have a new take on grunge graphics.

This new aesthetic doesn’t emulate nature, but rather it stylizes nature. Bright plastic doesn’t degrade as paper in real life, but it certainly can in Gradient Grunge, and it looks cool doing it. Typically, Gradient Grunge is brightly colored, though it could be applied with a more subdued palette. In web design, it often combines the use of gradients and other web 2.0 elements with the look and feel of stylized worn texture.

Gradient Grunge at it’s more extreme end is the pure combination of Grunge and Gradients. Many examples of this style are of brightly colored gradients blending with textures.

Examples of Gradient Grunge in the Wild on the Net

Nothing explains a style better than to show some example of it out there in on the net. Let’s check out some graphics that show a merging of both web 2.0 styles and grunge graphics. Also, we’ll look at some Gradient Grunge that is made of gradients merged colorfully into a grunge aesthetic. Following are some Gradient Grunge designers and designs.

Maciej Hajnrich AKA Valp Nietylko

I had the pleasure to interview this designer and digital illustrator over at PSDTUTS. Since then I try to keep track of what he’s up to. And he’s been making some great Gradient Grunge style work. Check out his Flickr Photostream’s Portfolio: Graphic Design Set. He has some brand new work up. Valp has a strong Gradient Grunge style permeating much of his work. The website below shows how he carries this style into web design. Notice the Gradient Grunge badges in the design below. This is a characteristic web 2.0 element given a new stylistic treatment.

cogitatur

Notice how he combines gradients and grunge in such a highly saturated colorful way in his illustrations. For more of his illustration work visit his portfolio.

Fuel 2

Sleek Design Tutorial

This tutorial Collis wrote called “Create a Sleek, High-End Web Design from Scratch,” has a great Gradient Grunge style. It follows a similar spacious website layout as web 2.0 sites, only it adds in a good mix of gradients and texture.

(more…)

.

Duke Nukem Is Back / Website Design

March 27, 2009 | Filed under: Web Design by valp @ 2:51 am

duke-is-back

duke-is-back_zoom

I have just finished graphic designs for Duke is Back website which was recently launched. My role was to deliver graphics (attached above) based on main image with Duke and some aliens. All scene in header and content was designed using photo manipulation and matte painting skills. Online version has some animations included so it’s worth of checking in.


I remember when Duke Nukem 3D arrived in ‘96 - it was so opposite to Quake and lot of fans were fighting (in words :) which game is better and why. I used to play both. Anyway it’s a good time to recall all these memories like theme song or gameplay… By the way, where is my pistol?

About Duke, for sure: “Super confident and overly aggressive by nature, aliens fear him, and women fawn on him. Duke Nukem is the ultimate bad ass! When the Earth Defense Force faces its toughest challenges, they only call on one man to get the job done right the first time! When all else fails, Duke doesn’t!

.

Cogitatur.pl + 29 Beautiful Examples of Grunge Web Designs

November 21, 2008 | Filed under: Personal Stuff, Web Design by valp @ 6:18 pm

This one is a shameless self promotion, so forgive me that :). I’ve just found a brilliant post at Six Revisions called 30 Beautiful Examples of Grunge in Web Design with Cogitatur’s site spotted on top of all. I am very glad that guys appreciated grunge designs in the age of web 2-point-0 which are available all over the internet. It’s also hard to compare this two styles - clear, glossy effects excludes dirty/grunge graphics however this is a good moment to think about (not) following trends.

I’m honoured to find my web design on top of this post as well as on main page, and this post is a great award for Cogitatur’s site. Thanks once again!

.

Creatures online

July 29, 2008 | Filed under: Graphic & Illustration, Web Design by valp @ 9:05 am

Creatures of Intimate Noise

I’ve been working for Creatures of Intimate Noise, a rock band from Belgium, on their new identity = illustration and website screenshot above.

Also check out online www.creaturesofintimatenoise.com and listen to their first single!

.

Beltaine’s website

July 28, 2008 | Filed under: Web Design by valp @ 8:00 am

Web design, illustrations, and code (without flash).

www.beltaine.pl

.

Backgrounds for Dj Peter Worth

July 24, 2008 | Filed under: Web Design by valp @ 2:53 pm

Few months ago I was working for Dj Peter Worth’s new website. I made few backgrounds to fit his layout and, obvoiusly, music mood. Fresh mix - Brain Candy - a definately must have for your next house party.

Click thumbnails above to see full size screenshots.

Powered by WordPress