are visual images or designs on some surface, such as a wall,  canvas, screen, paper,  or stone to inform,  illustrate, or entertain. 

(a)  

 does not support transparency and animation

(a)  

supports  transparency and animation

(a)  

 supports transparency but not in animation

(a)  

is part of graphic design that deals with the arrangement of visual elements on a page.

(a)  

BASIC PRINCIPLES OF GRAPHICS  AND LAYOUT

(a)  

The visual weight of objects,  texture, colors, and space is evenly distributed on the screen.

(a)  

An area in the design that may appear different in size,  texture, shape, or color to attract the viewer’s attention.

(a)  

Visual elements guide the viewer’s eyes around the screen.

(a)  

Builds course. It builds familiarity and organizes design for trouble-free viewing.

(a)  

makes design aware. It brings consistency and flow to the design.

(a)  

Conveys stability. It involves scaling various elements to create a coherent design.

(a)  

Brings elements closer. It utilizes familiar traits of design elements and puts them into focus. 

(a)  

Addresses conflict. It highlights the difference and puts an emphasis on what is important

(a)  

 Reaps attention. It adds flavor to the design, making it more interesting and engaging.

(a)  

 are used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer’s attention.

(a)  

an infographic in which wordy content is made more visual. Best used for information spread via social media. Has a strong title and lots of content.

(a)  

outlines events chronologically. Can either be simple or complex. Invites the viewer to go on a historical journey through interesting and relevant content and design.

(a)  

designed to make the viewer answer a series of questions to reach a particular answer. Often funny and lighthearted, it also works well on social media

(a)  

serves as a quick reference for different kinds of information. Can also be in the form of a step-by-step

(a)  

a visual comparison of two things. Best used with effective visual presentation and a large amount of data.

(a)  

 an infographic whose primary content is comprised of numbers, charts, graphs, or statistical data.

(a)  

used map charts as the focus visual. Different types of map charts work better for different types of data.

(a)  

won’t be able to entirely replace a traditional resume in most cases. But they’re a great visual document to bring to an interview, to publish on your portfolio site, or to include in an email application.

(a)  

they’re a great visual document to bring to an interview, to publish on your portfolio site, or to include in an email application.

(a)  

5 PRINCIPLES IN MAKING AN  EFFECTIVE INFOGRAPHIC DESIGN:

(a)  

Cutting parts away to remove distracting or irrelevant elements.

(a)  

The ambiance and the tone of light in the picture (ex. Warm or cool light)

(a)  

One of the most basic techniques in image editing,  making the image darker or lighter.

(a)  

The higher the quality and the larger the photo is, the bigger the file size of the picture is.

(a)  

Making the image look sketched, grainy, classic black and white, or even letting it have neon colors. This twists your image from its original look.

(a)  

Copying or duplicating a part of an image.

(a)  

Adding background to make your image stand out.

(a)  

 Removing certain colors in your image or desaturating the color of the image.

(a)  

Adding multiple elements in your layout.

(a)  

is a visual representation of data and knowledge in the form of an online video.

(a)  

3 IMAGE MANIPULATION PRINCIPLES

(a)  

IMAGE HOSTING WEBSITES

(a)  

= Explore possible areas where you can gather data, then consolidate it into meaningful information for the viewers. Keep it simple and direct to the point to lessen the effort put into reading.

= Column charts are used to show changes or progress over time

= Pie charts are used to show small sets of numerical data in proportions of a whole figure.

= Line graphs are used for data that adjust constantly over a period of time.

= A doughnut chart is essentially similar to a pie chart but can contain more data than the latter and can therefore have multiple rings.

= A bar chart is essentially similar to a column chart, but instead of displaying data vertically, it orients data horizontally.

(a)  

EXAMPLE OF GRAPHICS

(a)  

Try to make a real-life photograph into GIF to see the difference between PNG, GIF, and JPEG. Knowing the purpose is the key to finding out the best file format.

(a)  

A camera with 12 megapixels constitutes to a bigger image size. Monitors have a resolution limit, so even if you have a million megapixels, it will not display everything.

(a)  

Remember to put a caption on images whenever possible. If it is not related to the web page, then remove it.

(a)  

are used to show changes or progress over time

(a)  

are used to show small sets of numerical data in proportions of a whole figure.

(a)  

are used for data that adjust constantly over a period of time.

(a)  

is essentially similar to a pie chart but can contain more data than the latter and can therefore have multiple rings.

(a)  

Is essentially similar to a column chart, but instead of displaying data vertically, it orients data horizontally.

(a)