Basic principles of graphic and layout.pptx

Catalino Yanos Jr.
Catalino Yanos Jr.Student at Isabela Colleges
Basic principles of graphic and layout.pptx
The term “infographic” is a short term
for information graphics, which refers to
an image that combines information,
storytelling, and perceptions that help
the cause of an individul or an
institution to communicate a message to
viewers.
By creating a catchy and atrractive
infographic, one can effectively
communicate a message to viewers.
The most basic of all the element
Can define the characteristics of an infographic
Can form shapes that can catch the attention of a viewer
They can be sharp, be made upon of broken lines, and fine
or thick lines, and create different impression to viewers.
Group of lines can also create patterns or shapes.
Shapes are universal symbols that do not require
language, but they can give a specific meaning regardless
of the background and ethnically of the viewer.
One of the powerful and influential elements in an
infographic.
Using the right combination colors can catch the
attention of a passerby or even glancing viewers.
Combinig colors and having a good command on
color mixtures and combinations can catch the
attention of viewers
Warm colors that can easily attract
attention
Red
orange
yellow
Soft/Cool colors
Blue
Green
violet
indigo
Enclosure created by a combination of
multiple lines
Shapes express different psychological
influence on the audience especially
when combined with different colors
Basic principles of graphic and layout.pptx
Describe the placements of elements,
shapes, or lines throughout the image.
Humans are always looking for balance
A proper balance in your creations will
produce an effective relationship with
your work and the viewer
Formal balance
When object are placed
symmetrically and are property
distributed
Informal Balance
Includes a nonsymmetrical
distribution of elements but is
compensated in different aspects
such as colors and line
Arrangement of elements in an image may be
done by combining elements with different
properties and characteristics.
When all of the elements seem to be a
singular element in unison
This makes the design pleasing to the
viewers
This is the correlation of all the elements
with one another
The practice of having proportion among the
elements ensure balance and unity
Describes the product of having the
elements placed in harmony with one
another.
Rhythm can be done by using patterns
and by repeating various element
Basic principles of graphic and layout.pptx
JPEG
JOINT PHOTOGRAPHIC EXPERTS
GROUP
TIFF
TAGGED IMAGE FILE FORMAT
GIF
GRAPHICS INTERCHANGE FORMAT
PNG
JOINT PHOTOGRAPHIC EXPERTS GROUP
This is compression method that complies with the
JPEG File Interchange Format (JFIF) .
This format applies a “lossy” compression method
to image files, which means that a huge number of
pixels are lost or discarded in storing the image.
The information is not lost, however, but a great
space for storage is saveds
TAGGED IMAGE FILE FORMAT
This is a less common file format supported by web
browsers.
This file format can use either the lossless or the
lossy compression method
GRAPHICS INTERCHANGE FORMAT
This is a popular file format for storing graphical
image with fewer colors.
This file format suppports 256 colors only
GIF compression method uses lossless compression
techniques
PORTABLE NETWORK GRAPHICS
Intention for the creation of this file format is to be
a free and open source substitute for GIF
This file format is expected to be fully compatible
with online applications.
This is a loseless compression method; thus, it is
also used in editing applications
1 de 19

Recomendados

Basic principles of_graphics_and_layout por
Basic principles of_graphics_and_layoutBasic principles of_graphics_and_layout
Basic principles of_graphics_and_layoutmarvinguisihan
277 visualizações6 slides
Presentation1 por
Presentation1Presentation1
Presentation1daqueenglee
347 visualizações6 slides
Imaging and design for the online environment (empowermwnt technologies) por
Imaging and design for the online environment (empowermwnt technologies)Imaging and design for the online environment (empowermwnt technologies)
Imaging and design for the online environment (empowermwnt technologies)EricaVS
1.7K visualizações18 slides
Lesson 5 Manipulating Text, Graphics, and Images por
Lesson 5 Manipulating Text, Graphics, and ImagesLesson 5 Manipulating Text, Graphics, and Images
Lesson 5 Manipulating Text, Graphics, and ImagesJuvywen
18.1K visualizações152 slides
VISUAL MEDIA-PRECIOUS.pptx por
VISUAL MEDIA-PRECIOUS.pptxVISUAL MEDIA-PRECIOUS.pptx
VISUAL MEDIA-PRECIOUS.pptxJemaimaNgayyacGuday
8 visualizações25 slides
BMSC1103 Graphics Presentation por
BMSC1103 Graphics PresentationBMSC1103 Graphics Presentation
BMSC1103 Graphics Presentationbs07ymy
430 visualizações10 slides

Mais conteúdo relacionado

Similar a Basic principles of graphic and layout.pptx

The top 10 UI Design Trends for 2016 por
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016Idean France
3.8K visualizações26 slides
L3 cmp technicalfile_ por
L3 cmp technicalfile_L3 cmp technicalfile_
L3 cmp technicalfile_Taikusproductions
180 visualizações14 slides
Graphic files por
Graphic filesGraphic files
Graphic filessettersr
487 visualizações9 slides
Empowerment Technologies - Imaging and Design for the Online Environment por
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentLany Lyn Magdaraog
10.2K visualizações14 slides
Basic design por
Basic designBasic design
Basic designSt Peter Claver College
757 visualizações8 slides
Pattern- report por
Pattern- reportPattern- report
Pattern- reportAlpha Natial
263 visualizações31 slides

Similar a Basic principles of graphic and layout.pptx(20)

The top 10 UI Design Trends for 2016 por Idean France
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016
Idean France3.8K visualizações
L3 cmp technicalfile_ por Taikusproductions
L3 cmp technicalfile_L3 cmp technicalfile_
L3 cmp technicalfile_
Taikusproductions180 visualizações
Graphic files por settersr
Graphic filesGraphic files
Graphic files
settersr487 visualizações
Empowerment Technologies - Imaging and Design for the Online Environment por Lany Lyn Magdaraog
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online Environment
Lany Lyn Magdaraog10.2K visualizações
Pattern- report por Alpha Natial
Pattern- reportPattern- report
Pattern- report
Alpha Natial263 visualizações
Pattern por Alpha Natial
PatternPattern
Pattern
Alpha Natial585 visualizações
Pattern por Alpha Natial
PatternPattern
Pattern
Alpha Natial239 visualizações
Pattern (report) por Alpha Natial
Pattern (report)Pattern (report)
Pattern (report)
Alpha Natial286 visualizações
IMAGE FILE FORMATS por WendelynAchacoso
IMAGE FILE FORMATSIMAGE FILE FORMATS
IMAGE FILE FORMATS
WendelynAchacoso78 visualizações
09 - Creating Infographics for Social Campaings.pdf por JulimarCabaya
09 - Creating Infographics for Social Campaings.pdf09 - Creating Infographics for Social Campaings.pdf
09 - Creating Infographics for Social Campaings.pdf
JulimarCabaya221 visualizações
Principles and elements of design por smizener
Principles and elements of designPrinciples and elements of design
Principles and elements of design
smizener2.2K visualizações
Integrating Images.pptx por gndlsnhscomplab
Integrating Images.pptxIntegrating Images.pptx
Integrating Images.pptx
gndlsnhscomplab20 visualizações
Integrating images and external material por liezl maranguit
Integrating images and external materialIntegrating images and external material
Integrating images and external material
liezl maranguit31.9K visualizações
How To Create Effective Visuals por ferhat3884
How To Create Effective VisualsHow To Create Effective Visuals
How To Create Effective Visuals
ferhat3884352 visualizações
How to-create-5-fabulous-infographics-v4 por www.makedigitalwork.com
How to-create-5-fabulous-infographics-v4How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4
www.makedigitalwork.com434 visualizações
Principles of Design por melissamieyr
Principles of DesignPrinciples of Design
Principles of Design
melissamieyr829 visualizações
Day 3 Compose Camp Material Design.pptx por ShayantaniKar
Day 3 Compose Camp Material Design.pptxDay 3 Compose Camp Material Design.pptx
Day 3 Compose Camp Material Design.pptx
ShayantaniKar19 visualizações
Technical File por WanderingHalle
Technical File Technical File
Technical File
WanderingHalle353 visualizações
Blackboard Courses tools and layout por Abdel-Fattah Adel
Blackboard Courses tools and layoutBlackboard Courses tools and layout
Blackboard Courses tools and layout
Abdel-Fattah Adel207 visualizações

Mais de Catalino Yanos Jr.

Analytics and Maintenance of ICT Projects.pptx por
Analytics and Maintenance of ICT Projects.pptxAnalytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptxCatalino Yanos Jr.
12 visualizações17 slides
ICT and Social Responsibility.pptx por
ICT and Social Responsibility.pptxICT and Social Responsibility.pptx
ICT and Social Responsibility.pptxCatalino Yanos Jr.
8 visualizações20 slides
text media and information language.pptx por
text media and information language.pptxtext media and information language.pptx
text media and information language.pptxCatalino Yanos Jr.
41 visualizações65 slides
Multimedia and ict.pptx por
Multimedia and ict.pptxMultimedia and ict.pptx
Multimedia and ict.pptxCatalino Yanos Jr.
5 visualizações12 slides
PHYICAL FITNESS 3.pptx por
PHYICAL FITNESS 3.pptxPHYICAL FITNESS 3.pptx
PHYICAL FITNESS 3.pptxCatalino Yanos Jr.
3 visualizações15 slides
BARRIERS TO PHYSICAL ACTIVITY.pptx por
BARRIERS TO PHYSICAL ACTIVITY.pptxBARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptxCatalino Yanos Jr.
714 visualizações19 slides

Mais de Catalino Yanos Jr.(6)

Analytics and Maintenance of ICT Projects.pptx por Catalino Yanos Jr.
Analytics and Maintenance of ICT Projects.pptxAnalytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptx
Catalino Yanos Jr.12 visualizações
ICT and Social Responsibility.pptx por Catalino Yanos Jr.
ICT and Social Responsibility.pptxICT and Social Responsibility.pptx
ICT and Social Responsibility.pptx
Catalino Yanos Jr.8 visualizações
text media and information language.pptx por Catalino Yanos Jr.
text media and information language.pptxtext media and information language.pptx
text media and information language.pptx
Catalino Yanos Jr.41 visualizações
Multimedia and ict.pptx por Catalino Yanos Jr.
Multimedia and ict.pptxMultimedia and ict.pptx
Multimedia and ict.pptx
Catalino Yanos Jr.5 visualizações
PHYICAL FITNESS 3.pptx por Catalino Yanos Jr.
PHYICAL FITNESS 3.pptxPHYICAL FITNESS 3.pptx
PHYICAL FITNESS 3.pptx
Catalino Yanos Jr.3 visualizações
BARRIERS TO PHYSICAL ACTIVITY.pptx por Catalino Yanos Jr.
BARRIERS TO PHYSICAL ACTIVITY.pptxBARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptx
Catalino Yanos Jr.714 visualizações

Último

The lion, The Witch, and the Bully por
The lion, The Witch, and the BullyThe lion, The Witch, and the Bully
The lion, The Witch, and the BullyJasonRaymond15
5 visualizações167 slides
WritingDialogNHWP.pptx por
WritingDialogNHWP.pptxWritingDialogNHWP.pptx
WritingDialogNHWP.pptxAine Greaney Ellrott
10 visualizações17 slides
magicsheetv3.pdf por
magicsheetv3.pdfmagicsheetv3.pdf
magicsheetv3.pdfdavisclibby
8 visualizações1 slide
Noah's Ark " art work " por
Noah's Ark " art work "Noah's Ark " art work "
Noah's Ark " art work "Blue Solara
5 visualizações1 slide
Random-Slides-Template.pptx por
Random-Slides-Template.pptxRandom-Slides-Template.pptx
Random-Slides-Template.pptxadarshme05102002
6 visualizações18 slides
Free 3d Animation App por
Free 3d Animation AppFree 3d Animation App
Free 3d Animation Appakashjainh56
10 visualizações11 slides

Último(20)

The lion, The Witch, and the Bully por JasonRaymond15
The lion, The Witch, and the BullyThe lion, The Witch, and the Bully
The lion, The Witch, and the Bully
JasonRaymond155 visualizações
magicsheetv3.pdf por davisclibby
magicsheetv3.pdfmagicsheetv3.pdf
magicsheetv3.pdf
davisclibby8 visualizações
Noah's Ark " art work " por Blue Solara
Noah's Ark " art work "Noah's Ark " art work "
Noah's Ark " art work "
Blue Solara5 visualizações
Random-Slides-Template.pptx por adarshme05102002
Random-Slides-Template.pptxRandom-Slides-Template.pptx
Random-Slides-Template.pptx
adarshme051020026 visualizações
Free 3d Animation App por akashjainh56
Free 3d Animation AppFree 3d Animation App
Free 3d Animation App
akashjainh5610 visualizações
Presentation File (1).pdf por balljay
Presentation File (1).pdfPresentation File (1).pdf
Presentation File (1).pdf
balljay19 visualizações
eng.pdf por SAMRUDDHIWAKDE
eng.pdfeng.pdf
eng.pdf
SAMRUDDHIWAKDE6 visualizações
Elizabeth Hwang- Homer Robber ver.1 por Elizabeth Hwang
Elizabeth Hwang- Homer Robber ver.1Elizabeth Hwang- Homer Robber ver.1
Elizabeth Hwang- Homer Robber ver.1
Elizabeth Hwang17 visualizações
Catalogo-Alltak-Tuning-Online-Ago-2023.pdf por epifanioelias
Catalogo-Alltak-Tuning-Online-Ago-2023.pdfCatalogo-Alltak-Tuning-Online-Ago-2023.pdf
Catalogo-Alltak-Tuning-Online-Ago-2023.pdf
epifanioelias16 visualizações
Black and White Simple Elegant Creative Design Portfolio Presentation.pdf por JasonRuiz27
Black and White Simple Elegant Creative Design Portfolio Presentation.pdfBlack and White Simple Elegant Creative Design Portfolio Presentation.pdf
Black and White Simple Elegant Creative Design Portfolio Presentation.pdf
JasonRuiz2731 visualizações
Christmas with Lisi Martin3 por michaelasanda *
Christmas with Lisi Martin3Christmas with Lisi Martin3
Christmas with Lisi Martin3
michaelasanda *12 visualizações
Joint Pain & Related Diseases.pdf por PhytoAtomy
Joint Pain & Related Diseases.pdfJoint Pain & Related Diseases.pdf
Joint Pain & Related Diseases.pdf
PhytoAtomy6 visualizações
E-Catalog-2023-July-Edit (TeckWrap).pdf por epifanioelias
E-Catalog-2023-July-Edit (TeckWrap).pdfE-Catalog-2023-July-Edit (TeckWrap).pdf
E-Catalog-2023-July-Edit (TeckWrap).pdf
epifanioelias12 visualizações
witch fraud board sequence por LeahAbrams4
witch fraud board sequencewitch fraud board sequence
witch fraud board sequence
LeahAbrams428 visualizações
Ultimo Viaje_Storyboard por FelixOrtega26
Ultimo Viaje_StoryboardUltimo Viaje_Storyboard
Ultimo Viaje_Storyboard
FelixOrtega2623 visualizações
Global_Placemaking_Presentation_V2.pdf por ryann44
Global_Placemaking_Presentation_V2.pdfGlobal_Placemaking_Presentation_V2.pdf
Global_Placemaking_Presentation_V2.pdf
ryann4414 visualizações
Asia Hanif.pptx por asiyahanif9977
Asia Hanif.pptxAsia Hanif.pptx
Asia Hanif.pptx
asiyahanif997711 visualizações
olivia cox "23" moodboard.pptx por LauraFagan6
olivia cox "23" moodboard.pptxolivia cox "23" moodboard.pptx
olivia cox "23" moodboard.pptx
LauraFagan66 visualizações
MSA-Sex sexuality and Gender_draft Lakshya Trust (1).ppt por lakshya4vadodara
MSA-Sex sexuality and Gender_draft Lakshya Trust (1).pptMSA-Sex sexuality and Gender_draft Lakshya Trust (1).ppt
MSA-Sex sexuality and Gender_draft Lakshya Trust (1).ppt
lakshya4vadodara6 visualizações

Basic principles of graphic and layout.pptx

  • 2. The term “infographic” is a short term for information graphics, which refers to an image that combines information, storytelling, and perceptions that help the cause of an individul or an institution to communicate a message to viewers. By creating a catchy and atrractive infographic, one can effectively communicate a message to viewers.
  • 3. The most basic of all the element Can define the characteristics of an infographic Can form shapes that can catch the attention of a viewer They can be sharp, be made upon of broken lines, and fine or thick lines, and create different impression to viewers. Group of lines can also create patterns or shapes. Shapes are universal symbols that do not require language, but they can give a specific meaning regardless of the background and ethnically of the viewer.
  • 4. One of the powerful and influential elements in an infographic. Using the right combination colors can catch the attention of a passerby or even glancing viewers. Combinig colors and having a good command on color mixtures and combinations can catch the attention of viewers
  • 5. Warm colors that can easily attract attention Red orange yellow Soft/Cool colors Blue Green violet indigo
  • 6. Enclosure created by a combination of multiple lines Shapes express different psychological influence on the audience especially when combined with different colors
  • 8. Describe the placements of elements, shapes, or lines throughout the image. Humans are always looking for balance A proper balance in your creations will produce an effective relationship with your work and the viewer
  • 9. Formal balance When object are placed symmetrically and are property distributed Informal Balance Includes a nonsymmetrical distribution of elements but is compensated in different aspects such as colors and line
  • 10. Arrangement of elements in an image may be done by combining elements with different properties and characteristics.
  • 11. When all of the elements seem to be a singular element in unison This makes the design pleasing to the viewers
  • 12. This is the correlation of all the elements with one another The practice of having proportion among the elements ensure balance and unity
  • 13. Describes the product of having the elements placed in harmony with one another. Rhythm can be done by using patterns and by repeating various element
  • 15. JPEG JOINT PHOTOGRAPHIC EXPERTS GROUP TIFF TAGGED IMAGE FILE FORMAT GIF GRAPHICS INTERCHANGE FORMAT PNG
  • 16. JOINT PHOTOGRAPHIC EXPERTS GROUP This is compression method that complies with the JPEG File Interchange Format (JFIF) . This format applies a “lossy” compression method to image files, which means that a huge number of pixels are lost or discarded in storing the image. The information is not lost, however, but a great space for storage is saveds
  • 17. TAGGED IMAGE FILE FORMAT This is a less common file format supported by web browsers. This file format can use either the lossless or the lossy compression method
  • 18. GRAPHICS INTERCHANGE FORMAT This is a popular file format for storing graphical image with fewer colors. This file format suppports 256 colors only GIF compression method uses lossless compression techniques
  • 19. PORTABLE NETWORK GRAPHICS Intention for the creation of this file format is to be a free and open source substitute for GIF This file format is expected to be fully compatible with online applications. This is a loseless compression method; thus, it is also used in editing applications