SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
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
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
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

Contenu connexe

Similaire à Basic principles of graphic and layout.pptx

TOP Visual Hierarchy Principles That You Must Know
TOP Visual Hierarchy Principles That You Must KnowTOP Visual Hierarchy Principles That You Must Know
TOP Visual Hierarchy Principles That You Must KnowPixenite Pvt Ltd
 
360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptxjaymegeramie8
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designingthecreativepearl
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUIananda gunadharma
 
The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016Idean France
 
Graphic files
Graphic filesGraphic files
Graphic filessettersr
 
Empowerment Technologies - Imaging and Design for the Online Environment
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
 
09 - Creating Infographics for Social Campaings.pdf
09 - Creating Infographics for Social Campaings.pdf09 - Creating Infographics for Social Campaings.pdf
09 - Creating Infographics for Social Campaings.pdfJulimarCabaya
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of designsmizener
 
Integrating images and external material
Integrating images and external materialIntegrating images and external material
Integrating images and external materialliezl maranguit
 
How To Create Effective Visuals
How To Create Effective VisualsHow To Create Effective Visuals
How To Create Effective Visualsferhat3884
 
How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4www.makedigitalwork.com
 

Similaire à Basic principles of graphic and layout.pptx (20)

TOP Visual Hierarchy Principles That You Must Know
TOP Visual Hierarchy Principles That You Must KnowTOP Visual Hierarchy Principles That You Must Know
TOP Visual Hierarchy Principles That You Must Know
 
360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx360369963-Visual-Media-and-Information.pptx
360369963-Visual-Media-and-Information.pptx
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designing
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUI
 
The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016The top 10 UI Design Trends for 2016
The top 10 UI Design Trends for 2016
 
L3 cmp technicalfile_
L3 cmp technicalfile_L3 cmp technicalfile_
L3 cmp technicalfile_
 
Graphic files
Graphic filesGraphic files
Graphic files
 
Empowerment Technologies - Imaging and Design for the Online Environment
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
 
Basic design
Basic designBasic design
Basic design
 
Pattern
PatternPattern
Pattern
 
Pattern (report)
Pattern (report)Pattern (report)
Pattern (report)
 
Pattern
PatternPattern
Pattern
 
Pattern- report
Pattern- reportPattern- report
Pattern- report
 
IMAGE FILE FORMATS
IMAGE FILE FORMATSIMAGE FILE FORMATS
IMAGE FILE FORMATS
 
09 - Creating Infographics for Social Campaings.pdf
09 - Creating Infographics for Social Campaings.pdf09 - Creating Infographics for Social Campaings.pdf
09 - Creating Infographics for Social Campaings.pdf
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
Integrating Images.pptx
Integrating Images.pptxIntegrating Images.pptx
Integrating Images.pptx
 
Integrating images and external material
Integrating images and external materialIntegrating images and external material
Integrating images and external material
 
How To Create Effective Visuals
How To Create Effective VisualsHow To Create Effective Visuals
How To Create Effective Visuals
 
How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4
 

Plus de Catalino Yanos Jr.

Quiz for Empowerment Technology 11.pptx
Quiz for  Empowerment Technology 11.pptxQuiz for  Empowerment Technology 11.pptx
Quiz for Empowerment Technology 11.pptxCatalino Yanos Jr.
 
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptx
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptxINTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptx
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptxCatalino Yanos Jr.
 
Analytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptxAnalytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptxCatalino Yanos Jr.
 
ICT and Social Responsibility.pptx
ICT and Social Responsibility.pptxICT and Social Responsibility.pptx
ICT and Social Responsibility.pptxCatalino Yanos Jr.
 
text media and information language.pptx
text media and information language.pptxtext media and information language.pptx
text media and information language.pptxCatalino Yanos Jr.
 
BARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptxBARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptxCatalino Yanos Jr.
 

Plus de Catalino Yanos Jr. (8)

Quiz for Empowerment Technology 11.pptx
Quiz for  Empowerment Technology 11.pptxQuiz for  Empowerment Technology 11.pptx
Quiz for Empowerment Technology 11.pptx
 
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptx
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptxINTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptx
INTEGRATION OF ICT KNOWLEDGE (Empowerment Technology )pptx
 
Analytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptxAnalytics and Maintenance of ICT Projects.pptx
Analytics and Maintenance of ICT Projects.pptx
 
ICT and Social Responsibility.pptx
ICT and Social Responsibility.pptxICT and Social Responsibility.pptx
ICT and Social Responsibility.pptx
 
text media and information language.pptx
text media and information language.pptxtext media and information language.pptx
text media and information language.pptx
 
Multimedia and ict.pptx
Multimedia and ict.pptxMultimedia and ict.pptx
Multimedia and ict.pptx
 
PHYICAL FITNESS 3.pptx
PHYICAL FITNESS 3.pptxPHYICAL FITNESS 3.pptx
PHYICAL FITNESS 3.pptx
 
BARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptxBARRIERS TO PHYSICAL ACTIVITY.pptx
BARRIERS TO PHYSICAL ACTIVITY.pptx
 

Dernier

Teepee Curios, Curio shop, Tucumcari, NM
Teepee Curios, Curio shop, Tucumcari, NMTeepee Curios, Curio shop, Tucumcari, NM
Teepee Curios, Curio shop, Tucumcari, NMroute66connected
 
Edgar Allan Poe's City in the Sea - Storyboard
Edgar Allan Poe's City in the Sea - StoryboardEdgar Allan Poe's City in the Sea - Storyboard
Edgar Allan Poe's City in the Sea - Storyboardelijfdavis
 
Escort Service in Al Rigga +971509530047 UAE
Escort Service in Al Rigga +971509530047 UAEEscort Service in Al Rigga +971509530047 UAE
Escort Service in Al Rigga +971509530047 UAEvecevep119
 
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptx
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptxFORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptx
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptxJadeTamme
 
Aposimz storyboard portfolio piece Part 1
Aposimz storyboard portfolio piece Part 1Aposimz storyboard portfolio piece Part 1
Aposimz storyboard portfolio piece Part 1elijfdavis
 
Value Aspiration And Culture Theory of Architecture
Value Aspiration And Culture Theory of ArchitectureValue Aspiration And Culture Theory of Architecture
Value Aspiration And Culture Theory of ArchitectureDarrenMasbate
 
Cat & Art100 A collection of cat paintings
Cat & Art100 A collection of cat paintingsCat & Art100 A collection of cat paintings
Cat & Art100 A collection of cat paintingssandamichaela *
 
Escort Service in Al Qusais +971509530047 UAE
Escort Service in Al Qusais +971509530047 UAEEscort Service in Al Qusais +971509530047 UAE
Escort Service in Al Qusais +971509530047 UAEvecevep119
 
My Morning Routine - Storyboard Sequence
My Morning Routine - Storyboard SequenceMy Morning Routine - Storyboard Sequence
My Morning Routine - Storyboard Sequenceartbysarahrodriguezg
 
Rückenfigur ... back figure in paintings.ppsx
Rückenfigur ... back figure in paintings.ppsxRückenfigur ... back figure in paintings.ppsx
Rückenfigur ... back figure in paintings.ppsxguimera
 
Americana Motel, Motel/Residence, Tucumcari, NM
Americana Motel, Motel/Residence, Tucumcari, NMAmericana Motel, Motel/Residence, Tucumcari, NM
Americana Motel, Motel/Residence, Tucumcari, NMroute66connected
 
ReverseEngineerBoards_StarWarsEpisodeIII
ReverseEngineerBoards_StarWarsEpisodeIIIReverseEngineerBoards_StarWarsEpisodeIII
ReverseEngineerBoards_StarWarsEpisodeIIIartbysarahrodriguezg
 
STAR Scholars Program Brand Guide Presentation
STAR Scholars Program Brand Guide PresentationSTAR Scholars Program Brand Guide Presentation
STAR Scholars Program Brand Guide Presentationmakaiodm
 
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girls
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call GirlsAbu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girls
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girlshayawit234
 
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptx
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptxDAO 2004-24 - FORESHORE LEASE AGREEMENT.pptx
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptxPhillisYvonMarshBagu
 
Escort Service in Al Jaddaf +971509530047 UAE
Escort Service in Al Jaddaf +971509530047 UAEEscort Service in Al Jaddaf +971509530047 UAE
Escort Service in Al Jaddaf +971509530047 UAEvecevep119
 
Olympia Cafe, Restaurants-cafes, Albuquerque, NM
Olympia Cafe, Restaurants-cafes, Albuquerque, NMOlympia Cafe, Restaurants-cafes, Albuquerque, NM
Olympia Cafe, Restaurants-cafes, Albuquerque, NMroute66connected
 
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道7283h7lh
 
Roadrunner Motel, Motel/Residence. Tucumcari, NM
Roadrunner Motel, Motel/Residence. Tucumcari, NMRoadrunner Motel, Motel/Residence. Tucumcari, NM
Roadrunner Motel, Motel/Residence. Tucumcari, NMroute66connected
 

Dernier (20)

Teepee Curios, Curio shop, Tucumcari, NM
Teepee Curios, Curio shop, Tucumcari, NMTeepee Curios, Curio shop, Tucumcari, NM
Teepee Curios, Curio shop, Tucumcari, NM
 
Edgar Allan Poe's City in the Sea - Storyboard
Edgar Allan Poe's City in the Sea - StoryboardEdgar Allan Poe's City in the Sea - Storyboard
Edgar Allan Poe's City in the Sea - Storyboard
 
Escort Service in Al Rigga +971509530047 UAE
Escort Service in Al Rigga +971509530047 UAEEscort Service in Al Rigga +971509530047 UAE
Escort Service in Al Rigga +971509530047 UAE
 
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptx
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptxFORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptx
FORTH QUARTER MAPEH7-PHILIPPINE FESTIVALS.pptx
 
Aposimz storyboard portfolio piece Part 1
Aposimz storyboard portfolio piece Part 1Aposimz storyboard portfolio piece Part 1
Aposimz storyboard portfolio piece Part 1
 
School :)
School                                 :)School                                 :)
School :)
 
Value Aspiration And Culture Theory of Architecture
Value Aspiration And Culture Theory of ArchitectureValue Aspiration And Culture Theory of Architecture
Value Aspiration And Culture Theory of Architecture
 
Cat & Art100 A collection of cat paintings
Cat & Art100 A collection of cat paintingsCat & Art100 A collection of cat paintings
Cat & Art100 A collection of cat paintings
 
Escort Service in Al Qusais +971509530047 UAE
Escort Service in Al Qusais +971509530047 UAEEscort Service in Al Qusais +971509530047 UAE
Escort Service in Al Qusais +971509530047 UAE
 
My Morning Routine - Storyboard Sequence
My Morning Routine - Storyboard SequenceMy Morning Routine - Storyboard Sequence
My Morning Routine - Storyboard Sequence
 
Rückenfigur ... back figure in paintings.ppsx
Rückenfigur ... back figure in paintings.ppsxRückenfigur ... back figure in paintings.ppsx
Rückenfigur ... back figure in paintings.ppsx
 
Americana Motel, Motel/Residence, Tucumcari, NM
Americana Motel, Motel/Residence, Tucumcari, NMAmericana Motel, Motel/Residence, Tucumcari, NM
Americana Motel, Motel/Residence, Tucumcari, NM
 
ReverseEngineerBoards_StarWarsEpisodeIII
ReverseEngineerBoards_StarWarsEpisodeIIIReverseEngineerBoards_StarWarsEpisodeIII
ReverseEngineerBoards_StarWarsEpisodeIII
 
STAR Scholars Program Brand Guide Presentation
STAR Scholars Program Brand Guide PresentationSTAR Scholars Program Brand Guide Presentation
STAR Scholars Program Brand Guide Presentation
 
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girls
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call GirlsAbu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girls
Abu Dhabi Housewife Call Girls +971509530047 Abu Dhabi Call Girls
 
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptx
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptxDAO 2004-24 - FORESHORE LEASE AGREEMENT.pptx
DAO 2004-24 - FORESHORE LEASE AGREEMENT.pptx
 
Escort Service in Al Jaddaf +971509530047 UAE
Escort Service in Al Jaddaf +971509530047 UAEEscort Service in Al Jaddaf +971509530047 UAE
Escort Service in Al Jaddaf +971509530047 UAE
 
Olympia Cafe, Restaurants-cafes, Albuquerque, NM
Olympia Cafe, Restaurants-cafes, Albuquerque, NMOlympia Cafe, Restaurants-cafes, Albuquerque, NM
Olympia Cafe, Restaurants-cafes, Albuquerque, NM
 
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道
怎么办理美国UC Davis毕业证加州大学戴维斯分校学位证书一手渠道
 
Roadrunner Motel, Motel/Residence. Tucumcari, NM
Roadrunner Motel, Motel/Residence. Tucumcari, NMRoadrunner Motel, Motel/Residence. Tucumcari, NM
Roadrunner Motel, Motel/Residence. Tucumcari, NM
 

Basic principles of graphic and layout.pptx

  • 1.
  • 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
  • 7.
  • 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
  • 14.
  • 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