Empowerment Technologies - Imaging and Designing for Online Environment

jerickson chua
26 Oct 202227:46

Summary

TLDRIn this lesson, Sergio Erickson from Empowerment Technologies covers the fundamentals of graphic design and infographic creation for online environments. Key design elements like point, line, shape, color, and space are defined, and their roles in crafting visually appealing layouts are discussed. The video also explores the principles of balance, emphasis, movement, pattern, rhythm, proportion, and variety in graphic design. Erickson highlights Google's homepage as an example of effective use of space and balance. The tutorial continues with a guide on creating infographics using tools like Piktochart, emphasizing the importance of data, design, readability, and shareability. Finally, the instructor touches on various online image file formats and image hosting platforms, concluding with a quote from Scott Adams about creativity and design.

Takeaways

  • 🙏 The session begins with a prayer, emphasizing the spiritual aspect of the gathering.
  • 🎨 The lesson focuses on design elements like point, line, shape, color, size, texture, and space which are crucial for creating effective graphics and layouts.
  • 🌐 The most visited website in the world is Google, which aims to organize information and make it accessible.
  • 🔍 Google's design prioritizes space, drawing attention to its logo and search function, which contributes to its top ranking.
  • 📐 Shapes carry different meanings: circles imply infinity and harmony, squares represent security and stability, and triangles suggest aggression and energy.
  • 🖌️ Color is significant in design, with RGB being the primary colors for digital displays.
  • 📊 Infographics are a powerful tool for presenting complex data in a visually appealing way, often used by educational institutions and government agencies.
  • 🛠️ Tools like Piktochart allow for the creation of professional-grade infographics with user-friendly interfaces and cloud storage.
  • 🌟 The principles of balance, emphasis, movement, pattern, rhythm, proportion, and variety are essential for effective graphic and layout design.
  • 🌐 Different file formats like JPEG, GIF, and PNG have specific uses and limitations, impacting how images are displayed online.
  • 📚 The lesson concludes with a practical application task, encouraging learners to analyze technology's role in addressing challenges.

Q & A

  • What is the main focus of the 'Empowerment Technologies' session led by Sergio Erickson?

    -The session focuses on understanding and applying the principles of graphic design and layout, particularly in the context of creating effective online content and infographics.

  • What are the key terms discussed in the lesson?

    -The key terms discussed are point, line, shape, color, size, texture, and the principles of graphics and layout, as well as infographics.

  • What is the most visited website in the world according to the transcript?

    -The most visited website in the world is Google, which aims to organize the world's information and make it universally accessible and useful.

  • What elements of design does the lesson discuss?

    -The lesson discusses elements of design such as point, line, shape, form, texture, color, value, and space.

  • What is the significance of space in design according to the transcript?

    -Space in design refers to the area that acts as a visual container, drawing attention to other visual elements in a layout. An example provided is Google's homepage, which maximizes the use of space to draw attention to the logo and search option.

  • What are the three basic types of shapes mentioned in the lesson?

    -The three basic types of shapes are geometric shapes (like triangle, square, rectangle, and circle), natural shapes (such as animals and plants), and abstract shapes (seen in icons, stylized figures, and graphic illustrations).

  • What is the role of color in design as discussed in the session?

    -Color in design is crucial for creating emphasis and can dramatically change the design. It is produced by objects that reflect light and is important for creating presentations and enhancing visual appeal.

  • What are the basic principles of graphics and layout outlined in the transcript?

    -The basic principles of graphics and layout outlined are balance, emphasis, movement, pattern repetition, rhythm, proportion, and variety.

  • What is an infographic and why are they used?

    -An infographic is a visual representation of statistical data or knowledge in a graphical manner, often creatively designed to attract viewers' attention. They are used to make complex data more visually appealing and easier to understand.

  • What are the elements that an effective infographic should have according to the lesson?

    -An effective infographic should have reliable and timely data, a uniform theme with consistent color and font, readability, a clear story, a solution to a problem, cleverness, and shareability.

  • What is the purpose of the tool 'Pictochart' mentioned in the transcript?

    -Pictochart is a tool used to create professional-grade infographics with features like a simplified user interface, preset templates, high-resolution downloads, and cloud storage for easy access and sharing.

  • What are the different online image file formats mentioned, and what are their uses?

    -The different online image file formats mentioned are JPEG (for real-life photographs and high compression), GIF (for computer-generated graphics with transparency and animation support), and PNG (for screenshots and high compatibility with transparency support but no animation).

Outlines

00:00

🙏 Introduction to Empowerment Technologies

Sergio Erickson starts the session with a prayer and introduces the topic of the day: imaging and designing for the online environment. The lesson focuses on graphic and layout design principles, including point, line, shape, color, size, texture, and the use of infographics. The learning objectives are to understand graphic principles, create infographics using web tools, understand various file formats for web use, and manipulate images with simple editors. The most visited website in the world is revealed to be Google, which leads to a discussion on why Google ranks number one despite competition.

05:01

🎨 Elements of Design and Art

This section delves into the elements of design and art, such as point, line, shape, form, texture, color, value, and space. It explains the significance of each element, including how points establish visual focus, lines are created by connecting points, and space provides a visual container. The use of Google's homepage as an example of effective space utilization is highlighted. The paragraph also discusses the meaning of different shapes and the importance of color in design, including the RGB color model for digital displays.

10:03

📊 Principles of Graphics and Layout

The paragraph discusses the basic principles of graphics and layout, emphasizing the importance of balance, emphasis, movement, pattern repetition, rhythm, proportion, and variety. Each principle is explained with examples, such as how Google uses a balanced layout and emphasizes its logo. The concept of balance can be symmetrical or asymmetrical, and movement guides the viewer's eyes around the screen. Pattern repetition and rhythm create a sense of organized movement, while proportion ensures that elements relate well with one another, and variety draws the viewer's attention using multiple design elements.

15:03

📈 Creating Infographics

Infographics are introduced as a way to represent statistical data or knowledge in a visually appealing manner. The elements of infographics include reliable and timely data, a uniform design theme, readability, a story, and shareability. Common types of infographics are listed, such as visual articles, flowcharts, timelines, lists, comparisons, data visualization, and maps. The paragraph also provides an example of how to create infographics using an online tool called Pick Chart, which offers features like simplified user interface, preset templates, high-resolution downloads, and cloud storage.

20:05

🖼️ Using Pictochart for Infographics

This section provides a tutorial on how to create visual projects using Pictochart, emphasizing its user-friendly interface, preset templates, and high-resolution download options. It explains how to customize templates, add charts, maps, and other elements, and change text and colors to fit one's needs. The paragraph also discusses how to share or publish the created infographics through various methods, such as email attachments, embedding on websites, or sharing on social media.

25:06

🌐 Online Image File Formats and Sharing

The final paragraph covers different online image file formats like JPEG, GIF, and PNG, explaining their features and uses. It also touches on the importance of considering bandwidth limits when uploading and sharing images over the Internet. The paragraph lists various image hosting platforms such as Instagram, Imgur, Google Photos, Photobucket, and Flickr. The summary concludes with a reminder to keep designs simple and to understand the discussed concepts for creating effective infographics.

📝 Conclusion and Assignment

The session concludes with a quote by Scott Adams about creativity and design, emphasizing the importance of understanding the concepts discussed to create good infographics. The audience is reminded of the lesson's learning objectives and is assigned an activity to identify challenges, the technology used to address them, and how technology empowers individuals, as outlined in provided articles.

Mindmap

Keywords

💡Point

A point in design is a fundamental element that is essentially a dot, establishing a position and acting as a visual focus. In the context of the video, points are the building blocks for creating lines and shapes in graphic design. For instance, the script mentions that connecting two or more points can create a line, which is a foundational concept in design.

💡Line

A line in design is created by connecting one point to another, and it can extend in a specific direction. It is a basic component used to construct more complex shapes and layouts. The video script illustrates this by discussing how lines help in defining the structure of a design and can guide the viewer's eye through a layout.

💡Space

Space in design refers to the area that acts as a visual container, drawing attention to other visual elements. The script uses Google's homepage as an example of effective use of space, where the clean layout with the logo and search box maximizes the purpose of space, drawing the user's attention to the key elements of the page.

💡Shape

A shape in design is a combination of lines, points, and space that helps define the mood of a graphic. Each shape has its own meaning and can convey different messages. The video explains various shapes like circles, squares, and triangles, and their associated meanings, such as circles representing infinity, harmony, and perfection.

💡Color

Color is a critical aspect of design that can dramatically change the feel of a design. Colors are produced by objects reflecting light, and they can be used to emphasize elements or create images. The script mentions RGB as the primary colors for digital displays, highlighting the importance of color in creating visual presentations and designs.

💡Texture

Texture in design refers to the look or feel of a surface, and it can be a crucial element in creating a realistic or tactile feel to a digital design. The script notes that printed patterns are a type of visual texture, suggesting that texture can add depth and realism to a two-dimensional design.

💡Balance

Balance in design is about the even distribution of visual elements such as objects, texture, colors, and space across a layout. The video discusses how balance can be symmetrical or asymmetrical and is crucial for creating a harmonious and visually appealing design. It also suggests checking a website for balance to ensure a professional and organized look.

💡Emphasis

Emphasis in design is used to draw attention to a particular area that may stand out in size, texture, shape, or color. The script uses Google's logo placement as an example of emphasis, where the logo is centered to attract the viewer's attention and emphasize the website's theme.

💡Movement

Movement in design refers to the visual flow that guides the viewer's eyes around the screen. The video script provides an example of movement where the viewer's eye is directed from one side of the screen to the other, creating a sense of dynamic interaction with the layout.

💡Pattern

A pattern in design is a repeating visual element that creates unity in a layout. The script differentiates between pattern and repetition, explaining that while a pattern is a repeated element, repetition involves the consistent use of a particular design element throughout a layout to create a rhythm or organized movement.

💡Proportion

Proportion in design is about the relationship in size between different elements in a design, creating a sense of unity. The video uses the Fibonacci sequence as an example of proportion in web design, suggesting that using mathematical proportions can make a design more aesthetically pleasing and harmonious.

💡Infographics

Infographics are graphical representations of data or knowledge, often presented in a creative manner to attract viewers. The script explains that infographics make complex data more visually appealing and easier to understand. It also outlines the elements of infographics, such as having reliable data, a uniform design, and a clear message that is shareable.

Highlights

Introduction to the session by Sergio Erickson, emphasizing the importance of prayer and the presence of the Lord.

The session focuses on learning how to create effective PowerPoint presentations and graphic design principles.

Key terms introduced: point, line, space, shape, color, size, texture, and principles of graphics, layout, and infographics.

Learning objectives include understanding graphics principles, creating simple infographics, using file formats, and manipulating images.

Google is identified as the most visited website in the world, sparking a discussion on its success over other search engines.

Elements of design discussed: point, line, shape, form, texture, color, value, and space.

The significance of space in design is highlighted, using Google's homepage as an example of effective use of space.

Shape's role in defining mood in graphic design and the meanings associated with different shapes are explained.

Color's importance in design is discussed, including the RGB model for digital displays.

The basic principles of graphics and layout are introduced: balance, emphasis, movement, pattern, repetition, rhythm, proportion, and variety.

Infographics are defined and their elements, such as reliable data, design, readability, and story, are outlined.

The use of infographics in presenting complex data in an appealing way is emphasized.

Different types of infographics, including visual articles, flowcharts, timelines, and data visualization, are presented.

A tutorial on creating infographics using Picktochart, highlighting its features and ease of use.

Discussion on different online image file formats: JPEG, GIF, and PNG, including their uses and limitations.

The importance of bandwidth limits in uploading and sharing photos over the Internet is explained.

Recommendations for image hosting platforms like Instagram, Imgur, Google Photos, Photobucket, and Flickr.

Summary of the session, reinforcing the principles of graphics and layout and the use of infographics.

A quote by Scott Adams on creativity and design is shared as a takeaway for the audience.

Assignment for the audience to analyze a challenge or problem, the technology used to address it, and its empowerment impact.

Transcripts

play00:01

foreign

play00:13

good day everyone I am Sergio Erickson

play00:16

estua and welcome to empowerment

play00:18

Technologies

play00:20

so before we start our session for today

play00:22

may I request all of you to please bow

play00:24

your head as we fill the presence of Our

play00:27

Lord through this prayer in the name of

play00:29

the father and of the son and of the

play00:31

holy spirit amen

play00:35

foreign

play00:37

[Music]

play01:05

foreign

play01:10

[Music]

play01:34

foreign

play01:41

[Music]

play01:42

page is like creating a work of art

play01:45

there are certain things that you need

play01:47

to consider in order to get your message

play01:49

across in the previous lesson we have

play01:52

learned how to create an effective

play01:54

PowerPoint presentation and some of

play01:57

those tips can help you in your graphics

play01:59

and layout design

play02:01

so for today's lesson we're going to

play02:03

discuss Imaging and designing for online

play02:05

environment

play02:07

our key terms are as follows we have

play02:10

point line and space shape color size

play02:14

texture we have the principles of

play02:16

graphics and layout and infographics

play02:20

so our learning objectives are as

play02:22

follows at the end of the lesson you

play02:24

should be able to First understand the

play02:26

basic principles of Graphics in layout

play02:28

second create simple infographic using

play02:31

web tools third you need to understand

play02:33

and use several file formats you use on

play02:35

web and the fourth one we're going to

play02:37

manipulate images using simple image

play02:41

editors

play02:43

okay so it says here we have a question

play02:47

what is the most visited website in the

play02:50

world

play02:51

so it's not Facebook or Twitter but its

play02:53

mission statement is to organize the

play02:55

world's information and make it

play02:57

universally accessible and useful so the

play03:00

answer is Google

play03:04

so according to alexa.com in December

play03:07

2015 which is a renowned website for

play03:09

ranking web page popularity it runs this

play03:13

website number one in the world so why

play03:16

do you think Google ranks number one

play03:18

despite the contest search engines and

play03:20

websites in the internet okay so you

play03:23

need to answer this after our discussion

play03:27

foreign

play03:29

so here are the elements of design we

play03:31

have point line shape form texture color

play03:36

value and space

play03:39

and here are the seven elements of art

play03:41

we have line shape form space texture

play03:45

value and color

play03:48

so let's define the different elements

play03:50

of art so the first one is we have your

play03:54

point so this is simply a DOT and it

play03:56

establishes a position in acts as a

play03:59

visual Focus so we have here several

play04:02

examples of points okay and if we

play04:06

connect two or more points we can create

play04:08

a line so this is your first point and

play04:11

second point and then we can just create

play04:13

a line okay okay and using that it

play04:17

begins by extending one point towards a

play04:20

specific Direction okay next we also

play04:23

have what we call space so this is an

play04:27

area which refers to the surface that

play04:30

acts as a visual container or drawing

play04:32

that gives you an attention to other

play04:35

visual elements in a layout so one good

play04:39

example of

play04:41

good use of space is on Google as you

play04:44

can see when you type in www.google.com

play04:47

you can just see the logo and then we

play04:50

have here text box and the search option

play04:52

that's how you just see uh your Google

play04:54

website and they really maximize the

play04:57

purpose of space so that it draws

play04:59

attention to the

play05:01

um

play05:02

the logo of that particular website

play05:07

next is shape so this is an element of

play05:09

design which is a combination of lines

play05:12

points and space so it helps to define

play05:15

the mood of your graphic design and each

play05:18

of this particular shape has its own

play05:20

meaning

play05:22

Okay so

play05:25

here are some meanings of the different

play05:27

shapes it can be Circle which means it

play05:31

it implies Infinity Harmony and

play05:33

Perfection and the insights such as

play05:35

protection and endurance first Square

play05:38

um it presents security and stability

play05:40

and it illustrates strong character

play05:42

firmness and protection and for triangle

play05:45

it presents aggression and energy and it

play05:48

illustrates illustrates progression in

play05:50

Direction okay so these are some of the

play05:53

definitions of the different shapes

play05:57

okay and there are three basic types of

play06:00

shapes we have here geometry which such

play06:03

as Triangle Square rectangle in circle

play06:05

we have natural shapes just as the

play06:07

animals and plants and we also have

play06:09

abstract

play06:10

which can be seen on icons stylized

play06:13

figures and graphic illustrations

play06:17

so color is also an important aspect of

play06:21

um

play06:22

design key or art so all colors come

play06:25

from Pure light a color is produced by

play06:27

an object that reflects lights and color

play06:29

can produce dramatic changes in the

play06:31

design when it is used to emphasize

play06:34

things or create images and color is

play06:37

also very important in creating some

play06:39

presentations as we have discussed in

play06:42

our PowerPoint lesson so we have here

play06:45

the primary colors for a digital

play06:49

a digital displays we have the RGB or

play06:52

red queen and blue okay so this is the

play06:56

primary colors for digital displays

play07:00

okay so aside from that uh we also need

play07:04

to understand the size of your

play07:07

um art okay so size refers to how large

play07:10

or small something is in the document

play07:12

and it allows you or helps you to create

play07:15

layout more attractive and organized

play07:17

texture is also important because it

play07:20

presents a look or feel of the

play07:22

particular surface and printed patterns

play07:24

are a type of visual texture

play07:29

okay so let's proceed to uh basic

play07:32

principles of graphics and layout so

play07:34

creating a web page is like creating a

play07:37

work of art okay so we need to

play07:40

understand this because it allows us to

play07:43

understand how we can create later on

play07:46

infographics okay so the first one that

play07:48

we need to understand is about balance

play07:50

so when we say balance this is the

play07:52

visual read of objects texture colors

play07:55

and space that is evenly distributed on

play07:58

the screen when visiting a website check

play08:01

if one site holds the same amount of

play08:03

weight on the other because

play08:06

um

play08:08

uh this can suggest that the web page is

play08:11

on balance procession and you should

play08:14

also check the colors

play08:16

um it has also some visual way okay so

play08:20

balance can either be symmetric or

play08:23

asymmetrical okay so these are examples

play08:26

of balance as you can see this is a

play08:28

perfect symmetry another example of

play08:31

balance where you can just see here

play08:33

pictures and on the other eyesight is

play08:35

onwards so this is an example of

play08:38

asymmetrical balance

play08:41

foreign

play08:43

next is on emphasis so when we say

play08:46

emphasis this is an area in design that

play08:48

may appear different in size texture

play08:51

shape or color to attract the viewer's

play08:54

attention so similar with Google so they

play08:57

just use the logo that is placed on the

play09:00

center of the website so it emphasizes

play09:04

the theme of the website okay so here is

play09:08

an example of emphasis where they use

play09:10

the

play09:12

color red okay to make an emphasis and

play09:16

it is the letter is larger compared to

play09:19

the other text another example of

play09:22

emphasis is this one

play09:26

next is movement so when we say movement

play09:29

um this presents a visual element that

play09:31

guides the viewer's eyes around the

play09:33

screen okay so with this particular

play09:36

example as you can see the movement goes

play09:39

to the left side of your screen okay and

play09:41

this type of image

play09:44

um the movement is going around okay

play09:47

because you if you want to see the

play09:49

information one by one okay or the image

play09:51

one by one you just need to go around

play09:53

the picture so that's an example of

play09:56

movement

play09:57

next is pattern repetition and Rhythm so

play10:00

this is an example of repeating visual

play10:02

element in an image or layout to create

play10:05

a Unity

play10:07

in the late Outer Image so rhythm is

play10:10

achieved when visual elements create a

play10:12

sense of organized movement so let's try

play10:14

to differentiate the T so this is an

play10:16

example of a pattern so we have a

play10:21

bigger line and this is a smaller line

play10:25

okay and this is an example of that

play10:29

pattern okay for the repetition as you

play10:31

can see this is an example of a shape

play10:35

hexagon and it uses uh that particular

play10:40

shape to create this particular

play10:42

repetition pattern okay and this a

play10:46

particular example it creates a rhythm

play10:48

because as you can see it creates an

play10:50

organized movement

play10:52

okay

play10:54

next we also have here a proportion so

play10:57

proportion is also important in creating

play11:00

web pages and even infographic posters

play11:03

because this allows you to have your

play11:06

elements create a sense of unity where

play11:09

they can relate well with one another

play11:11

Okay so

play11:14

um this type of

play11:16

um

play11:16

shape is what we call Fibonacci and

play11:19

Fibonacci is used in mathematics okay so

play11:24

um using this Fibonacci um

play11:27

uh style this allows you to have a

play11:32

visual proportion in your

play11:35

websites okay a good example of having

play11:38

good proportion is your Facebook page so

play11:42

on your Facebook uh you can see the uh

play11:45

features on the left side of your page

play11:48

and then the timeline is placed inside

play11:51

here uh on this particular example which

play11:54

is Twitter the information is placed

play11:57

here and then the timeline is placed

play11:59

here using the Fibonacci so

play12:02

um Fibonacci as you can see here uh it's

play12:05

like one part of the side of that

play12:08

particular website is for other

play12:10

information and the majority of the

play12:13

content should be placed on the other

play12:15

side

play12:17

okay and next we have variety so this is

play12:21

on the use of several Design Elements to

play12:24

draw the viewer's attention so here are

play12:27

examples of variety okay so here uh this

play12:30

is a combination of the different basic

play12:32

principles of graphics and they are so

play12:34

I'll give you an example this is on

play12:36

emphasis we can also see here some

play12:39

patterns okay

play12:41

um it can also be an example of

play12:45

repetition as you can see here okay and

play12:49

the like so that's a combination of

play12:51

different principles on this one we can

play12:54

see that it can present i a

play12:58

you can present proportion okay because

play13:02

um if you divide this this is bigger

play13:04

compared to this one and this can also

play13:06

be on emphasis okay

play13:10

that's an example of this okay

play13:13

next

play13:14

okay so let's proceed to infographics so

play13:17

when we say infographics these are

play13:19

information

play13:21

that are used to represent

play13:24

um statistical data or knowledge in a

play13:26

graphical Manner and is usually in a

play13:28

creative way to attract the viewer's

play13:30

attention and nowadays

play13:33

um

play13:34

majority of the different schools and

play13:37

different government agencies now use

play13:39

infographics to present different datas

play13:43

and information or even announcement to

play13:46

the people okay so it makes a complex

play13:49

data become more visually appealing to

play13:51

an average user

play13:54

so here are the elements of infographics

play13:56

it should have data which is reliable

play13:59

timely and have timely content it should

play14:03

have a design in which it should have a

play14:06

uniform theme color font and it should

play14:09

be readable it should have a story okay

play14:13

okay it presents a solution to other

play14:16

problem it should be clever okay and it

play14:20

should have a message and shareability

play14:22

meaning you can just

play14:27

share this to the viewers and so that

play14:30

the viewers can understand it much

play14:32

easier

play14:34

so here are the common types of

play14:35

infographics we have the visual article

play14:38

we have the flowchart as seen here we

play14:41

have timelines lists number love versus

play14:45

comparison data visualization and maps

play14:51

so this is an example of an infographics

play14:53

as you can see this is a combination of

play14:56

different pngs or um we have your icons

play15:00

and then the information as your space

play15:02

beside it okay so that's how infographic

play15:06

Works another example of infographic are

play15:09

used in RDR okay so we have

play15:15

um the things to do when there is a

play15:18

flood before during and before after and

play15:22

if there is an earthquake what should we

play15:24

do before during and after so example uh

play15:28

during an earthquake we need to drop

play15:29

cover and hold okay so using this a

play15:32

simple information in graphics we can

play15:34

understand

play15:35

much easier okay compared if you just um

play15:40

please here just uh words okay another

play15:43

example are as follows

play15:45

um

play15:46

uh what to do during a hurricane before

play15:49

during and after and so on Okay so

play15:55

how do we create infographic using pick

play15:57

the chart so here are some features of

play16:00

it um it has a simplified user interface

play16:03

it uh it has preset templates and

play16:06

Graphics that you can use

play16:08

it has a high resolution for downloads

play16:12

especially if you download it as an

play16:14

image

play16:15

in jpeg file and it has a professional

play16:18

grade infographics okay and the good

play16:20

thing about picture chart is it allows

play16:23

you to have this what we call cloud

play16:25

storage in which you can just save the

play16:28

file on the web and then you can just

play16:30

access it whenever you have your

play16:32

internet connection okay so to further

play16:35

understand how pictosart works and how

play16:37

to use it we just need to watch this

play16:40

video

play16:43

creating a visual project in picture

play16:45

chart is super easy no matter what your

play16:47

role is just watch and we'll show you

play16:51

this is your picture chart account

play16:53

when you log in the first thing you'll

play16:55

see is a templates dashboard

play16:57

this is where you'll select a previously

play16:58

saved project or create a new project by

play17:01

choosing a template format on the left

play17:03

side of the screen either infographic

play17:05

presentation or printables just search

play17:08

or scroll down and browse through the

play17:10

templates list clicking preview on

play17:12

templates that you think you'll like

play17:13

until you find exactly the one you want

play17:15

to use if you want a sharp lookout for

play17:17

structure or layout think roadmaps

play17:20

comparisons lists Etc let's go ahead and

play17:23

select this template called startup

play17:25

basic just click create to start editing

play17:27

your template

play17:29

once you're situated in the picture

play17:30

editor you'll see that it'll be super

play17:33

easy to customize your chosen template

play17:35

the formatting is already taken care of

play17:37

for you

play17:38

just need to go in and change text to

play17:40

fit your needs and change colors on the

play17:42

canvas using your color palette or your

play17:44

own hex values

play17:46

you can even use a photo and set it as a

play17:48

background too

play17:50

changing up a template is exactly how

play17:52

you'll turn one of our templates into

play17:53

your own creation

play17:55

while charts are certainly an option

play17:57

let's go ahead and add a map in the next

play17:59

block and repurpose it by changing the

play18:02

percentages and the text description

play18:03

next to it

play18:09

foreign

play18:14

[Music]

play18:24

[Music]

play18:29

let's scroll down to the next block here

play18:32

you can see that the basic design and

play18:34

simple layout and spacing is already

play18:36

done for you all you need to do is once

play18:38

again change the text maybe add some

play18:40

hyperlinks to outside articles or videos

play18:42

delete the current icons and add icons

play18:45

and photos of your own choosing

play18:47

you don't find Icons or photos that you

play18:49

want from our library

play18:51

there's no need to worry

play18:53

you can easily upload your own images

play18:55

brand logos and icons here by clicking

play18:58

on the upload section

play19:00

you can see that you're quickly changing

play19:01

this template to reflect the exact

play19:03

project we're going for

play19:08

let's go ahead and clone this block to

play19:11

add to our project

play19:18

[Music]

play19:20

foreign

play19:21

remember to hold shift when clicking to

play19:24

select two or more elements on the

play19:25

canvas and finally our tools are

play19:28

intended to provide data visualizations

play19:30

to back up whatever story you're trying

play19:31

to tell here in our charts feature all

play19:34

you need to do is simply plug in or

play19:36

import your data

play19:37

Choose Your Chart format and off you go

play19:42

[Music]

play19:54

foreign

play19:58

you can choose many variations of charts

play20:00

like this icon Matrix where you can

play20:02

portray your data with an icon of your

play20:04

choosing

play20:06

you'll notice that if you're using

play20:07

picture chart right everything should be

play20:09

falling into place with relative ease

play20:11

and speed and that the changes you're

play20:13

making are pretty straightforward and

play20:14

clear because you're using our templates

play20:16

to your advantage our editor does a

play20:19

creative work for you all you have to do

play20:21

is customize our templates for your

play20:23

needs

play20:24

once you're done making edits to your

play20:26

project there are a few things you can

play20:28

do with it

play20:29

first you can make an exact copy of your

play20:31

project by clicking save as so that you

play20:33

can work on another variation of it in

play20:35

the future

play20:36

you can also download your project as an

play20:39

image or PDF and share those as

play20:41

attachments in email or print them from

play20:43

your desktop

play20:44

or you can publish your project by

play20:46

clicking on the share button publishing

play20:49

your project will give your audience

play20:50

permission to see your project no matter

play20:52

how you share it

play20:54

give them the custom link

play20:57

embed your project on your website or

play20:59

blog directly share it with someone

play21:01

using a pictocard or if it's for

play21:04

everyone to see share it with your

play21:06

social media followers on Twitter

play21:08

Facebook Google Plus or Pinterest what

play21:11

will happen is when your audience clicks

play21:13

on your shared link they'll be taken

play21:15

straight to the project

play21:17

they'll then be able to view your

play21:18

project interact with it and leave

play21:20

comments as well

play21:23

if I were conducting a live webinar or

play21:25

in-person presentation I could also hop

play21:27

into a picture presentation mode and

play21:30

flip through each block as if they were

play21:31

slides

play21:32

there's plenty more to learn about

play21:34

picked a chart and creating visual

play21:36

projects so play around and have some

play21:38

Picto fun we're always here to help and

play21:40

willing to answer any questions you may

play21:42

have so Jump Right In and get started

play21:44

with creating your project thanks and

play21:46

happy picture charting

play21:49

so let's proceed to the different online

play21:51

image file formats so that when you will

play21:54

be creating your infographics and

play21:56

exporting it here are some of the

play21:59

features on each of the file type so the

play22:02

first one is join photographic experts

play22:04

group or also known as your jpeg so the

play22:06

use of it is for Real Life photographs

play22:08

and high compressions so the downside of

play22:12

this jpeg is it doesn't support

play22:14

transparency and doesn't support

play22:17

animation next is your GIF or Graphics

play22:20

interchange format so this is a computer

play22:22

generated Graphics it has transparency

play22:25

and it can support some animation

play22:28

next is your ping or PNG so this is used

play22:31

for screenshots and high compatibility

play22:33

it has transparency properties but it

play22:37

doesn't support sound animation

play22:41

so how do we insert upload and share

play22:43

photos over the Internet okay so in this

play22:47

case we just need an image hosting

play22:49

applications and there are a lot of

play22:51

hosting applications that we can use

play22:53

especially in posting some images in

play22:56

most of the social media that we use we

play23:00

can use it to upload our images and

play23:03

videos okay and just present it to that

play23:05

to our friends on those particular

play23:08

social media and image hosts are website

play23:11

specializing in storing photographs and

play23:14

these photographs can be easily be

play23:15

embedded to a web page or a website

play23:19

so uh one of the things that we need to

play23:23

consider in inserting uploading and

play23:25

sharing photos is what we call bandwidth

play23:29

limits because it hinders and access to

play23:31

your image once a certain magic quota is

play23:33

reach which is all

play23:36

um already measured by megabyte and

play23:39

gigabyte so Dakota is

play23:42

an example of

play23:44

the limit that a website can can be

play23:49

accessed for that particular time so

play23:51

when this is reached

play23:54

um a lot of people have loaded the

play23:55

images using their own computers on a

play23:58

certain amount of time and usually a

play24:01

hotel can be on a monthly basis

play24:06

foreign so here are some image hosting

play24:09

platforms that you can use or you can

play24:11

upload some photos of we have Instagram

play24:14

okay we have Imgur we have Google photos

play24:18

we have photo bucket and we have Flickr

play24:21

as uh as the image hosting applications

play24:25

that we can use and on Google photos you

play24:28

can use this as a means for backup

play24:31

pictures because it provides you some

play24:36

gigabytes okay to to store your images

play24:42

okay so in summary of our discussions we

play24:45

have the basic principles of graphics

play24:47

and layout which includes violence

play24:49

emphasis movement pattern repetition

play24:51

Rhythm proportion and variety and

play24:54

infographics is used to represent

play24:56

information that is statistical or

play24:59

knowledge in a graphical manner

play25:03

okay so for our code of the day

play25:05

creativity is allowing yourself to make

play25:07

mistakes and design is knowing which

play25:10

ones to keep this is according to Scott

play25:12

Adams and in order for us to create a

play25:16

very good infographic is we need to

play25:17

understand all the concepts that we have

play25:19

discussed under this particular lesson

play25:22

and just like in PowerPoint presentation

play25:26

we need to keep it simple

play25:30

so for our practice what you're going to

play25:33

do is to answer Activity three of our

play25:37

subject

play25:38

um which is a title situation and

play25:41

Analysis so you are tasked to identify a

play25:44

challenge or a problem the technology

play25:46

used to address the challenge and how

play25:49

the technology empower the individuals

play25:51

involved in the different articles that

play25:53

will be given to you on your activity

play25:56

sheet so you need to answer this on your

play26:00

activity later on

play26:05

thank you for watching and I hope that

play26:07

you have learned many things from our

play26:09

discussion see you on our next lesson

play26:12

keep safe and God bless

play26:16

[Music]

play26:39

foreign

play26:47

[Music]

play27:27

thank you

play27:29

[Music]

Rate This

5.0 / 5 (0 votes)

الوسوم ذات الصلة
Graphic DesignInfographicsWeb LayoutDesign ElementsOnline ToolsImage FormatsWeb OptimizationVisual CommunicationDesign PrinciplesContent Creation
هل تحتاج إلى تلخيص باللغة الإنجليزية؟