8 Quick Web Design Tips and Tricks

Web Design Tips and Tricks








It seems that almost everyone has a website. If you are in business, a web site is vital, and for everyone else, a site can be a great way to make some extra money.

Creating and designing a web site from scratch isn’t easy. There are folks who spent a lot of time in school trying to master this skill, but still many average, untrained individuals want to design their own site. While some of these sites come out amateurish, others are successful doing their own web design in a polished, professional manner.

If you are someone thinking about doing your own web design, the following quick web design tips and tricks and a copy of Adobe Photoshop should help you along greatly. These web design tips and tricks won’t make you a professional, but they should help you to get a sleek, quality site off the ground.

1.) Sketch it out before you start.

Before you even turn your computer on, sit down with a pencil and some pieces of paper and sketch out what you want your site to look like. It will be much easier to create your page in Photoshop if you already know exactly what you want.

2.) Get a template and use a grid.

By using a grid, you can make sure that your page and all of the elements on it are neatly lined up. If you are off by even a pixel or two, your site may otherwise look sloppy. Snap elements into your grid to be sure it is all orderly and neat.

3.) Learn shortcuts.

You can do a lot with Photoshop, and you can do even more with keyboard shortcuts. As you learn how to do design, everything will be even more frustrating as you scroll through menus to find what you need. There is a shortcut for almost everything!

4.) Stay organized.

As you make changes, save often, and save old drafts. You never know if you may end up wanting to go back to a previous version later. Be sure to save them with names that let you know if something is an original, a final, or the fourth draft.

5.) Make your history longer.

Before you do anything else, go to your Photoshop preferences and increase the value for the History. As you are learning Photoshop and design, you may need to go 30 steps back to find where you first goofed, but your history probably won’t let you go back that far by default.

6.) Pick up the pen tool.

If you are newer to Photoshop, the Pen Tool can be scary. It is also a great resource, so start to get acquainted with it, since it could make your life a bit easier. It can help when masking images or adding illustrations, among other things.

7.) Be subtle.

You probably want the elements on your site to POP, so it is tempting to make visual elements harsh and bold to make sure that they will stand out. If you use a little self-control, especially with contrast and gradients, you will make a polished professional site, and your emphasized elements will still be noted.

8.) Personalize Photoshop.

As you create your website, Photoshop is your workspace. Just like your desk, you want to make sure that it is organized so things you need often are at hand, and tools you nearly never use are properly tucked away. Hide away menus that are not of any use to you, and consider toying around with the default settings so that even more is already your way.

About Kevin Moor:
Kevin Moor writes for different sites, the main task of which is to find a perfect disk cleaner.

Kevin Moor writes for different sites, the main task of which is to find a perfect disk cleaner.

If you like the articles on Techbugs, please subscribe to our RSS Feed to be updated with new posts. Interested to write for us? Please contact us using this form.You can also catch us on Facebook.


6 Responses to 8 Quick Web Design Tips and Tricks

  1. Michael says:

    I really liked your post! I’ll be pinning it on my pinterest!

  2. Suresh Khanal says:

    Hi Kevin,

    They are truly nice tips in using Photoshop efficiently. I wonder, you’ll design your website in Photoshop, so it will create a nice image of your website, but how will you convert it into HTML and PHP tags? because they are the ultimate things you’ll upload on webserver. Please excuse me if it a dumb question, as I’m not much comfortable with Photoshop except cropping image and resizing.

  3. Oven Express says:

    i am very new to computers and a self proclaimed (computer dummy) however yahoo has a great step by step site builder that was very simple easy to understand with lots of great support and allows you to add anything !!!

  4. TGF says:

    That’s a topic for a whole new blog post. There are services out there that slice a PSD into HTML, or even WordPress templates. Steve

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge