Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search
OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory
![]() |
Web Design Articles Home
by Dave Carlson[ If you are new to web design and you think that you are a good web designer, most likely you are. However, I suggest that you read this article to make sure that you aren't making any of the mistakes that designers who design bad, ugly websites are making. If you make any of the following 'Ugly' Web Site mistakes, this doesn't make you a bad web designer, just learn from your mistakes and become a better web designer. ]
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
Let's put brown, purple and orange on the same site and see what people think. I don't know who designed some sites, but they must have never learned about complementary colors on the color wheel. Or if a designer hasn't chosen non-complementary colors, they choose to put too many colors on the page. It's almost as if a rainbow had vomited on your computer screen. There are colors everywhere. If you want an ugly web site, put as many colors as you can think of to design with, go crazy. You might win an ugliest web site contest.
When I first started designing web sites in 1996, one of the cool things people did on sites was to have blinking text or rolling text within the page. I worked on a site this past year that had three animated .gifs that boggled the eyes. I was able to convince the client to lose one of them, but it still creates havoc on a visitor's eyes. If you want an ugly web site, may sure you have at the very least three graphics moving in some fashion.
There are sites out on the Net that don't have navigation on every page. You have to use the back button to get back to the previous page. Other sites also have different navigation on the pages so you get lost. So if you want to have an ugly web site, have inconsistent or non-existent navigation. This will surely irritate your visitors.
Graphics on web sites don't need to be greater than 72 d.p.i. (dots per inch). Some people create graphics on their site that they've blown up graphics from small graphics. This creates jaggedy edges on the graphics. There are also sites that don't optimize their graphics so they appear faded or pixilated. They have run the graphic through an optimizer but it didn't quite work. Feel free to use any of these tips if you truly want an ugly web site. BTW, you can also badly scanned photographs that are too dark or have crud on them.
People have different sized monitors and they have their screen set to different resolutions--like 800 x 600, 1024 x 768, 1280 x 1024, and 1600 x 1200. These are all in pixels. Some ugly web designers set their width at 100 percent, which can really make the site look ugly for people who have their screens set at a higher resolution. I normally set the width for my pages at 765 pixels wide (so it shows up okay in an 800 pixel width resolution). I also like to center it, even though it can create gaps on either side. There are some who set the width at wider and it can cause scrolling or bunch up the graphics in an odd fashion. If you're serious about designing an ugly site, please set your width at 100 percent.
I have a client who sends me emails that are a template from her Outlook. When I reply, the template blends in with my words and make it difficult to read. The same thing will happen to you when you have a distracting background. Some ugly web designers like to put a watermark of some sort in the background. I don't mind these if they aren't too dark. The times I've done these, I set them at about eight percent gradient and then have them a neutral color. It can look cool if done writing. And it usually helps if it's a more solid logo or image. But if you want to have a truly ugly web site, have a darker, distracting background.
Most of the people I talk with about web sites hate Flash splash pages. It normally doesn't add anything to the site and just wastes time. Nobody wants to waste their time on something that's useless. I like to reserve Flash for the top of the page, navigation or a tutorial within the site.
So, I think you're ready to go out there and create an ugly web site. Just use my easy six and a half steps, and you will be the proud owner of a truly ugly web site in no time. I can't wait to see what you come up with.
About the Author
Dave Carlson owns Green Chair Marketing Group, an Internet marketing firm in Denver, Colo., specializing in driving visitors to web sites by search engine optimization, pay per click advertising, and web site design/redesign. Call 720-922-3124 or visit his web site at www.greenchair.net .
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Making the Move from Freelance Work to Full-Time Employment
If you are like me, after graduating from a graphic design school, your goal was to make it as a freelance web designer. The lure of flexible hours, working from home and the freedom to manage your own time was too much to resist. At some point, I decided it may be ?easier? to work [...]
Tips for Asking for a Raise
At some point in our careers, there is a time when we open our paychecks and breathe a sigh of disappointment. After years of studying at a graphic design school and countless hours spent devoted to learning from colleagues and researching new design techniques, the numbers on our pay stub just don?t seem to measure [...]
Stock vs. Original Digital Photography
A picture is worth a thousand words. Graphic design schools teach us that photos on web sites have the potential to capture our attention, motivate us to read more or even propel us to navigate to another web site entirely. They inflict emotion and can establish a connection between site visitors and the goods or [...]
3 Tips to Manage Content Updates
While walking through the pharmacy I passed the aisle filled with red heart-shaped boxes filled with chocolates and remembered Valentine?s Day is quickly approaching. Even though I was surrounded by so many representations of love, it reminded me of one thing that I actually despise ? web content updates! Graphic design schools teach many, many [...]
Should You Drop the Drop-Down Menus?
I was recently on a home improvement web site searching for ideas for renovating my bathroom. After a few minutes on the site I realized that I was not going to find what I was looking for ? it certainly could have been there, but I just could not find it. Menu after menu had me [...]
Sharpen Your Skills and Gain an Edge at 2011 Web Design Conferences
Graphic design schools prepare us well for our immediate future, but it takes effort to stay on top of the ever-changing field of web design. Following are a few of the upcoming conferences and trade shows meant to help you stay a step ahead of the competition.
Interaction Eleven In its fourth year, Interaction Eleven is [...]
All Web Design Resources is a Directory & Blog Full of Tools for Web Site Designers
All Web Design Resources Portal is a Web Site Design education directory with resources & articles for Graphic Designers, Web Developers, & Web Designers including a Web Design forum, blog, graphics software tips, web development resources, web programming tools, web design jobs, advice for new web designers about web design schools and education as
well as tips for freelance web design business owners, and much more.