Creative Website Imagery

Using imagery on a website is a great way to capture the attention and imagination of your users. But use too much imagery or do so improperly, and those eyes are just as likely to flick back to Google. We’ve put together these tips – some innovative and new, some tried and true – for drawing those users right in.

Be economical

Never has the term “more is less” been more true than when using images on a website. We’ve all visited sites that don’t follow this advice – sites with links sprawled from one end of the page to the next and graphics squeezed into every available bit of white space. We’ve all abandoned those sites, too.

Avoid this fate by concentrating first on a few key images, including your logo, your primary navigation, and the most important, relevant or current content. Any added imagery should support these features rather than overpower them. This could mean using no photos or extra images at all, or it could mean placing one or two clear, unique and powerful images well above the fold. Just pick your theme, find the most important images to bring that theme to the forefront, and use the least that you can.

If you don’t have access to a photographer or designer, consider using stock photography or stock footage in your design creation.

Use powerful colors

It’s best to be economical when it comes to colors, too, staying true to one scheme. Better yet, stick with just one main color. That way you’ll be able to grab a reader’s attention when you switch briefly to another.

No matter how much you love that bright fuchsia, be gentle on the eye, using flat colors, subtle contrast, and smooth gradients and curves. While it’s fun to experiment, know that many colors show up very differently on different screens. Going too far out of the box can create an unintentionally unpleasant experience for some of your visitors.

Don’t fear the white space

Use white space to contrast with other colors. This will help visitors focus their attention, and it will give their eyes a break. Plus, white space just looks fresh and clean, giving your site an inviting contemporary look.

Play with typography

Typography can help convey tone, voice and message. You can go funky and fun, slick and professional, or purely utilitarian. Experiment with a number of choices before you settle on one. Stick with your choice throughout the site, using no more than two different fonts – one for the headers, one for the body. Just like all other images, make sure typography supports the theme rather than distracting from it. Pay attention to spacing, too, both between letters and between sections on the page.

And last but certainly not least, remember that it’s function before style. Don’t sacrifice readability just because you love how old timey a text looks.

Stay relevant and be direct

The core purpose of having a website or blog is to send a clear message. That’s why it’s so important to stay on theme, no matter how creative your site may be. Users will feel cheated, annoyed or misdirected if Google brings them to your restaurant review site and the feature image is of a Ferrari. With every image you add, stop and ask yourself, “How does this support my site’s voice, theme, or purpose?”

But don’t fear the abstract

That said, relevance doesn’t have to mean a literal translation of your ideals. There are, for instance, far too many business websites out there featuring stock photos of models in suits shaking hands. Showcasing businesspeople just because you’re in business doesn’t tell us much about who you are and how you’re different than the competition. Try experimenting with abstract shots or vectors instead. This will enable you to create images that are truly unique. They’ll still be compelling and relevant if they relate to some aspect of your business, like your voice or emotional tone.

Overall, the images you use on your website should send a clear message about who you are, what you do, and why you do it. With these techniques in your tool box, you’re sure to stand out from the crowd.

Written by Rob Toledo: Rob Toledo loves all things CSS3, staring at source code and no longer supports IE7, he can be reached on Twitter @stentontoledo

500+ Symbolicons Vector Icons from Mighty Deals

Whether you’re creating an application or a website, anyone who appreciates design knows how the right set of icons can add that perfect, final touch to your project. After all, it’s the icons that users will usually interact with the most. And today Mighty Deals bring you the perfect set of icons that are nothing short of spectacular. They’re precise, elegant and quite simply…gorgeous!

You can get thisset of 505 Symbolicons icons for just $15, that’s more than 60% off the regular price of $40!  You’ll also receive free updates as this set continues to grow.

Check out this awesome set on Mighty Deals right away, as the deal is available this week only.

The 3 Essential Fundamentals of Designing a Successful Website

The internet is chock-a-block with different websites clamoring for the attention of their target audience. Forget about emerging as the leader, but even surviving in such cut throat competition is difficult. But, there are websites and online businesses that are actually thriving in such conditions and the credit for this should be given to their website design. Their designers have taken every care in the book to ensure that their designs attract a loyal stream of website visitors, which in turn ensures a successful online presence.

The key to successful website design is getting the fundamentals right. Let’s take a look at three such fundamentals:

Get Specific – Don’t Try to Please Everybody

Let’s face it, you can’t please all and sundry with the design of your website. This is why you need to create a design that will appeal to your specific target audience. For this to happen, identify a theme that your audience will appreciate and create a website that revolves around that specific theme. The business of website design is all about specifics and designing a website that has no clear and definite thought process behind it will never work.

Start from the ground-up

Begin at the very beginning. When you are conceptualizing the design of the website, first check with the developers regarding its feasibility and only then start off on its wireframe. At the same time, identify the various designing platforms that you are going to use to bring your concept to life. It’s important to understand that there are plenty of designing platforms out there, but use only those, which you are comfortable with. This will give you the added confidence to be innovative with your design and bring to it a sense of uniqueness.

Avoid Needless Complications

Some website designers fall into the trap of designing a website that is replete with complicated visuals, call-to-action buttons and complex use of design elements. This results in a UI that not many website visitors can make sense of. As can be imagined, such visitors will definitely prefer going to some other site and not wasting time on a site that is difficult to understand. Therefore, it’s important that you subscribe to the policy of simplicity. Simplify your designs as much as possible, so that the website is able to deliver its message clearly.

To Conclude

As can be imagined, these are not the only fundamentals that you need to keep in mind for creating a successful website. But they are enough to get you started. If you are serious about your job as a website designer, it’s of paramount importance that you keep improving your skill sets and keep identifying and implementing more fundamentals as a part of your website designing process.

Written by Hazel Raoult: Hazel Raoult  is working with PLAVEB – a leading web design company based in Los Angeles, CA. She loves designing visually striking user experiences for clients and has brought to life a slew of client projects that have gone on to become very successful. She has a keen insight for design and loves sharing it through her write ups.