Department of Education Visual Graphics Design (VGD)8 Module 3 Week 5-6
ALBERT MANALO Writer
YVONNE R. ALBA Validator
Schools Division Office – Muntinlupa City Student Center for Life Skills Bldg., Centennial Ave., Brgy. Tunasan, Muntinlupa City (02) 8805-9935 / (02) 8805-9940
What I Need to Know
This module was designed and written with you in mind. It is here to help you master the Visual Graphics Design (VGD). The scope of this module permits it to be used in many different learning situations. The language used recognizes the diverse vocabulary level of students. The lessons are arranged to follow the standard sequence of the course.
The module is divided into 7 lessons, namely: Lesson 1 – Types of Media Lesson 2 – Branding and Product Packaging Lesson 3 – Target Audience and Market Segment Lesson 4 – Concept of Visual Graphics Design Lesson 5 – Principles of Graphic and Visual Communication Design Lesson 6 - Characteristics and Differences Of Digital and Traditional Graphic Design Lesson 7 – Graphic Design Tools
After going through this module, you are expected to: 1. Define Media; 2. Identify the different types of media; 3. Differentiate branding and product packaging; 4. Identify the target audience and market sermet; 5. Identify the concept of visual graphics design; 6. Identify the principles of graphic and visual communication design; 7. Identify the characteristics and differences of digital and traditional graphic design; and 8. Identify the graphic design tools.
What I Know
Study and analyze the following questions carefully. Write the letter of the best answer on space provided.
______1. It is a form of graphic or visual design.34EFV A. Print Media B. Media Design C. Graphic Design D. Visual Design
1
______2. These are business cards, brochures, letterheads, print advertising inserts and so on. A. Print Media B. Media Design C. Graphic Design D. Brand Media
______3. These are logos, corporate symbols and so on. A. Advertising MediaB. Media Design C. Graphic Design D. Brand Media
______4. These are online banner ads, outdoor billboard advertising, print media advertising, vehicle advertising and so on. A. Advertising MediaB. Media Design C.GraphicDesign D.Marketing Media
______5. These are print advertising, web banners, brochures, and so on. A. Advertising Media C. GraphicDesign B. Animation Media D. Marketing Media
______6. These are web animations, 2D animations, 3D animations, video productions and so on. A. Advertising Media C. GraphicDesign B. Animation Media D. Marketing Media
______7. These are lightweight, portable, disposable publications printed on paper and circulated as physical copies in forms we call books, newspapers, magazines and newsletters. A. Print Media B. Media Design C. Graphic Design D. Brand Media
______8. What are the oldest medium of mass communication? A. Newsletter B. Books C. Magazines D. newspaper
______9. These are collections of printed pages folded together. A. Newsletter B. Books C. Magazines D. newspaper
______10. These are collections of printed pages bound together. A. Newsletter B. Books C. Magazines D. newspaper
______11. These are regular publications of only a few folded pages. A. Newsletter B. Books C. Magazines D. newspaper
______12.These are the elements of mass media that bring us reports of current events and current affairs information. A. Print Media C. News Media B. Electronic Media D. Brand Media
______13. This is information or data that is created, distributed and accessed using a form of electronics, electromechanical energy or any equipment used in electronic communications. A. Print Media B. Electronic Media C. News Media D. Brand Media
______14.It is also an electronic media application. A. Journalism C. Billboards B. Video Productions D. Radio Advertisement
2
______15. It is one of the oldest means of entertainment, and today people often hear it to find out the weather and traffic while commuting. A. television B. radio C. movies D. magazine
Lesson PRINCIPLES OF GRAPHICS AND VISUAL 5 COMMUNICATION
What I Need to Know
Study and analyze the following questions carefully. Write the letter of the best answer on space provided.
_____1. Lends stability and structure to an overall design. A.Proximity B. Repitition C. Balance D. Alignment
_____2. Helps in creating a relationship between similar or related elements. A.Proximity B. Repitition C. Balance D. Alignment
_____3. It plays a pivotal role in creating a seamless visual connection with the design elements. A.Proximity B. Repitition C. Balance D. Alignment
_____4. In simple words, a hierarchy is formed when extra visual weight is given to the most important element or message in your design. A.Repitition B. Visual Hierarchy C. Contrast D. hierarchy
_____ 5. It is a fundamental design element, especially when it comes to branding. A. Repitition B. Visual Hierarchy C. Contrast D. hierarchy
_____ 6. It happens when there is a difference between the two opposing design elements. A. Repitition B. Visual Hierarchy C. Contrast D. color
_____ 7. It is an important design basic and it dictates the overall mood of a design.
3
A. Negative Space B. Visual Hierarchy C. Contrast D. Colour
_____ 8. It is called the ______, which in simple words means the area between or around the elements. A. Negative Space B. Visual Hierarchy C. Contrast D. Typography
_____ 9. It is one of the key pillars of design, and it speaks volumes about a brand or an artwork when executed stylistically or even customised. A. Negative Space B. Rules C. Contrast D. Typography
_____ 10. Once you’re an adept graphic designer who understands the Foundations of design, then it’s time to break some of those rules. A. Negative Space B. Rules C. Contrast D. Typography
_____ 11. It involves relaying messages through visual media. A. Graphics Design C. Visual Communication Design B. Elements of Design D. Principles of Design
_____12. Create visual works to communicate with consumers. A. Graphic Designers C. Graphic Designer B. Art directors D. Illustrator
_____ 13. Oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies. A. Graphic Designers C. Graphic Designer B. Art directors D. Illustrator
_____14. Compared with verbal communication, visual communication prevails in the efficiency of communication. A. Efficient - Instant Conveyance B. Easy - Ease of Understanding C. Flexible - Cross-cultural Communication D. Enjoyable - Generation of Enjoyment
_____15. One of the primary advantage visual communication offers is simplicity. A. Efficient - Instant Conveyance B. Easy - Ease of Understanding C. Flexible - Cross-cultural Communication D. Enjoyable - Generation of Enjoyment
_____16. Representation of identity such as a logo that represents a brand or fashion that represents elements of your personality, culture or social status. A. Identity B. Concepts C. Emotion & Humor D. Visual Cues
______17. Visualizations designed to communicate an idea without words. A. Identity B. Concepts C. Emotion & Humor D. Visual Cues
______18. Visual elements that attempt to communicate how things work. A. Identity B. Concepts C. Emotion & Humor D. Visual Cues
______19.Visualization of data such as a graph.
4
A. Data B. Art C. Emotion & Humor D. Visual Cues
______20. Things designed to be visually appealing such as art, architecture and cities. A. Data B. Art C. Emotion & Humor D. Visual Cues
What’s In
An effective design brief can also help you be more productive. If the brief is clear it will also shorten the time you spend on your clients concepts which mean more time to spend on other paid design work. If your client is paying a fee for concept, then you will make more money!
Graphics programs are the tools that allow an artist to create and edit all graphic elements used in graphics design and multimedia applications. Focusing on graphic design, we need to familiarize with the concept and techniques in developing graphic artwork. An artwork or simply art includes photos and illustrations of different types intended for printing and presentation.
In computer graphics, graphics software or image editing software is a program or collection of programs that enable a person to manipulate visual images on a computer.
Computer graphics can be classified into two distinct categories: raster graphics and vector graphics. Many graphics programs focus exclusively on either vector or raster graphics, but there are a few that combine them in interesting ways.
Generally graphic programs can be categorized as drawing, paint or image editing programs. You will probably need to use a combination of these programs when designing a multimedia title. Several of the high-end programs include features from three categories (drawing, painting, and image editing).
What’s New
In this Information sheet, you wiil learn how information-oriented, systematic graphic design can benefit graphical user interface design in conveying information
5
about data and functions. Some basic principles of visual communication can go a long way towards achieving better graphical design.
What is It
10 Basic Principles of Graphic Design
1. Balance Balance lends stability and structure to an overall design. To understand it better, think that there’s weight behind each of your design elements. Shapes, text boxes and images are the elements that form your design, so it’s important to be familiar with the visual weight each of those elements possesses. Now, this doesn’t mean that the elements always need to be distributed evenly or that they must be of an equal size — balance is either symmetrical or asymmetrical. Symmetrical balance is when the weight of elements is evenly divided on either side of the design, whereas asymmetrical balance uses scale, contrast, and colour to achieve the flow in design.
This vibrant design is a distribution of elements (stripes and colours) to achieve an asymmetrical balance.
2. Proximity Proximity helps in creating a relationship between similar or related elements. These elements need not be grouped, instead, they should be visually connected by way of font, colour, size, etc.
3. Alignment Alignment plays a pivotal role in creating a seamless visual connection with the design elements. It gives an ordered appearance to images, shapes, and blocks of texts by eliminating elements placed in a dishevelled manner.
4. Visual Hierarchy In simple words, a hierarchy is formed when extra visual weight is given to the most important element or message in your design. It can be achieved in various ways — using larger or bolder fonts to highlight the title; placing the key message higher than the other design elements; or adding focus to larger, more detailed and more colourful visuals than those less relevant or smaller images.
5. Repetition Repetition is a fundamental design element, especially when it comes to branding. It creates a rhythm and strengthens the overall design by tying together consistent elements such as logo and colour palette, making the brand or design instantly recognizable to viewers.
6. Contrast Contrast happens when there is a difference between the two opposing design elements. The most common types of contrast are dark vs. light, contemporary vs. old-fashioned, large vs. small, etc. Contrast guides a viewer’s attention to the key elements, ensuring each side is legible.
6
7. Colour Colour is an important design basic and it dictates the overall mood of a design. The colours you pick represent your brand and its tonality, so be careful with the palette you choose. As a graphic designer, it’s always helpful to have a basic knowledge of colour theory, for example, gold & neutral shades evoke an overall feel of sophistication, bright colours signal happiness, and blue creates a feeling of calmness. Colour palettes can be used as a contrast or even to complement the elements.
8. Negative Space We’ve discussed the importance of colours, images, and shapes, but what about the space that is left blank? It is called the ‘negative space’, which in simple words means the area between or around the elements. If used creatively, negative space can help create a shape and highlight the important components of your design.
9. Typography “Words have meaning, type has spirit,” — Paula Scher. Typography is one of the key pillars of design, and it speaks volumes about a brand or an artwork when executed stylistically or even customised. Sometimes, ‘type’ is all you need to showcase your design concept.
10. Rules Once you’re an adept graphic designer who understands the foundations of design, then it’s time to break some of those rules. And, by that, I don’t mean, use pixelated images or an illegible font type. Remember, whatever it is that you’re choosing to communicate, should not be compromised.
What Is Visual Communications?
Visual communications involve relaying messages through visual media. Read on for a detailed visual communication definition, types of visual communication, and information on careers in this field.
Career Options in Visual Communication
Although the field is broad, a career in visual communication is focused on conveying messages to audiences through visual means. Visual communication education programs may prepare graduates for work in web design, advertising, media, public relations, film, or marketing. Many students interested in visual communications become graphic designers or art directors.
Graphic Designers
Graphic designers create visual works to communicate with consumers. These professionals often use software programs to design pieces like advertisements, magazines, product packaging, and web pages. Graphic designers may create logos and illustrations to help organizations represent themselves to the public. Work in this field involves knowledge of typography, photo editing, and layout.
Art Directors
7
Art directors oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies. Like graphic designers, their work is concerned with visual impressions and visual approaches to connecting with consumers. As they move through their careers, graphic designers may advance to positions as art directors. In this role, in addition to creative work, art directors may also oversee a staff of designers, meet with clients to discuss projects, and handle departmental budgeting.
BENEFITS OF VISUAL COMMUNICATIONS
Efficient - Instant Conveyance
Compared with verbal communication, visual communication prevails in the efficiency of communication. For example, a bar chart helps the audience find out the first and last item at a glance. A line chart on sales with an uprising arrow tells readers immediately that the sales trend is increasing and favorable.
Easy - Ease of Understanding
One of the primary advantage visual communication offers is simplicity. For example, when you get lost, you can find the place easier and faster by looking at a visual map and a 3D directional map will be much better.
Flexible - Cross-cultural Communication
Just think about the cross-cultural communication, when people cannot understand foreign language, a symbol or a picture will remove the language obstacles. This is the reason that many public places use signs in addition to words to send message. Visual charts and graphics can be posted online, put beside the highway and stacked on anywhere audible. Such flexible communication form can bridge geographic distance and cross cultural differences.
Enjoyable - Generation of Enjoyment
Visual materials are relatively more eye-pleasing. If highly artistic, it brings aesthetic enjoyment. When presenting an amazing shot, it makes people relaxed. A funny picture makes people laugh and will help people memorize the information better.
7 Examples of Visual Communication
Visual communication is the visual expression of emotion, data, information and knowledge. The term can be applied to anything visual including art, architecture, cities, products, user interfaces, media, publications, advertising, entertainment, performing art and fashion.
The following are illustrative examples of visual communication.
Emotion & Humor Communication of emotion and humor such as a photograph in an advertisement that's funny.
Identity
8
Representations of identity such as a logo that represents a brand or fashion that represents elements of your personality, culture or social status. Concepts Visualizations designed to communicate an idea without words. For example, a pictogram for a sign that is designed to convey safety information to people of any language.
Visual Cues Visual elements that attempt to communicate how things work. For example, a link in a webpage that is a brighter color than the surrounding text.
Data Visualization of data such as a graph.
Information & Knowledge Guides such as a map or diagram that illustrate complex information or knowledge. For example, the Pioneer plaque (above) sent into deep space with the Pioneer 10 and Pioneer 11 spacecraft as a message from mankind.
Art Things designed to be visually appealing such as art, architecture and cities.
What’s More
Activity 5
Fill in the blanks. Write your answer on space provided before each number. ______1.______lends stability and structure to an overall design.
______2.This ______is a distribution of elements (stripes and colours) to achieve an asymmetrical balance. ______3. ______helps in creating a relationship between similar or related elements. ______4. ______gives an ordered appearance to images, shapes, and blocks of texts by eliminating elements placed in a dishevelled manner.
______5.______can be achieved in various ways — using larger or bolder fonts to highlight the title.
______6. ______creates a rhythm and strengthens the overall design by tying together consistent elements such as logo and color palette.
______7. The most common types of .______are dark vs. light, contemporary vs. old-fashioned, large vs. small, etc.
______8. ______is one of the key pillars of design, and it speaks volumes about a brand or an artwork when executed
9
stylistically or even customized.
______9. Visual ______involves relaying messages through visual media. ______10. A career in ______is focused on conveying messages to audiences through visual means.
______11. Visual communication education programs may prepare graduates for work in ______, advertising, media, public relations, film, or marketing.
______12. ______may create logos and illustrations to help organizations represent themselves to the public.
______13. ______oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies.
______14. ______is the delivery of message through the use of visual elements, such as charts and graphs. ______15. One of the primary advantage visual communication offers is ______.
What I Have Learned
1. Balance lends stability and structure to an overall design. To understand it better, think that there’s weight behind each of your design elements.
2.Proximity helps in creating a relationship between similar or related elements.
3. Alignment plays a pivotal role in creating a seamless visual connection with the design elements.
4. A hierarchy is formed when extra visual weight is given to the most important element or message in your design. It can be achieved in various ways — using larger or bolder fonts to highlight the title; placing the key message higher than the other design elements; or adding focus to larger, more detailed and more colorful visuals than those less relevant or smaller images.
5.Repetition is a fundamental design element, especially when it comes to branding.
6. Contrast happens when there is a difference between the two opposing design elements.
7. Color is an important design basic and it dictates the overall mood of a design. The colors you pick represent your brand and its tonality, so be careful with the palette you choose.
10
8. Negative Space We’ve discussed the importance of colors, images, and shapes, but what about the space that is left blank? It is called the ‘negative space’, which in simple words means the area between or around the elements.
9. Typography is one of the key pillars of design, and it speaks volumes about a brand or an artwork when executed stylistically or even customized.
10. Rules Once you’re an adept graphic designer who understands the foundations of design, then it’s time to break some of those rules.
11.Visual communications involves relaying messages through visual media.
12.Visual communication is a sub-field within the discipline of communication that examines how information is conveyed through visual means. 13.A wide variety of education options are available for students interested in visual communication.
14.Visual communication program can expect classes like the following:
Foundations of Visual Communication Mass Communication Writing Photography Typography Design Software and Technology Photojournalism
15.A career in visual communication is focused on conveying messages to audiences through visual means.
16.Visual communication education programs may prepare graduates for work in web design, advertising, media, public relations, film, or marketing.
17.Graphic designers create visual works to communicate with consumers. These professionals often use software programs to design pieces like advertisements, magazines, product packaging, and web pages. Graphic designers may create logos and illustrations to help organizations represent themselves to the public.
18.Art directors oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies. Like graphic designers, their work is concerned with visual impressions and visual approaches to connecting with consumers.
19.Efficient - Instant Conveyance
Compared with verbal communication, visual communication prevails in the efficiency of communication. For example, a bar chart helps the audience find out the first and last item at a glance. A line chart on sales with an uprising arrow tells readers immediately that the sales trend is increasing and favorable.
20.Easy - Ease of Understanding
11
One of the primary advantage visual communication offers is simplicity. For example, when you get lost, you can find the place easier and faster by looking at a visual map and a 3D directional map will be much better.
21.Flexible - Cross-cultural Communication
Just think about the cross-cultural communication, when people cannot understand foreign language, a symbol or a picture will remove the language obstacles. This is the reason that many public places use signs in addition to words to send message. Visual charts and graphics can be posted online, put beside the highway and stacked on anywhere audible. Such flexible communication form can bridge geographic distance and cross cultural differences.
22.Enjoyable - Generation of Enjoyment
Visual materials are relatively more eye-pleasing. If highly artistic, it brings aesthetic enjoyment. When presenting an amazing shot, it makes people relaxed. A funny picture makes people laugh and will help people memorize the information better.
23. Examples of Visual Communication
24.Emotion & Humor Communication of emotion and humor such as a photograph in an advertisement that's funny.
25.Identity Representations of identity such as a logo that represents a brand or fashion that represents elements of your personality, culture or social status.
26.Concepts Visualizations designed to communicate an idea without words. For example, a pictogram for a sign that is designed to convey safety information to people of any language.
27.Visual Cues Visual elements that attempt to communicate how things work. For example, a link in a webpage that is a brighter color than the surrounding text.
28.Data Visualization of data such as a graph.
29.Information & Knowledge Guides such as a map or diagram that illustrate complex information or knowledge. For example, the Pioneer plaque (above) sent into deep space with the Pioneer 10 and Pioneer 11 spacecraft as a message from mankind.
30.Art Things designed to be visually appealing such as art, architecture and cities.
12
What I Can Do
Answer the following question? 1.What are the 10 principles of graphic design?
2. What is visual communication?
Assessment
Identify the following statement. Write your answer on the space provided.
______1. Lends stability and structure to an overall design.
______2. It is when the weight of elements is evenly divided on either side Of the design.
______3. This is a distribution of elements to achieve an asymmetrical balance.
______4. Helps in creating a relationship between similar or related elements.
______5. Plays a pivotal role in creating a seamless visual connection with the design elements.
______6. It is formed when extra visual weight is given to the most important element or message in your design. ______7. It is a fundamental design element, especially when it comes to branding.
______8. It happens when there is a difference between the two opposing design elements.
______9. It is an important design basic and it dictates the overall mood of a design.
______10.It is called the ______, which in simple words means the area between or around the elements.
______11. It is one of the key pillars of design, and it speaks volumes about
13
a brand or an artwork when executed stylistically or even customized.
______12. Once you’re an adept graphic designer who understands the foundations of design, then it’s time to break some of those rules.
______13. Education programs may prepare graduates for work in web design, advertising, media, public relations, film, or marketing.
______14. Create visual works to communicate with consumers.
______15. Oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies.
______16. It is the delivery of message through the use of visual elements, such as charts and graphs, clip art and electronic image.
______17.Communication of emotion and humor such as a photograph in an advertisement that's funny.
______18. Representations of identity such as a logo that represents a brand or fashion that represents elements of your personality, culture or social status.
______19. Visualizations designed to communicate an idea without words for example, a pictogram for a sign that is designed to convey safety information to people of any language.
______20. Things designed to be visually appealing such as art, architecture and cities
Additional Activities
Answer the following question. 1.What is traditional graphics?
2. What is digital graphic design?
14
Answer Key
Art 20.
Concepts 19. B 20.
Identity 18. A 19. simplicity 15.
D 18. Humor & Emotion 17. communication
B 17.
communication Visual 16. Visual Visual 14.
A 16.
directors Art 15.
directors Art 13.
B 15.
designers Graphic 14.
designers Graphic 12.
A 14.
communication Visual 13.
design web 11.
B 13.
Rules 12.
communication
A 12.
Typography 11.
visual visual 10. C 11.
Space Negative 10.
Communications 9. B 10.
Colour 9.
A 9. Typography 8.
Contrast 8.
A 8.
Contrast 7.
Repetition 7.
D 7.
Repetition 6.
Hierarchy 6.
C 6.
Hierarchy 5.
Alignment 5.
C 5.
Alignment 4.
Proximity 4. A 4.
Proximity 3.
design vibrant 3. D 3.
design vibrant 2. balance Symmetrical 2. D 2.
Balance 1. Balance 1. C 1.
Assessment More What's Know I What
15
CHARACTERIC AND DIFFERENCES OF Lesson DIGITAL AND TRADITIONAL GRAPHIC
6 DESIGN
What I Know
Study and analyze the following questions carefully. Write the letter of the best answer on space provided.
_____ 1.It encompasses a broad field that includes print and digital design. A. Visual Identity Design C. Traditional Design B. Graphic design D. Digital Design
_____ 2.It refers to what is created and produced for viewing on a screen. A. Visual Identity Design C. Traditional Design B. Graphic design D. Digital Design
_____ 3.They are able to perform the same tasks as graphic designers. A. Visual Designer C. Traditional Designer B. Graphic designer D. Digital Designer
_____ 4. It is how the organization communicates its personality, tone and essence, as well as memories, emotions and experiences. A. Visual Identity Design C. Brand Design B. Graphic design D. Digital Design
_____ 5. This is exactly that the visual elements of brand identity that act as the face of a brand to communicate those intangible qualities through images, shapes and color. A. Visual Identity Design C. Brand Design B. Graphic design D. Digital Design
_____ 6. They must possess a general knowledge of all types of graphic design in Order to create design elements that are suitable across all visual media. A. Visual Identity Graphic Designers C. Brand Designers B. Marketing designers D. Digital Designers
16
_____7. It work with company owners, directors, managers or marketing Professionals to create assets for marketing strategies. A. Visual Identity Graphic Designers C. Brand Designers B. Marketing designers D. Digital Designers
______8.The process of designing interfaces to make them easy to use and provide a user-friendly experience. A. Visual Identity Design C. User Interface Design B. Graphic design D. Digital Design
_____9.It is a classic type of design—think books, newspapers, magazines and catalogs. A. Visual Identity Design C. User Interface Design B. Graphic design D. Publication Design
_____10. Most products require some form of packaging to protect and prepare them for storage, distribution, and sale. A. Visual Identity Design C. User Interface Design B. Packaging design D. Publication Design
______11. Create concepts, develop mockups and create the print- ready files for a product. A. Graphics Designer C. User Interface Designers B. Packaging designers D. Publication Designers
______12. This can include animation, audio, typography, imagery, video and other effects that are used in online media, television and film. A. Visual Identity Design C. Motion Graphic Design B. Graphic design D. Publication Design
_____13. It is a somewhat new specialty for designers. formally reserved for TV and film, technological advances have reduced production time and costs, making the art form more accessible and affordable. A. Environmental Design C. User Interface Design B. Packaging design D. Motion Graphic Design
_____14. This is a multidisciplinary practice that merges graphic, architectural, interior, landscape and industrial design. A. Environmental Graphic Design C. User Interface Design B. Packaging design D. Motion Graphic Design
______15. It is an anachronism in this modern society. A. Visual Identity Design C. Traditional Design B. Graphic design D. Digital Design
17
What’s In
The 10 Basic Principles of Graphic Design are: design, Proximity, Alignment, Visual Hierarchy, Repetition, Contrast, Color, Negative Space, Typography, Rules
Visual communications involve relaying messages through visual media. Read on for a detailed visual communication definition, types of visual communication, and information on careers in this field.
A career in visual communication is focused on conveying messages to audiences through visual means. Visual communication education programs may prepare graduates for work in web design, advertising, media, public relations, film, or marketing. Many students interested in visual communications become graphic designers or art directors.
Graphic designers create visual works to communicate with consumers. These professionals often use software programs to design pieces like advertisements, magazines, product packaging, and web pages. Graphic designers may create logos and illustrations to help organizations represent themselves to the public. Work in this field involves knowledge of typography, photo editing, and layout.
Art directors oversee the visual aspects of media messages like advertising campaigns, newspapers, magazines, and movies. Like graphic designers, their work is concerned with visual impressions and visual approaches to connecting with consumers. Visual communication is the delivery of message through the use of visual elements, such as charts and graphs, clip art and electronic images, to convey ideas and information to audience.
What’s New
Graphic design encompasses a broad field that includes print and digital design. Many graphic designers lack digital skills — their education and experience is more focused on print collateral such as business cards, postcards, static billboards and apparel. However, the future of graphic design is firmly rooted in the growth of digital design.
The Bureau of Labor Statistics (BLS) projects the employment of graphic designers in computer systems design and related services to increase 20 percent by 2026. “Companies are continuing to increase their digital presence, requiring graphic designers to help create visually appealing and effective layouts of websites.”
18
The demand for digital design across industries outweighs any other part of the graphic design industry. Digital design specialists will continue to be in high demand as businesses serve and market to clients and customers via digital means.
The traditional graphics is an anachronism in this modern society. Technology with one of its tentacles, the digital graphics, makes it sound artists and printers dedicated to etching and lithography, as true men of Altamira. The technical processes employed by them, compared to applied technology development in digital graphics, are abysmally retarded and with a barely perceptible evolution. Moreover, even analog photography is an anachronism that is being displaced by digital photography.
However, traditional graphics has its force in our time by several factors, some of the most important art market, the unique value of the invoice craft control runs, centuries-old craft perfection and the indelible mark of talent of the artists themselves directly reflected in a serial work done in wood, metal or stone with the result in paper market continues to privilege the traditional work over the work of artists who use new technologies. The reason is that the market is underpinned by the principle of authenticity and control the number of works, allowing the price rise as the author is listed day to day. Changing technology, offers an aesthetic and democratization of the media, making the works more accessible in its performance and its price.
Today electronic output plotters or digital electronic processing of photography, has a guarantee of existence of at least two hundred years in controlled lighting conditions and stable and that is profit. However, the challenge is that the digital copy on paper with a stay of at least five hundred years for that engineers worldwide are working at top speed, have to trust that the triumph of image permanence in the digital graphics is more than warranted.
What is It
What is Digital Design?
Digital design refers to what is created and produced for viewing on a screen.
Digital designs can include content such as multimedia presentations, social media collateral, email and web ads, digital billboards and signage, pitch decks, 3D modelling and 2D animation. Due to the wider skill set needed to produce these pieces, graphic designers specializing in digital design are comfortable with standard industry tools (e.g., Illustrator, Photoshop and Indesign) and languages featured in digital assets (e.g., HTML5, JavaScript and CSS3).
Digital designers are able to perform the same tasks as graphic designers. However, their knowledge and skills expand to include and focus on digital applications.
19
Typical roles and responsibilities do not change for digital designers. The BLS provides the following duties for graphic designers:
Meet with clients and management to discuss the scope of a project Create designs using digital illustration, photo editing software and layout software Create visual elements like logos, images and illustrations to help deliver a desired message Design layouts, selecting colors, images and typefaces to use Present design concepts to clients and management Incorporate changes recommended by clients and management into final designs Review designs for errors before printing or publishing them
The 8 Types of Graphic Design
Graphic design uses visual compositions to solve problems and communicate ideas through typography, imagery, color and form. There’s no one way to do that, and that’s why there are several types of graphic design, each with their own area of specialization. 1. Visual identity graphic design
A brand is a relationship between a business or organization and its audience. A brand identity is how the organization communicates its personality, tone and essence, as well as memories, emotions and experiences. Visual identity graphic design is exactly that: the visual elements of brand identity that act as the face of a brand to communicate those intangible qualities through images, shapes and color.
Visual identity design is one of the most common types of design. Visual identity graphic designers must possess a general knowledge of all types of graphic design in order to create design elements that are suitable across all visual media. They also need excellent communication, conceptual and creative skills, and a passion for researching industries, organizations, trends and competitors.
2. Marketing & advertising graphic design
When most people think of graphic design, they think of designs created for marketing and advertising.
Companies depend on successful marketing efforts to tap into their target audience’s decision-making process. Great marketing engages people based on the wants, needs, awareness and satisfaction they have about a product, service or brand. Since people will always find visual content more engaging, graphic design helps organizations promote and communicate more effectively.
Marketing designers work with company owners, directors, managers or marketing professionals to create assets for marketing strategies. They might work alone or as part of an in-house or creative team. Designers can specialize in a specific type of media (vehicle wraps or magazine ads, for example) or create a broad assortment of collateral for print, digital, and beyond.
20
Examples of marketing graphic design Postcards and flyers Magazine and newspaper ads Posters, banners and billboards Infographics Brochures (print and digital) Vehicle wraps Signage and trade show displays Email marketing templates PowerPoint presentations Menus Social media ads, banners and graphics Banner and retargeting ads Images for websites and blogs 3. User interface graphic design
A user interface (UI) is how a user interacts with a device or application. UI design is the process of designing interfaces to make them easy to use and provide a user- friendly experience.
Examples of user interface graphic design Web page design Theme design (WordPress, Shopify, etc.) Game interfaces App design
UI designers must be team players backed by both serious graphic design skills and an excellent understanding of UI/UX principles, responsive design and web development. In addition to graphics apps, they need knowledge of programming languages like HTML, CSS and JavaScript. 4. Publication graphic design Publications are long-form pieces that communicate with an audience through public distribution. They have traditionally been a print medium. Publication design is a classic type of design—think books, newspapers, magazines and catalogs. However, there’s recently been a significant rise in digital publishing.
Publication designers may work as freelancers, as creative agency members or in- house as part of a publishing company. Examples of publication graphic design Books Newspapers Newsletters Directories Annual reports Magazines Catalogs
Publication designers must possess excellent communication, layout and organizational skills. In addition to graphic design expertise, they need to understand color management, printing and digital publishing.
21
5. Packaging graphic design
Most products require some form of packaging to protect and prepare them for storage, distribution, and sale. But packaging design can also communicate directly to consumers, which makes it an extremely valuable marketing tool. Every box, bottle and bag, every can, container, or canister is a chance tell the story of a brand.
Packaging designers create concepts, develop mockups and create the print-ready files for a product. This requires expert knowledge of print processes and a keen understanding of industrial design and manufacturing. Because packaging design touches so many disciplines, it’s not uncommon for designers to find themselves creating other assets for a product such as photography, illustrations and visual identity.
6. Motion graphic design
Simply put, motion graphics are graphics that are in motion. This can include animation, audio, typography, imagery, video and other effects that are used in online media, television and film. The medium’s popularity has skyrocketed in recent years as technology improved and video content became king.
“Motion graphics designer” is a somewhat new specialty for designers. Formally reserved for TV and film, technological advances have reduced production time and costs, making the art form more accessible and affordable. Examples of motion graphic design Title sequences and end credits Advertisements Animated logos Trailers Presentations Promotional videos Tutorial videos Websites Apps Video games Banners GIFs
Motion graphics designers begin by developing storyboards and then bring their concepts to life with animation, video and traditional art. Depending on the industry, a strong working knowledge of marketing, coding and 3D modeling can be definite assets. 7. Environmental graphic design
Environmental graphic design visually connects people to places to improve their overall experience by making spaces more memorable, interesting, informative or easier to navigate. Environmental design is a broad type of design, here are some examples:
22
Examples of environmental graphic design Signage Wall murals Museum exhibitions Office branding Public transportation navigation Retail store interiors Stadium branding Event and conference spaces
Environmental graphic design is a multidisciplinary practice that merges graphic, architectural, interior, landscape and industrial design. Designers collaborate with people in any number of these fields to plan and implement their designs.
8. Art and illustration for graphic design
Graphic art and illustration are often seen as being the same as graphic design, however they’re each very different. Designers create compositions to communicate and solve problems, graphic artists and illustrators create original artwork. Their art takes a number of forms, from fine art to decoration to storytelling illustrations.
Examples of art and illustration for graphic design T-shirt design Graphic patterns for textiles Motion graphics Stock images Graphic novels Video games Websites Comic books Album art Book covers Picture books Infographics Technical illustration Concept art
Graphic artists use any combination of media and techniques to create their work as they collaborate with writers, editors, managers, marketers and art directors across all graphic design types. They’ll often have a foundation in fine arts, animation or architecture.
Graphic design is an ever-growing field, and the demand for specialized and skilled designers is on the rise. When you’re looking for the right person to take on a design job, knowing the different types of graphic design will help you identify the specialist you need.
Traditional Graphic Design vs Digital Graphic Design – The advantages and disadvantages
23
Computers become a controversial subject in terms of graphic design. Based on my recent research, I’ve decided to categorize information for a source focuses on advantages and disadvantages of the emergence of computers digital designing and “the creative process”. I’ve written counter views and opinions towards this source.
- The designer is able to ‘explore multiple ideas quickly with more detail’.
- ‘Many ‘traditional’ graphic designers relied on computer-savvy production artists to produce their ideas from sketches, without needing to learn the computer skills themselves.
As the statement suggests, new specialist skills and roles emerged from computing design to be contributed to design industry. However, it will soon become important for most designers to have skills and experience using computing and software to complement and meet outcomes of the constant change of media and technology in the modern day world. Interface design and printmaking are the most employed methods used in the graphic design industry in areas such as advertising, applications and platforms and magazines.
Traditional graphic design tools such as:
Free hand sketches Clay and resin modeling Physical prototyping Mechanical drawing
Digital Graphic design tools such as:
Adobe Photoshop CorelDraw Adobe Illustrator Gimp Adobe In-design QuarkXpress Adobe PageMaker Adobe After Effects Adobe Premier Microsoft PowerPoint
What’s More
Activity 6
Fill in the blanks. Write your answer on the space provided before each number. ______1. Graphic ______encompasses a broad field that includes print and digital design.
______2. ______can include content such as multimedia
24
presentations, social media collateral, email and web ads.
______3. ______are able to perform the same tasks as graphic designers.
______4. A ______is how the organization communicates its personality, tone and essence, as well as memories, emotions and experiences.
______5. ______work with company owners, directors, managers or marketing professionals to create assets for marketing strategies.
______6. ______is the process of designing interfaces to make them easy to use and provide a user-friendly experience.
______7. ______are long-form pieces that communicate with an audience through public distribution.
______8. ______is a classic type of design—think books, newspapers, magazines and catalogs. However, there’s recently been a significant rise in digital publishing.
______9. ______may work as freelancers, as creative agency members or in-house as part of a publishing company.
______10.Most ______require some form of packaging to protect and prepare them for storage, distribution, and sale. ______11. ______are graphics that are in motion. . ______12. ______is a somewhat new specialty for designers.
______13. ______is a broad type of design, here are some examples:
______14. ______are often seen as being the same as graphic design, however they’re each very different.
______15. ______create compositions to communicate and solve problems, graphic artists and illustrators create original artwork.
25
What I Have Learned
1. Graphic design encompasses a broad field that includes print and digital design. Many graphic designers lack digital skills — their education and experience are more focused on print collateral such as business cards, postcards, static billboards and apparel. 2.The Bureau of Labor Statistics (BLS) projects the employment of graphic designers in computer systems design and related services to increase 20 percent by 2026. 3.Companies are continuing to increase their digital presence, requiring graphic designers to help create visually appealing and effective layouts of websites.” 4.Digital design specialists will continue to be in high demand as businesses serve and market to clients and customers via digital means. 5.Digital design refers to what is created and produced for viewing on a screen. Digital designs can include content such as multimedia presentations, social media collateral, email and web ads, digital billboards and signage, pitch decks, 3D modelling and 2D animation. 6.Digital designers are able to perform the same tasks as graphic designers. 7.The BLS provides the following duties for graphic designers: Meet with clients and management to discuss the scope of a project Create designs using digital illustration, photo editing software and layout software Create visual elements like logos, images and illustrations to help deliver a desired message Design layouts, selecting colors, images and typefaces to use Present design concepts to clients and management Incorporate changes recommended by clients and management into final designs Review designs for errors before printing or publishing them
8.Graphic design uses visual compositions to solve problems and communicate ideas through typography, imagery, color and form.
9. Visual identity design is one of the most common types of design. Visual identity graphic designers must possess a general knowledge of all types of graphic design in order to create design elements that are suitable across all visual media.
10. Marketing & advertising graphic design. When most people think of graphic design, they think of designs created for marketing and advertising.
11.Companies depend on successful marketing efforts to tap into their target audience’s decision-making process. Great marketing engages people based on the
26
wants, needs, awareness and satisfaction they have about a product, service or brand.
12.Marketing designers work with company owners, directors, managers or marketing professionals to create assets for marketing strategies. They might work alone or as part of an in-house or creative team.
13.Examples of marketing graphic design Postcards and flyers Magazine and newspaper ads Posters, banners and billboards Infographics Brochures (print and digital) Vehicle wraps Signage and trade show displays Email marketing templates PowerPoint presentations Menus Social media ads, banners and graphics Banner and retargeting ads Images for websites and blogs
14. User interface graphic design A user interface (UI) is how a user interacts with a device or application. UI design is the process of designing interfaces to make them easy to use and provide a user- friendly experience.
15.Examples of user interface graphic design Web page design Theme design (WordPress, Shopify, etc.) Game interfaces App design
16.UI designers must be team players backed by both serious graphic design skills and an excellent understanding of UI/UX principles, responsive design and web development. In addition to graphics apps, they need knowledge of programming languages like HTML, CSS and JavaScript.
17. Publication graphic design. Publications are long-form pieces that communicate with an audience through public distribution. They have traditionally been a print medium. Publication design is a classic type of design—think books,
18.Examples of publication graphic design Books Newspapers Newsletters Directories Annual reports Magazines Catalogs
27
19. Packaging graphic design. Most products require some form of packaging to protect and prepare them for storage, distribution, and sale. But packaging design can also communicate directly to consumers, which makes it an extremely valuable marketing tool.
20.Packaging designers create concepts, develop mockups and create the print-ready files for a product.
21. Simply put, motion graphics are graphics that are in motion. This can include animation, audio, typography, imagery, video and other effects that are used in online media, television and film.
22. Motion graphics designer” is a somewhat new specialty for designers. Formally reserved for TV and film, technological advances have reduced production time and costs, making the art form more accessible and affordable.
23.Examples of motion graphic design Title sequences and end credits Advertisements Animated logos Trailers Presentations Promotional videos Tutorial videos Websites Apps Video games Banners GIFs
24.Motion graphics designers begin by developing storyboards and then bring their concepts to life with animation, video and traditional art. Depending on the industry, a strong working knowledge of marketing, coding and 3D modeling can be definite assets.
25. Environmental graphic design visually connects people to places to improve their overall experience by making spaces more memorable, interesting, informative or easier to navigate. Environmental design is a broad type of design, here are some examples:
26.Examples of environmental graphic design Signage Wall murals Museum exhibitions Office branding Public transportation navigation Retail store interiors Stadium branding Event and conference spaces
28
27.Environmental graphic design is a multidisciplinary practice that merges graphic, architectural, interior, landscape and industrial design. Designers collaborate with people in any number of these fields to plan and implement their designs.
28. Graphic art and illustration are often seen as being the same as graphic design, however they’re each very different. Designers create compositions to communicate and solve problems, graphic artists and illustrators create original artwork.
29.Examples of art and illustration for graphic design T-shirt design Graphic patterns for textiles Motion graphics Stock images Graphic novels Video games Websites Comic books Album art Book covers Picture books Infographics Technical illustration Concept art
30.Graphic artists use any combination of media and techniques to create their work as they collaborate with writers, editors, managers, marketers and art directors across all graphic design types. They’ll often have a foundation in fine arts, animation or architecture.
31.The traditional graphics is an anachronism in this modern society. Technology with one of its tentacles, the digital graphics, makes it sound artists and printers dedicated to etching and lithography, as true men of Altamira. 32.Computers become a controversial subject in terms of graphic design. Based on my recent research, I’ve decided to categorize information for a source focuses on advantages and disadvantages of the emergence of computers digital designing and “the creative process”. 33.‘Many ‘traditional’ graphic designers relied on computer-savvy production artists to produce their ideas from sketches, without needing to learn the computer skills themselves. 34.Traditional graphic design tools such as: Free hand sketches Clay and resin modeling Physical prototyping Mechanical drawing
35.Digital Graphic design tools such as:
Adobe Photoshop CorelDraw Adobe Illustrator Gimp Adobe In-design QuarkXpress
29
Adobe PageMaker Adobe After Effects Adobe Premier Microsoft PowerPoint
What I Can Do
Answer the following question? 1.What is digital design?
2. List down the 8 types of graphic design.
Assessment
Identify the following statement. Write your answer on space provided.
______1. Digital design ______will continue to be in high demand as businesses serve and market to clients and customers via digital means.
______2.The ______projects the employment of graphic designers in computer systems design and related services to increase 20 percent by 2026.
______3. They are continuing to increase their digital presence, Requiring graphic designers to help create visually appealing and effective layouts of websites.”
______4. It can include content such as multimedia presentations, Social media collateral, email and web ads, digital billboards and signage, pitch decks, 3D modelling and 2D animation.
______5. They are able to perform the same tasks as graphic designers.
______6. Create visual ______like logos, images and illustrations to help deliver a desired message
30
______7. Design______selecting colors, images and typefaces to use
______8. It is one of the most common types of design.
______9. When most people think of graphic design, they think of Designs created for marketing and advertising. ______10. Work with company owners, directors, managers or marketing professionals to create assets for marketing strategies. ______11. It is how a user interacts with a device or application.
______12. These are long-form pieces that communicate with an audience through public distribution. ______13. This is a classic type of design—think books.
______14. Create concepts, develop mockups and create the print-ready files for a product. ______15. begin by developing storyboards and then bring their concepts to life with animation, video and traditional art. ______16. Visually connects people to places to improve their overall experience by making spaces more memorable, interesting, informative or easier to navigate. ______17. These are often seen as being the same as graphic design, however they’re each very different. ______18. Creates compositions to communicate and solve problems, graphic artists and illustrators create original artwork. ______19. It uses any combination of media and techniques to create their work as they collaborate with writers, editors, managers, marketers and art directors across all graphic design types. ______20. It is an anachronism in this modern society.
Additional Activities
Answer the following question. 1.What is graphic design tools?
2. List down five examples of graphic design tool?
31
Answer Key
graphics traditional 20.
artists Graphic 19.
C 15. Designers 18.
illustration
A 14.
Designers 15.
Graphic art and and art Graphic 17.
illustration
D 13. design
Graphic art and and art Graphic 14.
Environmental graphic graphic Environmental 16.
C 12.
designers design
B 11.
Motion graphics graphics Motion 15.
Environmental Environmental 13.
designers Packaging 14. B 10.
designer graphics 12.
design Publication 13.
D 9. graphics motion 11.
Publications 12.
Products 10. C 8. (UI) interface user 11.
designers Marketing 10. designers
B 7.
design. graphic Publication Publication 9.
A 6.
advertising advertising & Marketing 9.
design Publication 8.
design identity Visual 8.
A 5.
Publications 7.
Layouts 7.
C 4.
design UI 6. Elements 6.
designers Digital 5. designers Marketing 5. D 3.
designs Digital 4.
identity brand 4.
D 2.
Companies 3.
designers Digital 3.
B 1. (BLS) Statistics
designs Digital 2.
Bureau of Labor Labor of Bureau 2.
Design 1. Specialists 1.
Assessment More What's Know I What
References
http://www.landofcode.com/html-tutorials/html-color-usage.php https://www.edrawsoft.com/benefits-of-visual- communication.html#:~:text=Visual%20communication%20is%20the%20delivery,role%20in%20our %20daily%20life.
https://medium.com/@anahatrawal/10-basic-principles-of-graphic-design-b74be0dbdb58
https://simplicable.com/new/visual-communication-examples
32