.: Intelligent Design - Basic Design Guidelines

By:Halstatt Pires

Category:Home / Internet / Web Design

When talking about intelligent design, we are not talking about the creation of man. Nope, this is more important! The creation of your media and site products.



There are some very basic things about design that one can learn that can vastly improve one's ability to make appealing and intelligent creations. Some of those things are:



1. Lining Things Up



2. Using Variation



3. Giving Breathing Room



4. Using the Grid



5. The Golden Section



6. Lining Things Up



Things that line up look nice. Things that are all over the place don't look nice. Of course, one must know rules to know which ones to break, so these rules are only guidelines. In general though, straight or smooth lines are appealing. Jagged and inconsistent lines are less likely to be appealing. A design with many elements lining up and a few elements that don't can create nice contrast, yet starting with things that line up is a nice easy rule for beginners.



To support these statements, lets look at examples of man-made objects. Roads, desks, walls, buildings, orange juice containers. The forms of all these objects are straight or consistent and any deviation from this norm is considered mildly repulsive. On roads, the matter is quite important to health. There is a merge under construction from the 60 East (that's how we identify freeways here in California) to the 215 South, where the turn starts at one size circumstance then abruptly veers a few degrees tighter to another sized circumstance. This slight change in curvature results in a driver having to adjust for this change with a slight, and apparently unexpected, turn of the wheel. I say apparently because road barriers prevent a driver from seeing the whole turn going into it and

there are a bunch of tire marks etched up the construction barrier right at the point of the change in curvature.



Lets look at desks. Obviously straight and even desks are good for writing, fit against straight walls well and look nice, at least to me. Buildings, like desks are convenient shapes for space efficiency, map drawing, road creation, furniture and room modularity. Sure, curved buildings are beautiful too, yet the curves are often very even, and more often than not, the curve is accompanied by a straight line in another dimension.



OK, orange juice - very nice to ship little square boxes. Long rectangles make a nice canvas for marketing. If the straight lines are not straight, but crumpled or dented, chances are you won't buy that carton.



All of these are man-made objects that benefit in usability from straight or evenly curved lines. Lets take a look at nature. Trees are basically straight lines. The trunks of a redwood forest all go in one direction with remarkable consistency. (That direction is up, by the way, unless you are on the opposite side of the Earth, in which case it would be down.) Again, this is usability for the tree - a competition in height to get to the sun. Leaves - straight veins out to the tips - same idea, get some (light). Curvature of the earth - smoother than the curvature of an 8 ball. Something to do with gravity which, for existence as we know it, is quite useful.



OK, OK, but how does this apply to my intelligent ___________ (fill in the blank - web site, ad, package design, solar electric car, hair)?



For your designs, line up your stuff in straight lines. Line up images so that image edges are lined up with image edges and lines, text with text, and other elements inline with other elements. This is a fundamental design principle yet, some websites are all over the place with every image and section of text every which way.



Using Variation



Things that line up and have no variation are boring. For example, straight long roads with no turns are quite boring. The 58 zigzags across the arid Southern California desert, between mountains, with every few miles a turn. The 5 goes in one straight line for mile after mile after hour after hours. Which would you rather drive?



Likewise, with web sites, if everything lines up on the same line, the page is likely to look very boring. You can change it up with:



1. Bold Titles



2. Lists of items



3. Indented text



All these things break up the monotony of straight lines and can add rhythm to a design. Yet if there is too much breaking up of the lines, the design can become junky looking noise That is hard to read. Hey, no doubt - some people are into that.



Giving Design elements Room to Breathe



Even things that line up do not generally look good if they can't breathe. Putting text right against the edge of another element has a claustrophobic feel. Some sites pack in so much information on one page that there are no margins or breathing space between elements. The result is in uncomfortableness and unreadability. Give your images and text margins, frames or room to breathe.



Use the Grid, Luke



To help you line things up, use graph paper, the Adobe Photoshop grid or draw a measured grid yourself. In the final design this grid is usually removed, but used in layout to ensure things line up nicely. Experienced designers often intuitively use a grid without physically having a grid in the design.



The Golden Section



There is a thing called the golden section, the golden ratio or the divine proportion. If you're really into math, you can do a search to learn more. For those of us not so into math, the Golden Section is a little more than a third. If you take a picture, it just happens to look real nice if you show a little more than two thirds sky. The same applies to many forms of composition. This golden section has some relation to basic geometry that seems to resonate with a human's sense of beauty.



Conclusion



When designing things, remember: Line things up, but don't get boring. Use grids to line things up. The golden section looks nice. Peace.

Digg del.icio.us Blink Stumble Spurl Reddit Netscape Furl

Article keywords: site design, web design, intelligent design

Article Source: http://www.articles32.com

Halstatt Pires is with the Internet marketing firm - www.marketingtitan.com - a San Diego Internet marketing and advertising company offering automated web site systems - www.businesscreatorpro.com - create web databases, e-commerce sites, business lead management systems and more.







.: New Web Design Articles

1). HTML Might Become Obsolete
Web designers are beginning to dump HTML in favor of more versatile web programming languages

2). Macromedia Dreamweaver: An Introduction
Getting started with your first web page can seem very daunting indeed. Macromedia Dreamweaver is the industry leader in web editors, but knowing where to start and what you need to know can be a little confusing at first.

3). Finding A Good Web Designer
Avoid the mistakes I made when I hired someone over the internet to design my web site

4). Top Tips for Getting Free Websites
There are millions of opportunities of earning money online, but for that you frequently need to have a web site and there are many people interested in how to build a web site online for free. So whether you want to build a free business web site or to build a Yahoo-like web site, you can be sure there are plenty of online guides, such as this, to take you step by step through the process.

5). Is Your Web Site Driving Away Visitors?
Much has been written about optimizing your web site for search engines, but less emphasis is placed on usability. Optimizing for usability and for search engines is not a contradiction.

6). Choosing a Web Designer
freelance web designers are rip-off artists

7). HTML Sitemaps Are Still Important
An html sitemap is one that humans and search engines both can read. Google sitemaps are important too, but they are specific to google and are read only by a search engine.


.: Top Web Design Articles

1). Advanced Joomla Templating (pt1) Using Module Class Suffix
an article from User Written Resources 1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following; 1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td and can include other styles used on the content in that section, such as; 1.

2). How To Make a MySpace Layout That Stand Out
If you are a MySpace user, you have learned what an easy to read and fun profile looks like. The only problem is, you may not know how to create or find out. Most of the time when you see an awful MySpace layout, it's because its sloppy, hard to read, or has annoying links you didn’t even see. That is because since MySpace has been growing so much, so have the layout sites.

3). Professional XOOPS theme design - What to look for
In general, prices for theme design work will range depending on a number of factors. If you don't mind the designer releasing the theme on their site for others to purchase, then you can expect anywhere from $20US to $50US for your theme. If the theme must be a one of a kind theme that only you use, you could expect to multipy the fee by at least 10x.

4). Adsense: The Smart Investment
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.

5). Irish Graphic Design Industry
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.

6). How to Create a Splash Page for Your Website?
These splash designs prove to be quite popular, especially among the designers as they allow the designer to show their skills in flash and any other technology on a single page. The splash page design involved in the splash page will be one that is very attractive to the eye of the viewer. Its main intention lies in captivating the viewer the moment he looks at it.

7). Does Your Web Design Include Background Music?
When you design your website, you may wonder whether or not you should include background music in your web design. The answer to this requires you to ask two additional questions:


Page loaded in 0.178 seconds.