A. Imaging and Design For Online Environment

A.
IMAGING AND DESIGN FOR ONLINE ENVIRONMENT

 VISUAL INFORMATION - use of visual media in the form of photographs, motion pictures, video
recordings, graphic arts, visual aids, and other displays that use pictorial representations.
 IMAGE - Pictures that depict some real-world situation typically captured by camera; sometimes
called Raster or Bitmap images.
 GRAPHICS - Pictures drawn or painted that depict any fictitious scenario; Vector images.
 VECTOR – hard-edged graphics; for printing; .ai, .pdf, .svg
 RASTER – web graphics; high-resolution; can be printed at 300 dpi; .jpg, .png, .gif
B. COMMON DIGITAL IMAGE FILE FORMATS
 DIGITAL IMAGE - a numeric representation, normally binary, of a two-dimensional image
 IMAGE FILE FORMATING - standardized means of organizing and storing digital images
 JPEG / JPG (Joint Photographic Experts Group) – compressed to store a lot of information in a small-
size file; most digital cameras store photos in JPEG; usually used for photographs on the web, because
they create a small file that is easily loaded on a web page
 PNG (Portable Network Graphics) – supports transparency; for web browsers; for icons, graphics, logo
 GIF (Graphics Interchange Formats) – supports transparency; provides image animation effects
 TIFF (Tagged Image File Format) – used in photo software, as well as page layout software
C. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
 LAYOUTING (Computing) – process of calculating the position of objects in space; process of planning
and arranging visual elements in a page or book
 BALANCE – even distribution
 EMPHASIS – attract
 MOVEMENT – guide the viewer’s eyes
 PATTERN, REPETITION, RHYTHM – repeating an element on an image or layout to create unity
 PROPORTION – visual elements create a sense of unity when they relate well with one another
 VARIETY – uses several design elements to draw viewer’s attention
D. BASIC TECHNIQUES OF IMAGE MANIPULATION
 IMAGE MANIPULATION – art of altering or modifying an image for different purposes using various
techniques or using a photo editing software
 BENEFITS OF IMAGE MANIPULATION:
 Create beautiful images
 Enhance your looks in a photograph
 Spread a social message via images
 TECHNIQUES:
 RESIZING – width and height specify dimensions after resizing (proportions are not preserved)
 SCALING – resolution is not adjusted to best suit the new size; pixels are stretched; pixelated
 CROPPING – eliminates the non-photographic area
 FLIP – object turns over, either vertically or horizontally; mirror image
 ROTATE – moves left or right around an axis and keeps the same face toward you
 COLOR ADJUSTMENT – changes overall mixture of colors for generalized color correction
 BRIGHTNESS AND CONTRAST
 FILTERS & EFFECTS
 COMBINING TEXT AND IMAGE
E. INFOGRAPHICS
 Information + graphics
 are graphic visual representations of information, data or knowledge intended to present information
quickly and clearly
F. UPLOADING, SHARING AND IMAGE HOSTING PLATFORM
 UPLOADING – process
 SHARING – convey message
 HOSTING – create photoblogs/galleries with your images, or add them to a slide show for easier viewing
G. ONLINE PLATFORMS
 technologies that are grouped to be used as a base upon which other applications processes or
technologies are developed
 Presentation Tools – slide show
 Cloud Computing – online storage
 Mapping Tools – creation of maps
 File Management platforms – user interface to manage file and folder
 Social Media – create not only personal accounts but also pages and groups
 Blogging – newsletter; article
 Web Page Creation – for WWW, web browsers; HTML
 CMS (Content Management System) – manages the creation and modification of web contents
H. BASIC WEB PAGE CREATION

 WEBPAGE – stored in HTML file
 WEBSITE – collection of webpages
 HTML – defines the content of every web page; Structural layer
 CSS – used to style webpages; Presentation layer
 JAVASCRIPT – behavior/functionality
 WYSIWYG (What You See Is What You Get) – whatever you type, insert, draw, place, rearrange, and
everything you do on a page is what the audience will see
I. COLLABORATIVE ICT DEVELOPMENT
 WEB PORTAL – web-based platform that brings information from diverse sources, like emails, online
forums and search engines, together in a uniform way
 ONLINE COLLABORATION lets a group of people work together in real-time over the internet for the
team to accomplish its goals
 supports a group or two or more individual to accomplish a common goal
 supports the storing of files in a single place
 supports significant cost savings
J. INTERACTIVE MULTIMEDIA
 products & services on computer-based systems which respond on user’s actions by presenting content
 MULTIMEDIA – combination of different media
 Videos - with video hosting sites, you can take a video and show it to the entire world (YouTube)
 Sound, Music, or Audio - If videos are too much for you, you can always record sounds. You
can now share your sound bites to the entire world (e.g., Soundcloud).
 Online games - “browser-based games” - You do not need to install these games to your
computer as they run in most updated web browsers
 Online tests - Online survey forms and tests that automatically display the results when finished
 Courseware - Online courses that simulate the classroom online (e-learning Courses using LMS)
 Podcasts - An episodic series of audio or text files streamed online
 Vodcasts - An episodic series of video streamed online
K. ICT AS PLATFORM FOR CHANGE
 EDSA UNO – used Radyo Veritas
 EDSA DOS – used text message
 MILLION PEOPLE MARCH – used Facebook
 GOOGLE PERSON FINDER – created by Google
 CHANGE.ORG – dubbed as the world’s platform for change where anyone from the online community
can create a petition and ask others to sign it

A. Imaging and Design For Online Environment

Uploaded by

Copyright:

Available Formats

A. Imaging and Design For Online Environment

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

A. Imaging and Design For Online Environment

Uploaded by

Copyright:

Available Formats

A.

IMAGING AND DESIGN FOR ONLINE ENVIRONMENT

H. BASIC WEB PAGE CREATION

You might also like