Download - Graphic Design Basic
![Page 1: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/1.jpg)
Graphic Design Basic
Graphic Design ElementsGraphic Design Process
COPYRIGHT©Soamparnee 2012วันอังคารที่ 27 มีนาคม 2012
![Page 2: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/2.jpg)
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
![Page 3: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/3.jpg)
Graphic Design Basic
This visual solution is created by manipulating and combining shape, colour, images, typography and space.
วันอังคารที่ 27 มีนาคม 2012
![Page 4: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/4.jpg)
Graphic Design Elements
The five elements of lines, shapes, mass, texture, and color
are the building blocks of designfor desktop publishers
วันอังคารที่ 27 มีนาคม 2012
![Page 5: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/5.jpg)
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
![Page 6: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/6.jpg)
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 publishedmaterials are found on the page within the graphics or in the way the elements are placed on the page
วันอังคารที่ 27 มีนาคม 2012
![Page 7: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/7.jpg)
Shapes
Lines = Shapes Typography = Shapes
วันอังคารที่ 27 มีนาคม 2012
![Page 8: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/8.jpg)
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
![Page 9: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/9.jpg)
Mass
วันอังคารที่ 27 มีนาคม 2012
![Page 10: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/10.jpg)
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
![Page 11: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/11.jpg)
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
![Page 12: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/12.jpg)
Color
วันอังคารที่ 27 มีนาคม 2012
![Page 13: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/13.jpg)
Color
วันอังคารที่ 27 มีนาคม 2012
![Page 14: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/14.jpg)
Basic Principles of Design
are encompassed in the 6 principles of: balance
proximity alignment
repetition or consistency contrast
white space
วันอังคารที่ 27 มีนาคม 2012
![Page 15: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/15.jpg)
Balance
‣ Provides stability and structure to a design ‣ 3 types of balance in page design:
• symmetrical • asymmetrical • radial
วันอังคารที่ 27 มีนาคม 2012
![Page 16: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/16.jpg)
Balance : Symmetrical Balance
VerticalSymmetry
Vertical & HorizontalSymmetry
Visually Symmetry
วันอังคารที่ 27 มีนาคม 2012
![Page 17: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/17.jpg)
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
![Page 18: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/18.jpg)
Balance : Radial Balance
Radial Layout The year represents the center of the design with the subtle color sections radiating from that center
วันอังคารที่ 27 มีนาคม 2012
![Page 19: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/19.jpg)
Proximity
‣ Keeping like items together‣ Creating unity
by how close or far apart elements are from each other
วันอังคารที่ 27 มีนาคม 2012
![Page 20: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/20.jpg)
Alignment
‣ Alignment creates a sharper, more unified design ‣ Align text and graphics to create more interesting, dynamic,
or appropriate layouts
วันอังคารที่ 27 มีนาคม 2012
![Page 21: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/21.jpg)
Alignment
วันอังคารที่ 27 มีนาคม 2012
![Page 22: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/22.jpg)
Repetition/Consistency
‣ Repetition unifies & strengthens a design by tying together otherwise separate parts
‣ Consistent and balanced look through different types of repetition
วันอังคารที่ 27 มีนาคม 2012
![Page 23: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/23.jpg)
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
![Page 24: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/24.jpg)
Contrast
วันอังคารที่ 27 มีนาคม 2012
![Page 25: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/25.jpg)
White Space
‣ The art of nothing is another description for this principle
วันอังคารที่ 27 มีนาคม 2012
![Page 26: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/26.jpg)
Graphic Design Process
There are four major steps involved in graphic design:1. Briefing 2. Design 3. Artwork4. Production
วันอังคารที่ 27 มีนาคม 2012
![Page 27: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/27.jpg)
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
![Page 28: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/28.jpg)
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
![Page 29: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/29.jpg)
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
![Page 30: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/30.jpg)
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
![Page 31: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/31.jpg)
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
![Page 32: Graphic Design Basic](https://reader034.vdocument.in/reader034/viewer/2022051702/568c47081a28ab49168c405e/html5/thumbnails/32.jpg)
Graphic Design Process
http://www.youtube.com/watch?v=Ubvkvkhu2z0&feature=related
วันอังคารที่ 27 มีนาคม 2012