Documente Academic
Documente Profesional
Documente Cultură
Design is the process of selection where visual elements such as point, line, shape, volume, tone, texture, color, form, format, space, and structure are used by students to express their ideas. Visual sensitivity and working knowledge of design elements would be developed by solving a series of problems and employing a variety of media and materials. The curricular area aims at enabling the students to develop their mental faculties of observation, imagination, and creation and develop skills and sensitivity towards the use of visual elements for an effective visual communication.
Design is an activity of problem solving for the well being of society and individuals. Today, in the world of information and communication every one has to communicate and get communicated by different groups of people through a wide variety of communication systems.
Graphic designs course have great potential in providing creative solutions to communication of complex phenomena of print media such as books, magazines and newspaper, known as pictographic depictions or concept visualization. It can be traditionally applied in typography, cartooning (social, political and educational), and designing poster, book-covers, letter heads, news papers, brochure, logo, textile prints, or even jewelries. Since the advent of personal computers and design software, graphic design is being utilized in electronic media-often referred to as interactive design which has unlimited applications in advertisements. The students can later become graphic
designers working in print production (newsletters, posters, brochures, etc). Graphic designers combine text and images to communicate a message: sell a product or service, inform, or entertain.
The Graphic Design curriculum focuses on creating intelligent and powerful visual communication. Students build a strong foundation for a graphic design career by learning design techniques, visual thinking, concept development, colour, composition, and typography, through case studies and hands-on exercises. During the study, assignments will incorporate problem solving projects that relate to visual communication. The course includes introduction to computer as a tool to create, modify and present the visual messages.
By opting Graphic Design as one of the Elective subjects at Senior Secondary level, the students will have various options to pursue their advanced studies in Graphic Design or the knowledge may be integrated with related curricular/professional areas for their career.
Basic design principles are used to organize or position the structural elements of design. These principles are the fundamental concepts that will assist you to communicate the key theme of your composition. As such they can be applied to each element of your design or to your composition as a whole. It is necessary to develop a visual awareness to identify how these principles are used in the composition of every day design. In: illustrations photographs animations websites billboards, and posters
Developing a visual awareness will give you the skills necessary to critically analyze and constructively criticize the design work you engage in. This will allow you to develop a method of solving graphic problems in reference to the following basic principles of design.
Proximity The basic theory of proximity is concerned with the arrangement or categorisation of elements that relate to one another. To understand why, when elements of a similar nature are grouped together the information becomes a visual unit. This provides a viewer with a visual clue as to the concept you are communicating rather than being confronted with a scattering of unrelated graphical elements. When a number of graphic elements are close in proximity a relationship is implied. If elements are logically positioned they connect to form a structure to your design, this is also known as Visual Hierarchy.
View example
Visual Hierarchy Visual Hierarchy arranges elements to create focal points by positioning their priority within a
concept as a whole. To do this you will need to ask yourself what the key elements of your design are, which graphics communicate your concept most strongly? Which graphics support your concept and how could you illustrate them to create a visual structure from most to least important? You may consider displaying your graphics using different sizes and colours to give them visual weight. Visual weight refers to the relative size and scale of the various elements in a design. This gives meaning to the relationship between objects, or parts, of a whole. Scale is used to create the contrasting relationship of size between elements in a composition. Study your design concept and take note of what attracts your eye first, where do you look next and how does your eye move around the visual elements of your design? Is a relationship implied in the ordering, grouping and placements of your graphical elements?
View example
Symmetry / Asymmetry
The principle of alignment focuses on the placement of graphical elements and their relationship to each other and as a whole. Following the principle of proximity, alignment allows a visual connection with elements in your design to be formed even if they are not close in proximity. Alignment helps to create unity and balance. Balance is the concept of visual equilibrium. It is the combination of opposing elements in a composition that results in visual stability. Most successful compositions achieve balance using symmetry or asymmetry. Symmetry refers to the organisation of elements in which a balanced visual hierarchy is achieved through the alignment of graphics along a horizontal or vertical axis. This means that your design can be reflected precisely over a central axis like a mirrored image. In contrast, design elements that display an unbalanced visual weighting that are made up of elements differing in size, colour and shape are organized and positioned against one another to create asymmetry.
View example
Repetition Repetitive elements throughout a design piece can be used to enhance and clarify information. Repetition adds visual interest to your design, and helps to identify elements that belong together. It can be considered a way of adding consistency to your design. The consistent repetition of graphic elements works to create visual unity. These elements can be as simple as colour, spatial relationships, a shape, a texture or a typeface. Sometimes repetitive elements are not identical in appearance but are in fact so similar that their connection is clear. View example
Unity
Unity is the underlying principle that sums up all of the principles and elements of design . Unity refers to the combination of all elements successfully working together to achieve a sense of harmony in your design. This can be achieved through the consistent use of graphic elements. Using repetition or patterns is one of the most basic factors in creating a strong sense of unity.
View example
Contrast An effective use of contrast enables you to add interest to your design by highlighting specific graphic elements. This will result in a more visually striking composition. To achieve this 'contrast' is employed as a means of creating a visual hierarchy among different graphic elements. It can be applied to graphic elements, as light, dark, warm, cool, large, small; etc. Contrast is most effective when it is strong; the focal point of a design is usually a result of
contrast where the eyes will naturally be drawn. Here contrast can be used to direct the focus of a composition. When used as a device to emphasize or highlight design elements it is important to remember that an ineffective use of contrast may result in confusion. View example
Dynamics Dynamics is the arrangement of visual elements in a composition to suggest the illusion of movement or direction. The effective use of dynamics in a design can add an emotive characteristic to your design making it appear restful and calming or active and energetic. Dynamics can exist in four basic forms: A steady rhythm that creates predictability and order in a composition. Arrhythmic: Follows an unstructured rhythm to add visual interest Rhythmic:
Random: Directional:
to a composition. Without a structured approach or a defined order that creates spontaneity in a composition. The use of graphic elements used in such as way that implies a visual connection to lead the eyes to move in a particular direction.
Creating a dynamic composition involves the use of patterns or the repetition of graphic elements and movement to be effective in its execution. The suggestion of motion by the use of repeated structures creates dynamics. View example
Emphasis
Emphasis refers to the focal point or centre of interest of a composition. This is an area that is visually dominant and eye-catching that a designer has emphasized through the clever placement of graphic elements. Used effectively in combination with the principle of visual hierarchy 'emphasis' can assist to establish a primary focus and an alternative secondary emphases in another area of the composition. Emphasis can be achieved by use of repetition to highlight and draw attention to a repetitive element. When used with 'repetition' the emphasis is usually a break in the basic structure or visual rhythm of a pattern that causes your eye to pause or focus on a particular element. Contrast achieves emphasis by accentuating an area to visually separate one element from another. Contrast in color, texture, scale, or shape attracts attention to a definite area, which may consist of strategically positioned graphics to call attention to a single element of your design.
Repetition / Consistency What if Stop signs came in pink squares, yellow circles, or green triangles, depending on the changing whims of a town and a few of its residents? Imagine the ensuing traffic jams and accidents. Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely. Contrast On the basketball court, one pro team looks much like another. But send a few of those players for a stroll down most any major city street and something becomes apparent those players are much taller than your average guy on the street. That's contrast. In design, big and small elements, black and white text, squares and circles, can all create contrast in design. White Space Did you ever participate in that crazy college pasttime of VW Beetle stuffing? Were you ever the guy on the bottom struggling for a breath of fresh air or the last one in trying to find a place to stick your left elbow so the door will close? It wasn't comfortable, was it? Imagine trying to drive the car under those conditions. Designs that try to cram too much text and graphics onto the page are uncomfortable and may be impossible to read. White space gives your design breathing room.
You can create balance with the three elements (text block, graphic, vertical text) here but in the first example they appear to be just random elements with no unity or balance. In the second "Balance" example the text block and graphic are resized to bring them closer together and better balance each other.
Sponsored Links
Graphic Design JobsJob openings from 100s of employers Portfolios from 1000s of designerswww.Coroflot.com Freelance marketplaceFreelancers! Register free today Bid on unlimited amount of projectswww.freelancemarketplace.com DCFRDraft Common Frame of Reference. Full Edition,
out now!www.sellier.de
To tie the elements together, move them closer together (resizing helps accomplish this). Notice that the graphic (one of the marbles) slightly overlaps the box enclosing the vertical text, unifying the two elements. Reversing the word "balance" out of the blue box also adds more contrast to the composition. The increased leading in the text block redistributes the white space in a more balanced manner.
The graphic anchors the bottom of the page, but the four text elements all float on the page with no apparent connection to each other (proximity/unity). The change in the headline (font change, reversed out of blue box) along with the subheading pulled in closer provides balance with the graphic on the bottom. The spacing between the two paragraphs of text is
There is nothing inherently wrong with centered headlines, text, and graphics. They lend a formal tone to a layout. But, for this series of layouts something a bit more informal is called for. Also, large blocks of centered text are usually harder to read.
In the second "Alignment" example, text alignment is left-aligned, ragged right, wrapped around the bottom graphic which is aligned more to the right, opposite an added graphic that is aligned to the right to help balance the overall design.
Within the second "Repetition" example, the headline is repeated three times using graphics that tie in with the copy in the text blocks. The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme. Overlapping the graphic and text elements unifies the elements of the design. Another aspect of consistency that can be seen when viewing all 6 of the "after" examples is the blue borders, blue reversed boxes, and the typeface (Britannic Bold) used for the names of all the principles of design. The drop cap used in three examples (Bermuda LP Squiggle) is another element of consistency.
There's isn't enough contrast between the headline and text due in part to size but also because the two different serif faces used or too similiar (not obvious from the small graphic, trust me, they are different typefaces).
That oversized graphic provides real contrast and reinforces the copy (tall basketball players). Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic. The reversed text in the blue box,the blue border, and the drop cap carries through the overall unifying elements found throughout the series. Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic. The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element.
White space doesn't have to be white. The large block of black created by the graphic of people adds a large block of black white space. Multiplying the number of people and reducing the size of the car in the second "White Space" example provides additional contrast and reinforces the theme of the copy. Additional leading, larger margins, deeper paragraph indents all add white space or breathing room to the design. The oversized drop cap is another element of contrast and also helps to balance the page with the large, dark elements at the bottom of the page. The drop cap style, reversed title, and blue box are consistent with the rest of the series. In the next six lessons in this section we will look at each principle of design in more detail and explore ways to incorporate each into your designs. We'll also touch on the ways that your software can simplify some related tasks, such as using style sheets to aid repetition and consistency or using leading and other spacing features to improve proximity, unity, and distribution of white space. Principles Assignment Your assignment for this class involves this fictional yellow pages ad.
Sponsored Links
Principles of Europ. LawCommon Frame of Reference by Study Group on a Europ. Civil Codewww.sellier.de Whitmore PublishingBook publisher seeking new authors No publishing fee. We pay you.WhitmorePublishing.com MAPublisher SoftwarePowerful Cartographic Software for making maps. Free evaluation.www.avenza.com
Describe the changes you might make to this ad using the six principles of design outlined in this class: balance, proximity/unity, alignment, repetition/consistency, contrast, and white space. Tell me what's wrong or less than optimal about the layout and what you would change and why? If you would make color or graphics changes, explain those with an eye on how they relate to one or more of the 6 principles. Remember to look at all six principles of design, no matter how little one of them might figure in this design makeover. Not sure where to start? Here's one possible way to makeover this ad and explanations for each of the six principles of design.
More
http://desktoppub.about.com/od/designprinciples/l/aa_balance2.htm