Graphic Design

Posted in Articles

Tweet This Share on Facebook Bookmark on Delicious Digg this Submit to Reddit

After you have come up with an idea of the organization of your website, the next step is to come up with a graphic design.

Software for Graphic Design

The industry standard tool used in creating the website design is Adobe Photoshop. If you find Photoshop too complex, you may want to give Fireworks a try. Some people find Fireworks more intuitive and easier to learn and it has many of the capabilities of Photoshop. However, eventually, you will want to learn Photoshop as it is most likely the file that professional designers will deliver as well as the format that is provided by if you purchase pre-made design templates. For advanced features and photographic enhancement capabilities, nothing beats Photoshop.

Color Schemes

One important element of coming up with a web design is picking out the color, as it can often determine the emotional tone of the site.

In color theory, there are three basic color schemes: “analogous”, “complementary”, and “split complementary”.

Once you have decided between the three, there are color schemer tools and color index books that can aid in your color selection. Also keep in mind the target audience when choosing your color.


According to the book “The Principles of Beautiful Web Design“, the principal for making good design includes layout and composition, color, texture, typography, and imagery.


Sometimes you may need to create a custom logo for a company or a website. Logos are often done in Adobe Illustrator because Illustrator is a vector drawing software. Vector form allows the graphic to scale to any size without a lost of resolution. That means that the logo can be used for websites, business cards, letter heads, or posters.  Coming up with a design for a good branding logo is not as easy as it seems.  It can even be more difficult than designing a website.


Once you have your design created in Photoshop or Fireworks, it is time to slice out the graphical components for use in the HTML web page that you will code next. This process is known as slicing. The graphics are sliced in one of three formats: GIF, JPG, and PNG.  Typically, the person doing the coding would be the one doing the slicing.