<<

Department of Education Visual Graphics (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 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  Lesson 6 - Characteristics and Differences Of Digital and Traditional  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 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 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.

_____ 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 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 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 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. 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, 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 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 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 , advertising, media, public relations, , 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   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 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. C. User Interface Design B. Packaging design D. Motion Graphic Design

_____14. This is a multidisciplinary practice that merges graphic, architectural, interior, landscape and . 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 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 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 , 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, 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 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 ?

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