etech

• Text overlaid on an image


  This way is one of the most used methods in combining text and images. Here, the texts hover above the image. In this method, it must be noted that the images should not be overpowered by the text. The text should be in support of the image. There must be contrast between the texts and the images, so that the text would be easy to read.
• Text wrapped around image


  In this way, the text surrounds or wrapped around the image. The wrapping may follow the contours of the images, or it could be a straight line. This way is commonly used by brochures and newsletters.
• Text and image intersect


  In this method, the texts are placed within or behind images. The text may also rest on some of the image
• Text and image aligned


  Literally, the method suggests that texts and images must be aligned. If they are vertically aligned, the width of the text is usually equal to the width of the images, that is, the left and right margins of the images match the left and right margins of the text, respectively. If horizontally aligned, the height of the text is usually equal to the height of the image, that is, the top and bottom margins of the image match the top and bottom margins of the texts.
• Text and image in repeating shapes


  In this method, text, images, and shapes are combined in a repeating pattern to show cohesiveness. It is done by adding text and images to the same shapes to emphasize unity.
• Principles/techniques to remember in combining graphics/images/text

  • Text overlaid on an image
  • Text wrapped around image
  • Text and image intersect
  • Text and image aligned
  • Text and image in repeating shapes
• Creativity and ingenuity


  Necessary in considering good graphics and layout
• Graphics and layout principles

  • Balance
  • Emphasis
  • Proximity and Unity
  • Pattern, Repetition, and Rhythm
  • Proportion
  • Variety
• Balance


  The arrangement of elements in a consistent manner across the screen
• Types of balance


  • Symmetrical design
  • Asymmetrical balance
• Symmetrical design


  Creates a sense of formality, order, and balance by mirroring elements on either side of a central axis
• Symmetrical design


  • Logos
  • Flags
  • Architecture
• Asymmetrical balance


  Uses elements of differing weights, often laid out in relation to a line that is not centered within the overall design
• Emphasis


  Some elements of the screen get more weight or focus, usually the most important part or content
• Proximity and Unity


  Closely related elements, e.g. graphics, text are placed together in order to be perceived as a single unit
• Alignment


  Determines the order of the design, used for grouping and organising elements to help balance in graphic designs
• Pattern, Repetition, and Rhythm


  The repetition of a visual element or pattern in an image that supports proximity and unity, creating a sense of organised movement
• Proportion


  The relative size and scale of each aspect of a design in relation to its total structure
• Variety


  A design has to contain different elements in order for them to be noticed by viewers, to prevent boredom
• Infographics


  Used to present complex information and data in a clearer and more understandable way. Can be in a form of graphs, photos, or charts. An effective infographic grabs your attention and keeps it just long enough to deliver an important message or teach you important information.

  
• Parts of an infographic

  • The knowledge
  • The visual
  • Colors
  • Graphics
  • Icons
  • Texts
  • Statistics
  • Time frame
  • References
  • The content
  • Facts
  • Conclusions

  
• Principles of visual message design in creating infographics

  • Uniqueness
  • Simplicity
  • Creativity and boldness
  • Minimalist orientation
  • Shareability
• Uniqueness


  One of the most important aspects of designing an effective infographic is to make it engaging and memorable with a unique twist on something that everyone can relate to. The infographic must be innovative and should not be a rehashed version of other infographics. You need to design something unique that will capture the attention of the audience you are seeking to draw in.

  
• Simplicity


  Put only the important information in infographics. Even though you want to shoot for interesting, don't throw in so much detail and extraneous information that the audience is overwhelmed by everything going on in your infographic. Remember that in today's busy world, so much information is available that when people see too much to digest and comprehend quickly, they are probably going to turn away or click somewhere else because it looks too complicated to be worth their time.
• Creativity and boldness


  For a truly impactful design that gets your message across, it's important to make sure that your main message is obvious and direct to the point. It also needs to be creative enough to just give it that special little twist. You can perhaps use shapes or images in place of some of the letters or words to emphasize meaning. Simple, bold creativity is your key to grabbing attention quickly and getting your message across with effective infographics.
• Minimalist orientation


  Keeping your text minimal will most likely produce more impact than a page full of words. Infographics must be concise, easy, and quick to read. An effective image will grab the attention of the audience with something as simple as an effectively displayed word that makes them stop and read the important information below it.
• Shareability


  The most important thing you want from an effective infographic is a simple way for people to share it with their friends. Be sure to include links reminding people that they want their friends to enjoy the information they have just found. Make sure that forwarding can be done in only a couple of clicks. If it gets too complicated, most people will close the box and move on to something else.
• Types of charts most commonly used in infographics

  • Pie chart
  • Bar graph
  • Column graph
  • Line charts
• Pie chart


  Represents the data in the circular graph. Slices of pie show the relative size of the data. A type of pictorial representation of data. Consists of categorical variables and numerical variables.
• Bar graph


  Used to compare different sets of data among different groups easily. Demonstrates relationship using two axes. Illustrate important changes in data throughout a period of time.
• Column graph


  Compare a range of categories in a single measure. Visualize proportions. Highlight differences.
• Line charts


  Supports monitoring behavior in a set of data. Highlight differences and correlations within data. Can make future predictions.
• "DESIGN IS INTELLIGENCE MADE VISIBLE." – ALINA WHEELER: ''
• Image formats commonly used online

  Compressed, smaller in size compared to standalone computers or mobile devices, conserve online space, faster to load and upload/download
• Common online image file formats

  • JPG
  • PNG
  • GIF
  • SVG
  • TIFF
  • PDF
  • PSD
  • AI
  • EPS
  • RAW
• JPG


  • No transparency support, no animation support, ideal for complex images and photographs with lots of colors
• GIF


  • Transparency support, animation support, ideal for images with few colors
• PNG


  • Transparency support, no animation support, ideal for images with few colors
• Images found online are mostly compressed
• Compressed files can be loaded faster on the net, and they are easier to upload or download