5 Simple Ways to Make an Ugly Website

Hi, this is Graham. This is actually my first real entry, so subscribe to my feed, and share it in as many ways as you can (don’t worry, I’ve got links at the bottom).

Anyway, my first lesson is how to make a hideous website. There are plenty of very poorly designed sites out there. So here’s a couple tips to help you on your way to a really terrible-looking site.

1. The more hues in your gradients, the better!

Gradients than span across the color table generally detract from any color scheme you might have had. Oh, and its really handy because Photoshop comes packaged with a couple of these gradients.

Wide-Spectrum Gradients
 

2. Use gifs for all your images.

Nothing like a 256-color palette to make your website unattractive. Gifs use dithering to make the gradients appear smooth, but it is nothing like the perfect smoothness of a PNG.

Just admire the quality!
 

3. Use compressed JPEGs.

Compressed JPEGs look even worse than gifs. The compression algorithm gives JPEGs a signature fuzzy-outline look.

Quantity over Quality!
 

4. Make your text hard to read.

Content really only matters a little, right? So why not use fonts crunched together so tightly and so small you can’t read what they say?
This content is actually very important, so its good that there are CSS properties that let us fit the most possible text into a small space; who cares if people need a microscope to read your text! Content really only matters a little, right? So why not use fonts crunched together so tightly and so small you can’t read what they say? This content is actually very important, so its good that there are CSS properties that let us fit the most possible text into a small space; who cares if people need a microscope to read your text! Content really only matters a little, right? So why not use fonts crunched together so tightly and so small you can’t read what they say? This content is actually very important, so its good that there are CSS properties that let us fit the most possible text into a small space; who cares if people need a microscope to read your text!

 

5. Use very overused fonts.

Millions of people use Comic Sans and Papyrus, why shouldn’t I?

overused

 

Make sure to use all these techniques in your next web design to make it as amateur as possible. Thanks for reading!

Disclaimer: I have a sarcastic sense of humor. The images used in this entry were meant to look really, really bad.

Share and Enjoy:
  • RSS
  • Digg
  • StumbleUpon
  • del.icio.us
  • Technorati
  • TwitThis
  • Facebook
  • Google Bookmarks

1 Comment »

  1. Axel said:

    on October 4, 2009 at 12:00 pm

    I am Maite’s son and i love your site! :P It’s well done i got to say. And u do have a great sarcastic sense of humor. XD

Comment RSS Feed. TrackBack URL.

Leave a comment