Professional Documents
Culture Documents
Empowerment Technologies
Empowerment Technologies
1
1st
1
Empowerment Technologies
1
Lesson 5
1st
Graphic
Visual images or designs on some surface,
such as a wall, canvas, screen, paper, or
stone to inform, illustrate, or entertain.
Graphic Design
Uses visual compositions to solve
problems and communicate ideas through
typography, imagery, color and form.
(Cann, 2018)
3
Empowerment Technologies
1
1st
2. Simplicity – the best way to go when Online Creation Tools
considering the user experience and the usability TYPES OF VISUAL CONTENT
of your website. 1. Infographics – graphic visual representations
Color – has the power to communicate intended to present information quickly and
messages and evoke emotional responses. clearly.
Limit color scheme to less than 5 colors.
Piktochart – infographic creation tool
Pleasing color combinations.
that lets you design stunning pieces
Typography – should be legible. Use worth sharing in minutes.
maximum of 3 different fonts. 2. Videos – recording of moving pictures and
Imagery – capture the spirit of the company sound, especially as a digital file.
and their brand personality. PowToon – online animation software
3. Navigation – finding system used on websites perfect for storytelling and creating
where visitors interact and find what they are Flash-style movies.
looking for. 3. Presentations – use catchy images, videos,
and graphics in your presentation to get into
4. F-Shaped Pattern Reading – most common way the minds of your target audience.
visitors scan text on a website. Prezi – cloud-based presentation
software that displays information not as
series of slides but as a large board that
zooms in on specific information, text,
or an image.
SlideShare – upload and share
5. Visual Hierarchy – arrangement of elements, professional videos and slide
order of importance. Establish a focal point. presentations.
6. Content – using compelling language, great
content can attract and influence visitors by
converting them into customers.
Grid-based layout – arranges content into a
clean rigid grid structure that line up and
impose order for an aesthetically pleasing
website.
Load Time – waiting for a website to load
will lose visitors. Nearly half of web
visitors expect a site to load in 2 seconds or
less. Optimize image sizes.
Mobile Friendly – more people are using
other devices to browse the web. Consider
building your website with a responsive
layout that could adjust to different
screens.
4
Empowerment Technologies
1
1st
Lesson 7
MULTIMEDIA AND ICT
Web 1.0 – “readable” phrase of the World Wide Web with flat data and limited interaction between sites and
web users.
Web 2.0 – “writable” phrase of the World Wide Web with interactive data.
Web 3.0 – It is the “executable” phrase of Word Wide Web with dynamic applications, interactive services,
and “machine-to-machine” interaction.