Lesson 6: Imaging and Design for online Environment

http://www.etech.at/sites/default/files/downloads/etech_logo.png

On March 23, 2016, Alexa.com, a renowned website for ranking webpages popularity, ranks Google as number one in the entire world.

Creating a web page is like creating a work of art. There are certain things that you need to consider in order to get your message across. In Lesson 5, we learned some tips on how to create an effective PowerPoint presentation. Some of those tips can help you in graphics and design layout.

Basic Principles of Graphics and Layout:

1.Balance - It is the visual weight of objects, textures, colors, and space is evenly distributed on the screen.

https://i.pinimg.com/originals/3d/09/e9/3d09e9bafecd8e87d5c4e41cdae4d13a.jpg

2.Emphasis - Used to make certain points of the artwork stand out. It creates the center of interest or focal point.

https://i.pinimg.com/originals/1e/96/77/1e9677f6e7b2b88b7f74247b27b1d69b.jpg

3.Movement - How the eye moves through the composition; leading the attention of the viewers from one aspect to another.

https://micahsdesignblog.files.wordpress.com/2013/11/movement_dramatic.jpg

4.Pattern, Repetition, and Rhythm - These are the repeating visual element on an image or layout to create unity in the layout or image. Rhythm is achieved when visual elements create a sense of organized movement.

https://i.pinimg.com/originals/ce/63/b7/ce63b78244fb00b775d598beb05832fc.jpg

5.Proportion - Visual elements create a sense of unity where they relate well with one another.

https://visscom.files.wordpress.com/2013/04/principles_of_design_contrast_by_akumadorobo-d4ifqa0.jpg

6.Variety - This uses several design elements to draw a viewer's attention. 

https://i.pinimg.com/originals/e9/ea/4e/e9ea4e03d847cd21a22c89c35859f8c2.jpg

Infographics

https://lorirtaylor.com/wp-content/uploads/2014/09/Infographic.jpg

Infographics is a visual presentations of information that use the element of design to display content. It expresses complex messages to viewers in a way that enhances their comprehension, basically it uses pictures, objects, and images in a way for the viewers to easily understand the message of the topic.

Reasons to use Infographics:

• To communicate a message
• To present in a way that is compact and easy to comprehend.
• To analyze data in order to discover cause-and-effect relationships.
• To periodically monitor the route of certain parameters.

3 Elements of Infographics:

1. Visual Elements which includes color coding, graphics, and reference icons.
2. Content Elements which includes time frames, statistics and references.
3. Knowledge Elements which only consist of facts.

Types of Infographics:

• Cause and Effect Infographics - infographics that show the cause and effect of certain topics.
• Product Infographics - used to promote products and services.
• Quantitive Infographics - used to show statistics like bar graphs, charts, etc.
• Chronological Infographics - usually used to show a topic in a step-by-step sequence.
• Directional Infographics - similar to chronological inforgraphics where you use arrows to direct the viewers attention to another aspect of the infographic.

Some Tips for Creating Infographics:

• Simplicity Rocks
• Nothing takes effect without a cause
• Draw your Boundaries
• Think in Color
• Layout is not just Typography
• Make it Appealing
• Be Verifiable