ETech Lesson 6 Summary

LESSON 6: Imaging and Design 

for Online Environment

- Creating a web page is like a work of art =).

 Basic Principles of Graphics and Layout
  1. Balance - The visual weight of objects, texture, colors, and space is evenly distributed on the screen.
  2. Emphasis - An area in the design that may appear different in size, texture, shape or color to attract the viewer's attention.
  


example of Emphasis and Balance
 3. Movement - Visual movements guide the viewer's eyes around the screen.
 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

source:http://www.designorate.com/wp-content/uploads/2016/06/design-principles-01.jpg
example of Pattern, Repetition, Rhythm and Movement
  5. Proportion - Visual elements create a sense of unity where they relate well with one another.  
  6. Variety - This uses several design elements to draw a viewer's attention.
example of Proportion and Variety
Infographics
  - Information graphics or infographics are visual presentations of information that use the elements of design to display content.
    *makes complex data become easy to understand and visually appealing to an average user
    
https://magic.piktochart.com/infographic/saved/24670329
  example of Infographic
Common image file formats used on the web
  1. Joint Photographics Experts Group(.jpg/.jpeg)  
  2. Graphics Interchange Format (.gif)
  3. Portable Network Graphics (.png)

Comments

Post a Comment

Popular posts from this blog

Etech Lesson 12 Summary

Image
source LESSON 12:  ICT Project for Social Change   Social Change  refers to an alteration in the social order of a society. Social Change may include social institutions, social behaviors, or social relations. It can be done in many form of multimedia.    *You can make social changes through the use of campaigns.   Campaign are a work in an organized and active way toward a particular goal; typically a political or social one. A campaign will help you promote and organize your project properly. Creating a Concept Paper    Concept Paper  is a document used to convince a panel of potential funders to help a product, program or service become a reality. Five Elements of a Concept Paper   1. Introduction  - includes your group's mission and vision and a brief introduction of your project.   2. Purpose - includes the reason why this project is worth your group and your sponsor's time, effort and money. ...
Read more

Etech Lesson 7-8 Summary

Image
https://piktochart.com/ LESSON 7:  Online Platforms for ICT Content Development Online Platforms for ICT Content  D evelopment    1. Social Media Platforms - Websites like Facebook allow you to create personal accounts, pages and groups where you can share content. but the only downside of this is that you are restricted to Facebook's "one-size-fits all" design.     2.   Blogging Platforms   - Websites like Wordpress, Tumblr and Blogger focus on content and design. unlike facebook's "one-size-fits all" you can change/manipulate the way that your blog looks. though you can manipulate its design, Social media platform's popularity is still unrivaled.   Creating Your own Blog using Blogger 1. go to "Blogger.com" and click "Create your Blog", and log in with your Google account. 2. after logging in, type in the title that you want for your blog, insert the address/URL that you want and choose a te...
Read more