Color Theory for Designers: The Meaning of Color

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

Colorstar in Color Theory for Designers, Part 1: The Meaning of Color

This is the first in a three-part series on color theory. Here we’ll discuss the meanings behind the different color families, and give some examples of how these colors are used (with a bit of analysis for each). In Part 2 we’ll talk about how hue, chroma, value, saturation, tones, tints and shades affect the way we perceive colors. And in Part 3 we’ll discuss how to create effective color palettes for your own designs.

Read the rest of this entry »

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits.

This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind.

Also consider our previous articles:

Why all the debate? Web page design comes down to usability, and this can be difficult to balance because website users can account for many different variables among them.

When designing a website layout for a large audience, the designer must consider the following potential differences among visitors:

  • Screen resolution,
  • Browser choice,
  • Whether or not the browser is maximized,
  • Extra toolbars open in the browser (History, Bookmarks, etc.),
  • Even the operating system and hardware.

Without the benefit of a standardized website size to work with, Web designers encounter numerous problems when it’s time to get to work.

Read the rest of this entry »

65 Creative And Stylish Footer Designs of 2009

1.Ten Thousand Things Webdesign Footer

ttthings-webdesign-footer

Read the rest of this entry »

Modern Navigation Design Trends

3-D Navigation

Lately, we’ve seen a trend towards design elements that sit on a higher z-plane; that is, they appear closer than other elements on the page. This trend is commonly applied, no surprise, to navigation menus.

Delibar
The content area on the Delibar website looks like a pile of two pieces of paper, with the navigation items holding them together. It also features a subtle JavaScript effect that smoothly moves them up when you hover over them.

Delibar-navigation in Showcase Of Modern Navigation Design Trends

Blue Door Baby
The Blue Door Baby navigation bar is styled like a ribbon that is laid over top of the feature area. The menu items are text-image replacements that have a subtle inset-text effect. (Learn how to create the inset-text effect).

Blue-door-navigation in Showcase Of Modern Navigation Design Trends

Read the rest of this entry »

50 Best Inspiring Gaming Websites

1. Blizzard Entertainment

blizzard-entertainment-showcase-of-best-inspiring-gaming-websites

2. Ubisoft

ubisoft-showcase-of-best-inspiring-gaming-websites

Read the rest of this entry »

CSS 2.1 selectors with example

* selector

* {color: red;}
* is a universal selector, meaning that it selects every single element on the page.
As a result all text on this page should be red.

Read the rest of this entry »

Finally IE6 Reached the end of line

Microsoft announced on Tuesday that network managers can now upgrade any Windows PC’s on their networks to the latest version of Internet Explorer 8 via their Windows Server Update Services platform, clearly representing a significant time saver for managers of large networks.

Does this easier to upgrade option mean that large organisations, businesses, schools, universities, colleges, etc., IE6’s last remaining stronghold,  will now finally be encouraged to make the move away from IE6?

And could this finally mean an end to Web Designers spending hours ensuring that their latest creations are backward compatible with this last remaining relic of a time long forgotten?

Here’s looking to a brighter, happier and more standards compliant IE6-less future, fingers crossed!

We getting this news from some other blog.

HTML5 and The Future of the Web

Some have embraced it, some have discarded it as too far in the future, and some have abandoned a misused friend in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news.

Things like jQuery plugins, formatting techniques, and design trends change very quickly throughout the Web community. And for the most part we’ve all accepted that some of the things we learn today can be obsolete tomorrow, but that’s the nature of our industry.

When looking for some stability, we can usually turn to the code itself as it tends to stay unchanged for a long time (relatively speaking). So when something comes along and changes our code, it’s a big deal; and there are going to be some growing pains we’ll have to work through. Luckily, rumor has it, that we have one less change to worry about.

In this article, I’m hoping to give you some tips and insight into HTML5 to help ease the inevitable pain that comes with transitioning to a slightly different syntax.

Welcome to HTML5.

Html5 Logo in HTML5 and The Future of the Web

Read the rest of this entry »

50 Best Photoshop Tutorials of 2009

1. How to Mold Paint Splatter to a Face in Photoshop

Use various tools such as the Cloning tool to remove facial features and the Brush tool to create a realistic splatter merged with professional blending techniques to mould the paint splatter over a face.

How to Mold Paint Splatter to a Face in Photoshop

Read the rest of this entry »

Creative and Exquisite Portfolio Designs

Alexarts
Graphic designer Alexey Abramov featured his portfolio with a tilt-shift photo background and beautiful typo. As a result, you see a neat and original design.

Alexarts in 50 Fresh Portfolio Websites for Your Inspiration

Read the rest of this entry »