©
www.typography-1st.com
| Type & Layout Menu page |
Typography & Page Layout
| Principles of Design |
| Visually, there is very little originality in design it is usually a rearrangement of an idea observed and recorded previously. No matter how simple the design may be, there are certain principles that must be applied. Appreciation of their importance will be slowly gained by observation and practice together with good judgement. This will produce satisfactory results without the need for any mathematical calculations. Principles of design should always be incorporated in any graphic design project to assist its communicating and graphic interest, however in the planning of a basic design, the designer must produce a job to suit the class of work, the copy, and the tastes of the customer. To develop a sense of design use the three `eyes':
There are three essential qualities needed to become a competent designer: Vision. To be able to detect an idea and then to toss it around in your head (objects, tones, shapes, colours everything around you). Imagination. To be able to use an idea effectively, i.e. brainstorm the idea and bring it to a state where it can work. Judgement. To be able to assess the idea's value and correct place and use, i.e. limitations always arise after you come up with an idea. The Principles of Design are qualities or characteristics inherent in any art form, such as balance, harmony, contrast, variety, and action.These principles must be used in any design if it is to be in any way effective. Not all of them, however, will be used in the one design. Whatever principles the designer may adopt, the ultimate result must be a design that can be easily read and clearly understood. Careful control of the principles of design is necessary to successfully project an intended image. Balance The balance needed every time we perform any form of physical movement is automatically maintained by a built-in equilibrium that we take for granted. Man-made structures, even if not formally equal on all sides, must maintain a balance in relation to a perpendicular surface. Doubtless the Leaning Tower of Pisa will someday fall when a greater portion of its weight shifts off balance. Sound must also be balanced, both in its production and in its reproduction. Achieving a physical balance is simple: the weight of one object must be counter-balanced by the weight of another on the opposite end of a fulcrum. If, however, the objects are of different materials, the masses may not appear to be balanced. Because steel is heavier than wood, for example, a large piece of wood is needed to balance a small piece of steel. Physical balance can be measured by use of a balance scale; there is no agreed scientific method, however, for determining the weights of shapes in the arts. Instead, balance is determined by weighing the objects visually. For graphic design, the visual centre of any typical A4 page of the business world is not the actual physical centre but what is termed the Optical Centre. This visual point of balance can be determined mathematically as being located three-eights from the top of the page, five-eights from the bottom.
For a single sheet design, type and images are easily positioned vertically to ensure an even amount of space on either side of the design to achieve balance. When positioned evenly across the horizontal axis, the elements appear, to the eye, to actually sit lower down on the page. Regardless of the design style of work that is to be produced, Optical Centre must always be carefully considered during the initial design stages for a printed piece to work successfully. One of the most fundamental differences in a design is whether balance is symmetrical (centred) or asymmetrical (off-centre). The choice between them profoundly affects the layout and feeling of a design. The selection of which is the more desirable should be based on which of the two is going to achieve the result you need to get a particular sort of information over to a particular readership. Symmetrical
Balance Any symmetrical layout is likely to produce a more static, restful design. However, because a centred layout is so static, it is very easy to make it pleasantly innocuous but boring.
Nevertheless, the general tone of the centred design is restrained and formal. It can be used to advantage in advertisements emphasizing quality, and by businesses whose position in the community is one of trust. This method of balance is also acceptable if you are publishing a novel with which the reader is going to relax quietly in an armchair, but it is extremely difficult to make such a layout visually interesting. Asymmetrical
A useful way to determine the balance of elements on a page is to compare one area with another; it is helpful to analyze the space with an imaginary grid. In this way, you can optically weigh the masses and determine their intensity and direction. How space is handled will depend on the number of imaginary grid units you have selected and how much space is available. Contrast
Similarly, in typography, an italic of the same point size as its roman provides a modest but definite change. To gain emphasis in a layout, there must necessarily be strong contrast between the elements. Contrast can be added in the design by changing the sizes, shapes, position, weights and colours. Contrast
in Size
Obviously, the design considerations of multi-page formats such as magazine pages are different from those for an advertisement to be placed in a magazine or produced on a single page. Good design requires a deliberate choice of the levels of emphasis that are the most applicable to the subject. Contrast
in Weight
Contrast achieved by varying the type styles must be carefully planned, otherwise the end result will be too much contrast which only defeats itself. If you try to emphasize everything, you only gain a monotony of emphasis resulting in a visually confusing design. Contrast
in Position Nevertheless, ease of reading must always be considered, and tilted designs might cause some inconvience to many individuals who are trying to read it.
An alternate method which can often result in a visually dynamic layout is to position the design elements of the page in such a way as to obtain contrast from the white space which surrounds all of these elements. Contrast
in Shape This may be achieved in a variety of ways, e.g. Introducing graphics and/or illustrations that differ from the normal proportion of the page; using an extremely large display face that appears to dominate the body text, page itself, or illustrations; incorporating a stunning border or thick rule within the design. Contrast
in Colour
It should also be considered in relation to the colour of the typesetting, i.e. the degree of blackness that hits the eye. Careful selection of type, both size and weight, will give a distinctive visual colour to the overall design. The use of contrast should be handled carefully because it can cause the layout to become too forceful and thus alter the personality of the product or idea. Harmony Shape. achieved by ensuring that type masses and illustration(s) conform to the shape of the design. Tone. equalness of the weight of type faces, decoration and illustrations. Colour. relationship of one colour to another, i.e. stock and ink, two-colour job. Treatment. relationship of type face design, decoration, or border, to the product or idea being sold. Variety The grouping of type elements together with the careful use of type families within a layout will result in an inviting design for the reader. One of the chief dangers lies in the use of too many kinds of type. Action Action refers to the principle that governs the movements of the eye from one part of a design to another. The eye will see not only what the mind wants it to, but also what is thrust upon it. The information contained in a design will have varying degrees of importance, using the principle of action, the reader should be visually guided to each of the elements according to its importance. Therefore, the eye of the reader may be selectively directed by careful placement of type, illustration/s or border/s in the design. |