web design tips
 

web design tipsAll About Design: Principles and Elements.

A truly shocking number of web designers are unfamiliar with the basic principles and elements of design. Having never been through any formal design education, many just go with what they think 'looks good', with very mixed results. If you're going to design a website, you'll do much better if you have some idea of what you're doing when it comes to graphic design. Here, then, is a crash course in the principles and elements most useful to web designers.

Balance.

It is important for things to be balanced. That doesn't necessarily mean symmetry, making one side exactly the same as the other, but it does mean that you can't make one side 'strong' and not balance that on the other side. For example, if
you use a dark colour, you should balance it with a larger area of a lighter colour. What balance allows you to do is to lead the viewer's eye to certain parts of the page without making the page look ridiculous.

Emphasis.

If you want to make part of the page stand out from all the rest, you can give it emphasis using a variety of techniques. Grouping everything together and then moving one thing a significant distance away from them will make it a focal point, as will making it a different shape from the others, or a different colour.

Line.

The directions of your lines will give a mood to your design: as a rule, horizontal lines are calmer, vertical lines are moderately active, and jagged or diagonal lines are very active. If you were designing an austere financial news site, then, you'd use horizontal lines, while a fun site for kids would be full of lines going in all sorts of directions.

Shape.

One thing that lots of people don't realise is that there are two kinds of shapes - positive and negative - and every design has both kinds of shapes. The positive ones are the ones you, the designer, actively placed on the page, while the negative shapes are the spaces created around the positive ones. Many web designers simply ignore this, leaving their negative shapes as a mess - this leads to the 'boxy' look that many amateur pages have.

Colour.

Colour is a big subject. As soon as you add more than one colour to a page, you make the other colours look different. Some colours are complementary, and some just look terrible together. On the web, though, you should usually avoid using too many colours on one page - even if they are complementary, it will look garish.

For the web, hue is more important: the best way to create a colour scheme is to use black, white, and various shades of one colour. You have to consider the brightness and intensity of your colours, to make sure you're not overdoing things. One of the easiest mistakes to make is to use the built-in CSS colour words (background-color: red, for example) instead of creating colour codes - the colour words should generally be avoided, because they're just too intense.

Space.

You can create all sorts of illusions with the amount of space you put between your objects, and where you put it: design is often as much knowing where to put something as it is knowing what to put there. If you make things overlap, or example, the covered things appear to be at the 'back' while the uncovered ones are at the 'front'.

Lots More.

This is the briefest of brief overviews, because graphic design is a surprisingly large subject, and one that's changing all the time. If you want to get properly up to speed, it's worth buying a book, or even taking an evening course at your local college - you won't regret it.

6 Reasons Why You Need a Website

Fonts are More Important Than You Think

Designing for Search Engines

10 Easy Ways to Promote Your Website

Offering Free Downloads on Your Website

  

Web Design
◦ 5 Simple Steps to Accepting Payments.
◦ 5 Ways to Avoid the 1998 Look.
◦ 6 Reasons Why You Need a Website.
◦ 7 Ways to Make Your Web Forms Better.
◦ A Question of Scroll Bars.
◦ Ads Under the Radar: Linking to Affiliates.
◦ AJAX: Should You Believe the Hype?
◦ All About Design: Principles and Elements.
◦ An Introduction to Paint Shop Pro.
◦ An Issue of Width: the Resolution Problem.
◦ Avoiding the Nuts and Bolts: Content Management Software.
◦ Beware the Stock Photographer: Picking Your Pictures.
◦ Building a Budget Website.
◦ Building Online Communities.
◦ Clean Page Structure: Headings and Lists.
◦ ColdFusion: Quicker Scripting, at a Price.
◦ Column Designs with CSS.
◦ Content is King.
◦ CSS and the End of Tables.
◦ Cut to the Chase: How to Make Your Website Load Faster.
◦ Designing for Sales.
◦ Designing for Search Engines.
◦ Dreamweaver: The Professional Touch.
◦ Encryption and Security with SSL.
◦ Finding a Good HTML Editor.
◦ Focus on the User: Task-Oriented Websites.
◦ Fonts are More Important Than You Think.
◦ Free Graphics Alternatives.
◦ FrontPage: Easy Pages.
◦ Hints All the Way.
◦ Hiring Professionals: 5 Things to Look For.
◦ How Databases Work.
◦ How the Web Works.
◦ How to Get Your Website Talked About on Blogs.
◦ How to Install and Configure a Forum.
◦ How to Make Visitors Add You to Their Favorites.
◦ How to Run Ads Without Driving Visitors Crazy.
◦ How to Set Up Your Hosting in 5 Minutes Flat.
◦ IIS and ASP: Microsoft's Server.
◦ Image Formats: GIF, JPEG, PNG and More.
◦ It's a World Wide Web: Going International.
◦ JSP: Java on Your Server.
◦ LAMP: The Most Popular Server System Ever.
◦ Making Friends and Influencing People: the Importance of Links.
◦ Making Searches Simple.
◦ Offering Free Downloads on Your Website.
◦ Opening a Web Shop with E-Commerce Software.
◦ tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
◦ Perl: Cryptic Power.
◦ Photoshop: a Graphic Designer's Dream.
◦ Picking a Colour Scheme.
◦ Printing and Sending: the Two Things Users Want to Do.
◦ Putting Multimedia to Good Use.
◦ Python and Ruby: the Newer Alternatives.
◦ Registering a Domain Name.
◦ Registering Your Users by Stealth.
◦ RSS: Really Simple Syndication.
◦ Setting Up a Mailing List.
◦ Setting up a Test Server on Your Own Computer.
◦ Some Places to Go For More Information.
◦ Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
◦ Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
◦ Taking Your Website Mobile.
◦ Text Ads: Unobtrusive Advertising.
◦ The 5 Principles of Effective Navigation.
◦ The Art of the Logo.
◦ The Basics of Web Forms.
◦ The Basics of Web Servers.
◦ The Case Against Flash.
◦ The Confusing World of Web Hosting: Making Your Decision.
◦ The Evils of PDFs.
◦ The Importance of Validation.
◦ The Many Flavours of HTML.
◦ The Smaller, the Better: Avoiding Graphical Overload.
◦ The Top 10 Biggest Web Design Mistakes.
◦ The Web Designer's Toolbox.
◦ The Web is Not Paper.
◦ There's More than One Web Browser.
◦ Time for User Testing.
◦ Titles and Headlines: It's Not a Newspaper.
◦ Tracking Your Visitors.
◦ Understanding Web Jargon.
◦ Uploading Your Website with FTP.
◦ Using Flash Sensibly.
◦ Using Quizzes and Games to Get Traffic.
◦ VBScript: Javascript Made Easy.
◦ Websites and Weblogs: What's the Difference?
◦ What Do You Want Your Website to Do?
◦ What You See Isn't Always What You Get.
◦ Which Database is Right for You?
◦ Why Doing It Yourself is Best.
◦ Why Java Will Drive Your Visitors Away.
◦ Why Word is Bad for the Web.
◦ Why You Should Put Your Content in a Weblog Format.
◦ Why You Should Stick to Design Conventions.
◦ Working With Templates.
◦ Writing for the Web.
GoogleSense
Making Money with Articles
Webhosting
RSS
◦ Reading RSS Feeds with an RSS Aggregator

Web Traffic Machines

Link to Us    Contact Us   Privacy Statement   Links  

LT International Inc - Web Design ABC