Graphic Design Basic

Page 1

Graphic Design Basic Graphic Design Elements Graphic Design Process

COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012


Graphic Design is The process and art of combining text and graphics and communicating an effective message in the design of logos, graphics, brochures, newsletters, posters, signs, and any other type of visual communication

http://www.youtube.com/watch? v=rUeiZ6c6EBw&feature=related

วันอังคารที่ 27 มีนาคม 2012


Graphic Design Basic

This visual solution is created by manipulating and combining shape, colour, images, typography and space.

วันอังคารที่ 27 มีนาคม 2012


Graphic Design Elements The five elements of lines, shapes, mass, texture, and color are the building blocks of design for desktop publishers

วันอังคารที่ 27 มีนาคม 2012


Lines ‣ Sometimes a designer uses a line alone to divide or unite elements on a page ‣ Lines can denote direction of movement (as in diagonal lines and arrows) or provide an anchor to hold elements on a page (such as lines at the top, bottom, or sides of a page)

วันอังคารที่ 27 มีนาคม 2012


Shapes ‣ Circle, square, and triangle are the three basic shapes used in graphic design ‣ The most familiar shape to desktop publishing is the square (and rectangle) ‣ Paper is rectangular. Most text blocks are square or rectangular ‣ While you may encounter printed projects cut into other shapes, most circles, triangles, and freeform shapes in desktop published materials are found on the page within the graphics or in the way the elements are placed on the page

วันอังคารที่ 27 มีนาคม 2012


Shapes

Lines = Shapes

วันอังคารที่ 27 มีนาคม 2012

Typography = Shapes


Mass ‣ Mass is size ‣ There is physical size and visual size ‣ Size can be relative ‣ A physically small brochure can have a great deal of mass through the use of heavy text and graphic elements ‣ A physically large brochure can appear smaller, lighter by using text and graphics sparingly

วันอังคารที่ 27 มีนาคม 2012


Mass

วันอังคารที่ 27 มีนาคม 2012


Texture ‣ For desktop publishing, actual texture is the feel of the paper ‣ Is it smooth to the touch or rough? ‣ Textures can also be visual. On the Web, especially, backgrounds that simulate familiar fabrics, stone, and other textures are common

วันอังคารที่ 27 มีนาคม 2012


Color

‣ Color can be used to elicit specific emotions and reactions ‣ Red is typically thought of as an attention-grabbing, hot color ‣ Blues are more calming or convey stability Some color combinations are used to create a specific identity (corporate colors, school colors) or may be used in conjunction with texture to simulate the look of other objects ‣ Color may provide cues for the reader

วันอังคารที่ 27 มีนาคม 2012


Color

วันอังคารที่ 27 มีนาคม 2012


Color

วันอังคารที่ 27 มีนาคม 2012


Basic Principles of Design are encompassed in the 6 principles of: balance proximity alignment repetition or consistency contrast white space

วันอังคารที่ 27 มีนาคม 2012


Balance ‣ Provides stability and structure to a design ‣ 3 types of balance in page design: • symmetrical • asymmetrical • radial

วันอังคารที่ 27 มีนาคม 2012


Balance : Symmetrical Balance

Visually Symmetry Vertical & Horizontal Symmetry Vertical Symmetry

วันอังคารที่ 27 มีนาคม 2012


Balance : Asymmetrical Balance Asymmetrical Layout The 2 columns of text are balanced by the blocks of color and a large block of white space

วันอังคารที่ 27 มีนาคม 2012


Balance : Radial Balance Radial Layout The year represents the center of the design with the subtle color sections radiating from that center

วันอังคารที่ 27 มีนาคม 2012


Proximity ‣ Keeping like items together ‣ Creating unity by how close or far apart elements are from each other

วันอังคารที่ 27 มีนาคม 2012


Alignment ‣ Alignment creates a sharper, more unified design ‣ Align text and graphics to create more interesting, dynamic, or appropriate layouts

วันอังคารที่ 27 มีนาคม 2012


Alignment

วันอังคารที่ 27 มีนาคม 2012


Repetition/Consistency ‣ Repetition unifies & strengthens a design by tying together otherwise separate parts ‣ Consistent and balanced look through different types of repetition

วันอังคารที่ 27 มีนาคม 2012


Contrast ‣ Contrast is the most effective way to emphasize and generate impact with a design ‣ There are some ways to create contrast and visual interest : Big vs. small, black vs. white....etc.

• Contrast in Value • Contrast in Shape • Contrast in Scale • Contrast in Movement/Direction • Contrast by Space

วันอังคารที่ 27 มีนาคม 2012


Contrast

วันอังคารที่ 27 มีนาคม 2012


White Space ‣ The art of nothing is another description for this principle

วันอังคารที่ 27 มีนาคม 2012


Graphic Design Process

There are four major steps involved in graphic design: 1. Briefing 2. Design 3. Artwork 4. Production

วันอังคารที่ 27 มีนาคม 2012


The briefing stage may consist of either or both of

• Initial informal discussions between you, the client,

and printer – covering project objectives, timing and budget.

• Formal meetings to discuss project in detail

and clarify any technical issues including budget, timetable and corporate identity guidelines.

วันอังคารที่ 27 มีนาคม 2012


Development The graphic designer reviews the brief, background material and identity standards of the project context corporate requirements.

• Develops the draft concepts and preliminary designs and selects the most appropriate options for further development.

วันอังคารที่ 27 มีนาคม 2012


Presentation The designer presents visual solutions and explains design decisions. Evaluate the visual presentation against the brief.

• •

Refinement Following clientʼs review and feedback, the designer amends the material as required and, if necessary, presents with new design/s.

วันอังคารที่ 27 มีนาคม 2012


Artwork Prepares the artwork files and provides a proof (email or hardcopy) A further proof is provided if required Any “authorʼs corrections” (client requested changes to content already provided which may include additional charges)

• • •

วันอังคารที่ 27 มีนาคม 2012


Production The designer forwards the artwork to the printer The designer views a bureau proof and passes the proof on to the client for approval

• •

วันอังคารที่ 27 มีนาคม 2012


Graphic Design Process http://www.youtube.com/watch? v=Ubvkvkhu2z0&feature=related

วันอังคารที่ 27 มีนาคม 2012


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.