It’s difficult to map out what works for web design and what doesn’t after all, there are so many different and effective approaches you can take. For one website, a crisp, clean home page looks great, and for another website, a messy, colorful home page draws you in. However, there are a few principles of good web design, that are universal. Here we will explore five principles of good web design.

GOOD NAVIGABILITY

Before we can even begin to take the aesthetics of a site into consideration, we need to make sure that the website’s audience can easily navigate the website. While it’s not usually practical to include all of your primary content on the home page, you do need to include tabs that lead to the most relevant content the website’s audience is visiting the site for. For instance, along the top of the Fender website here, we see common-sense tabs along the top that link to common reasons a visitor would be coming to the site, including Products, Vendors, News, Store and Community. Along the bottom of the site, where they don’t distract from a visitor’s first impression of the site, are more detailed navigation options. Although the slideshow images on the site are big and flashy, visitors still know exactly where to go to get the information they’re after.

USE OF CONSISTENT BRANDING THROUGHOUT

Implementing the site’s brand throughout the various web pages is essential to maintaining a sense of continuity in a website. The Coca-Cola website does this well by incorporating its tell-tale red, white and black advertising color scheme throughout its pages. While a website’s brand doesn’t always equate to a particular color scheme, the brand should be implemented on every single page within a site so that the site pages flow together as one unit.

GOOD USE OF IMAGES

We’ve all seen websites that make use of a large central image to capture the eye when someone visits a page. While this can be done very successfully, you don’t always have to wow a website’s visitors with one large image. You can vary up your image sizes and incorporate them in different ways to bring color and life to a website. The Organic Express website makes excellent use of colorful images to make a visitor feel right at home.

USE VIDEO WISELY

People like to access multimedia on websites, but they don’t usually like to be overwhelmed with it. Better to let your visitors click on the video themselves than to add in a flashy video that launches as soon as the visitor accesses the site (there are exceptions to that rule though, especially for sites where “shock and awe” is the best approach). A good example of good use of video is found on the University of Notre Dame website, which features excellent navigation while prominently featuring a slideshow of a number of videos that interested visitors can scroll through and view at will.

STRONG TYPOGRAPHY

All the images and videos in the world can’t rescue a site with typography that’s difficult to read or not used in an effective way. Typography is a tool that tells the visitor what he/she needs to know and guides their eyes across the site. Finding the right typography to fit your audience and varying the size and prominence of certain words on the site is essential to getting the site’s message across. This Activate site uses typography well. They have contrast in the typography and uses fonts to draw emotions.

via 5 Principles of Good Web Design.

So, I subscribe to a bunch of youtube sites and I came across this tutorial from IceflowStudios.  This tutorial is how to make realistic fluffy clouds.  After watching this tutorial I went ahead and tried it out.  I made the clouds that you see above.  I not only used the brush to draw the clouds but I used the eraser tool to shape them as well.  I think the effect looks great and now I have a cloud brush of my very own.

Very cool tut, and it wouldn’t hurt to subscribe to IceflowStudios.

He does make it simple to learn the basics and not so basic features of Photoshop.  
Click the image below to view the IceflowStudio video.

Create a Stunning Text on Wild Fire Effect

I wanted to start with this tutorial first because of the final image.  I really like the final effect.  This tutorial was very easy to follow.  I followed the steps and created the image above.  The only thing I would change is instead of using the erase tool, I would use a mask to erase items.  This way if you mess it up you can just switch to white and it will come back.

I would rate this tutorial a 10 out of 10.  It is quick and easy and it gives you some ideas on  how to use the channels section.  I would recommend trying out this tutorial for yourself and see what you think.  See post below.

Fire text is one of the most classic technique that you can see in Photoshop tutorials. I am trying out another version here using some real fire images, mix with filters and blending methods. Here we go!

via Create a Stunning Text on Wild Fire Effect | 10Steps.SG.

I would rate this tutorial a 10 out of 10.  It is quick and easy and it gives you some ideas on  how to enhance your photos.  I would recommend trying out this tutorial for yourself and see what you think.  See post below.

Don’t Leave Me – Photoshop Tutorial | PSD Box

Welcome to another PSD Box tutorial. In this tutorial I will show you how to turn a free stock image into a beautiful manipulation. You will learn how to manipulate light and how to create beautiful realistic shadows. If you followed my other tutorials you will see that this is actually a revision of previously demonstrated techniques

via Don’t Leave Me – Photoshop Tutorial | PSD Box.