Scribd
Upload
56 views2 pages

A. Imaging and Design For Online Environment

The document discusses various topics related to imaging and design for online environments including common digital image file formats, basic principles of graphics and layout, techniques for image manipulation, infographics, uploading and sharing images, online platforms, basic web page creation, collaborative ICT development, interactive multimedia, and how ICT can be a platform for change. Key points covered include common file formats like JPEG, PNG, and GIF, basic design principles, techniques for editing images, using online platforms for collaboration and content management, and how technology has enabled new forms of communication and organization.

Uploaded by

Jacqueline Donato
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
56 views2 pages

A. Imaging and Design For Online Environment

The document discusses various topics related to imaging and design for online environments including common digital image file formats, basic principles of graphics and layout, techniques for image manipulation, infographics, uploading and sharing images, online platforms, basic web page creation, collaborative ICT development, interactive multimedia, and how ICT can be a platform for change. Key points covered include common file formats like JPEG, PNG, and GIF, basic design principles, techniques for editing images, using online platforms for collaboration and content management, and how technology has enabled new forms of communication and organization.

Uploaded by

Jacqueline Donato
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like