Design Trends that have Influenced my Work. Engraved on December 8, 2007 by Michael Dick; Comments (11)

The year 2007 is coming to an end and a new year is coming. Everyone is starting to reflect on the past and begin planning for the future like we always do at the end of each year. Lucky for us (web designers) we are in an industry that evolves from the reflection of the past. Just take what good ol' Picasso once said, "Good artists copy, great artist steal." With the coming of the end of the year 2007, I want to reflect on the design trends that have had the most impact on my very own work

Design trends come, design trends go, and then design trends come back. Just because something went out of style last month doesn’t mean you can’t use it. Just be sure to include current design trends, integrate the two. For example, back three or four years ago solid strokes with high contrast were the 'thing'...even though it went out of style who says you can't implement it into today's designs as long as you modernize it a little by paying attention to whitespace and what is popular today. So, with that being said let me begin my list of trends that impacted my own work in some way.

Subtle Colors

I have designed quite a few sites within the past months and every design I start with my base colors and stick with the. The only changes I make is when I use a toned down or shaded down version of that same color. For example if I were to use a dark yellow as a base color I would use a light-to-dark shade of yellow somewhere else on the website. Subtle colors add so much smoothness to your designs, they help make things flow.

Glance-Able

When you start to get deep into what web design is really all about, you learn that it’s not about how many graphics you can load on your site, but it's more about giving the user a great experience...an easy experience. That is where making your site glance-able comes into play. Allowing users to glance at your site and know exactly what is 'happening' is a key ingredient to a successful user experience. Key techniques I've seen throughout the web that helped make sites glance-able were: lots of whitespace, headings, brilliant use of color contrast, and the use of a good grid layout (But not always!). Replacing larges chunks of text with graphics or headlines helps make your site more glance-able and less overwhelming to the user.

Dropdowns (The smart way)

I don't use dropdowns very often but if I were ever to start I would take lessons from Yahoo, AOL, Wired, Amazon, NBC, and CNN, whom all use brilliantly planned and designed dropdowns. On the design end, the dropdowns are used in a way that makes them not so overwhelming for the end-user when they are on the hover state. Every dropdown has a very good contrast between the actual page and menu itself so it's easy to glance at where the edges start and stop (see: glance-able). The placement and data contained in each dropdown shows you how brilliantly and well planned they are; they contain links/data that was specifically meant for it only...the data wouldn't have as big of an impact if placed outside of the dropdown somewhere.

Icons

One of the most popular web trends for 2007/2008 is the use of small icons, specifically FAMFAMFAM's public domain icons. Icons are almost overused...however the power these small icons hold make them almost near impossible not to use. Like the other similarities listed, icons help make things glance-able, they add style to your site, and help add some sort of playfulness to it. You can never go wrong with icons.

Fixed Width

With advances in technology the average width for a 'fixed width' layout has been raised to 950px wide. There is a lot of controversy regarding which layout positioning is better to use (fixed or liquid). There is a time to use liquid and a time not to, it's important to know the difference and why (but that goes beyond this article). One reason why the majority of websites use a fixed width instead of a liquid width is because as screen resolutions get higher, it becomes harder to control the placement of elements in your website. Typography also becomes a mess, which leads to the point that reading experts suggest the best width for text blocks on a website is around 60 characters long, therefore as your website becomes wider on widescreen monitors, your text becomes harder to read.

Comments

Engraved by Jared on 12/09/2007

Great job on the article Michael. Very good article for any web designer.

Engraved by Michael Dick on 12/09/2007

Thanks Jared, I just thought I would give my thoughts regarding what has influenced my work.

Glad you enjoyed it.

Engraved by Matt Sanders on 12/12/2007

You know, I've been thinking. What can we do to push the next years trends even further? Wouldn't it be wonderful to come up with the next best catchy trend?

I think really what would be great is if some of our peers would go back and study old print design. Maybe there's a chance we could create some pretty marvelous typographic masterpieces!

Maybe not. I'm just getting bored with my designs. I compare them to the latest and they stack up but I still want something more.. Maybe I'm just not satisfied with my own work. You ever feel that way?

Engraved by Michael Dick on 12/12/2007

@Matt, it would be cool to uncover a new trend. I believe sometime soon we will be able to embed any font we want into our websites...so typography will probably become more widely used.

I tend to get bored with my designs when they start to get critiqued and they become less of my work and more of a clients 'ideas'. When an idea is my own I stick with it and love every moment of it.

Engraved by M ark Nutter on 12/27/2007

I actually like Digg's drop down menu best of all. I don't like drop down menus that are activated by rollover because it's easy to get caught up in them if you're not careful. Digg's you have to specifically hit the down arrow to the right of the menu item for the menu to drop down.

Great article!

Engraved by Michael Dick on 12/27/2007

@Mark, I agree with you completely...Digg has a very organized and well designed drop down menu. There is a time and place for rollover drop downs and there is a time and place for click able drop downs (Like Diggs).

Thanks for your feedback, Mark!

Engraved by Jared on 01/16/2008

Did you take a vacation? :)

Engraved by Michael Dick on 01/17/2008

No, not a vacation, though it seems like I have! We can call it more of a break from being overloaded with class, work, freelance, and my personal life. I am back though, better than ever.

Engraved by Jared on 01/17/2008

Awesome!

Engraved by Brandon on 01/18/2008

Very well stated article. You got to the point of trends, had a list of trends, and reflected upon them.

I'm not sure about the dropdowns with AOL or Yahoo, but I know some of the news sites like CNN..NBC, etc do have complicated dropdowns that they should simplify. Maybe its not so much as complication, but so many news articles that they feed results as a big mess. Nontheless they keep those many articles sorted and in order through their dropdowns.

Subtle colors and glanceable are both perfect examples of what this site offers. You glance at it, you know what kind of site it is. The colors range from dark to gray which is a perfect example of subtle colors.

Icons are beautiful and always work well so i agree with you there. Fixed width also has its problems and developers will always be fighting over whether to use fixed or liquid.

Excellent article, hit the main points. Brilliant!

Engraved by Michael Dick on 01/19/2008

@Brandon, thanks for the great feedback. You are right, there are many news sites out there that display everything as one big mess.

Give your word.

HTML is allowed...line breaks are converted to <br />'s. You need to be somewhat friendly, at least to me or you'll get deleted. Now off, go post!