Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
105 Cards in this Set
- Front
- Back
|
MS Powerpoint |
Allows to create slide shows that includes texts and images and also animations and other multimedia components |
|
|
Slide tip 1 |
Keep it simple |
|
|
Slide tip 2 |
Limit bullet points and text |
|
|
Slide tip 3 |
Limit transition and builds |
|
|
Slide tip 3 |
Use high-quality graphics |
|
|
Slide tip 4 |
Have a visual theme, but avoid using PowerPoint templates |
|
|
Slide tip 5 |
Have a visual theme, but avoid using PowerPoint templates |
|
|
Slide tip 6 |
Use appropriate charts |
|
|
Slide tip 7 |
Use your color well |
|
|
Slide tip 8 |
Use your font well |
|
|
Slide tip 9 |
Use video or audio |
|
|
Slide tip 10 |
Spend time in slide sorter |
|
|
Serif |
Font for heavy documents |
|
|
Sans-serif |
Better for slide documents |
|
|
Entrance effect |
animates the element as it enters the slide |
|
|
Exit effect |
animates the element as it exits the slide |
|
|
Emphasis effect |
makes the element do something after it enters the slide |
|
|
Motion paths |
specifies paths on how the element will be animated |
|
|
Slide transitions |
control how presentations move from different slides |
|
|
Hyperlink |
allows to go to other slides in a presentation, webpage or email address |
|
|
Action button |
allows to play sounds, animate, or run a program |
|
|
Smart art |
used to present results of research - presents information graphically - consists of preset layouts to create graphics easily |
|
|
Point |
▪ simply a dot ▪ establishes a position ▪ acts as a visual focus |
|
|
Line |
created by connecting 2 or more points begins by extending one point towards a specific direction |
|
|
Line (2) |
o straight o curveo heavy o slimo dashed o dotted |
|
|
Contour |
simplicity, elegance, complexity, and form of line; outline of exterior edges of a shapes |
|
|
Lines for Organization |
used in design section of a page or layout; used to join sections related to each other |
|
|
Use an underline |
headline feels weightier - provides a more definite separation between header and body |
|
|
Break up the line |
- don’t always draw a solid line - dashes, dots, triangles, stars, etc |
|
|
Space |
draws attention to other visual elements in a layout ,defining the proportion and format |
|
|
Shape |
combination of lines, points, and space |
|
|
Circle |
infinity, harmony, community, completeness and perfection |
|
|
Square and rectangle |
security and stability; ideal for companies and organizations with a strong market position |
|
|
Triangle |
dynamic tension, aggression and energy; stable when upright; progression and direction |
|
|
Color |
- comes from pure light - produced by an object that reflects light - produce dramatic changes in a design when used to emphasize things |
|
|
Hue |
includes primary, secondary, and tertiary colors |
|
|
Visual texture |
creates the illusion of texture on a printed material or webpage, printed patterns |
|
|
Balance |
• equal distribution of weight • can either be Symmetrical or Asymmetrical |
|
|
Contrast |
placement of heavy elements within a page |
|
|
Emphasis |
distribution of heavy elements in a design |
|
|
Rhythm |
repetition of one or more elements in a design |
|
|
Unity |
feeling of harmony created by all parts of a design |
|
|
Pixel |
smallest component of a bitmapped graphic composed of single- colored squares |
|
|
Gif |
this is also called Graphic Interchange Format one of the most usable and most popular; suitable for web browsers |
|
|
PNG |
this is also called Portable Network Graphics o compressed file format used for the Web o has a transparency effect for images to overlap |
|
|
JPEG |
-this is also called Joint Photographic Experts Group -standard file format -compresses high quality static color images for easy transfer |
|
|
BMP |
o Bitmap File o image file format for Windows OS o uncompressed and made of millions of pixels |
|
|
TIFF |
o Tagged Image File Format o for desktop publishing o high quality where all data and color are restored |
|
|
GIMP |
GNU Image Manipulation Program - free desktop photo editing app |
|
|
PIXLR |
ad supported online image editing tool, has 2 versions |
|
|
PIXLR Editor |
offers tools to manually manipulate the images |
|
|
PIXLR Express |
for newbies to perform quick image enhancements |
|
|
Graphic design |
concerned with the elements of design |
|
|
Information design |
effective presentation of information using design elements |
|
|
Data visualization |
representation of data using visual elements |
|
|
Elements of a good infographic |
o reliable data o good design o story o shareability |
|
|
Thesis Story |
subject and main idea should be clear |
|
|
Data |
should be organized and supports the main idea |
|
|
Simplicity |
One of the guidelines in making an infographic |
|
|
Sources |
gives credibility to your data |
|
|
Basic Techniques in Image Editing Programs |
1. Cropping 2. Color Balance 3. Adjusting Brightness and Contrast 4. Compression and Resizing 5. Color Blending 6. Combining Multiple Images |
|
|
Visual Article |
wordy content is made visual; best used for info spread via social media; has a strong title and lots of content |
|
|
Timeline |
this outlines events chronologically; either simple or complex |
|
|
Flowchart |
designed to make the viewer answer a series of questions to reach a particular answer |
|
|
Cheat sheet |
serves as a quick reference for different kinds of info; can be in a step-by-step process |
|
|
Numerical |
primary content composes of numbers, charts, and graphs of statistical data |
|
|
Photo Infographic |
pictures are used to present the data; can be presented in a simple manner |
|
|
Data Visualization |
used for large data; but it focuses on creativevisualization |
|
|
Thigs to consider when making an Infographic |
▪ Always do careful planning and research ▪ Explore areas where you can gather data ▪ Keep the data simple and straightforward ▪ Use different charts |
|
|
Column Charts |
show changes or progress over time |
|
|
Pie charts |
show small sets of data in proportion to a whole figure |
|
|
Line Graphs |
used for data that adjusts constantly |
|
|
Doughnut Chart |
essentially similar to a pie chart but contains more data |
|
|
Bar Chart |
similar to a column chart, but displays data horizontally |
|
|
Piktochart |
it is an easy-to-use web based infographic maker that allows users to create professional-grade infographics without extensive experience in graphic design |
|
|
Piktochart |
▪ Simplified User Interface ▪ Preset Templates and Graphics ▪ High-Resolution Downloads |
|
|
File Management |
-process of naming, editing, storing, and sharing files - done in File Manager - use of folder or subfolders is fundamental in file management |
|
|
Google Drive |
free file storage and synchronization service by Google that allows users to store, share, and edit files |
|
|
One Drive |
online storage service by Microsoft that allows users to store files which can be synchronized with other device |
|
|
Dropbox |
▪ service that allows users to edit a file ▪ edited files can be sent and updated on the computers of that file’s collaborators who use the same service |
|
|
|
it is a social networking service that allows users to share photos and videos either with the public or with specific people |
|
|
Imgur |
image hosting site that prioritize speed and quality of an upload |
|
|
Google Photos |
▪ widely used by Android devices and preceded by Picasa ▪ allows users to access and backup photos |
|
|
Flickr |
It is a free image hosting platform that allows users to share photos with editing and security features |
|
|
Photobucket |
site that allows users to store and share images, videos, and slideshows which can be viewed by anyone |
|
|
Youtube |
▪ the most popular video hosting website today ▪ allows users to upload, view, and share a video |
|
|
Vimeo |
▪ first global video sharing website to support high- definition video uploads ▪ shares, views and even allows users to enjoy unlimited bandwidth |
|
|
Sight |
visual aspect of the video; either captured by camera or animated |
|
|
Sound |
compliments the video as sound effects, music, and synchronized sounds |
|
|
Color |
creative use of color may impart underlying impressions to the video |
|
|
Motion |
leads the audience’s attention to the purpose of each scene |
|
|
Emotion |
the “feels” of the video that allow the viewers to relate to it |
|
|
Pre-Production |
this is where all crucial preparations are done o Project Kickoff o Production Sched. o Script Writing o Storyboards o Location Scouting o Props & Wardrobe o Post-Production Prep |
|
|
Production |
where the actual shooting of scenes take place |
|
|
Post production |
▪ the editing stage where audio and video are assembled ▪ audio and video effects are added |
|
|
Elements in a story |
1. Setting 2. Character 3. Plot 4. Conflict 5. Theme |
|
|
|
was first designed by Mark Zuckerburg for college students in 2004, popular social networking site that allows you to share content to your family and friends |
|
|
|
is a social network platform composed of “tweets” or short messages up to 140 characters |
|
|
|
it is a social networking service that allows users to share photos and videos either with the public or with specific people |
|
|
Youtube |
a free video sharing website that makes it easy to share and watch videos on the Internet |
|
|
Blogging |
activity that involves posting your thoughts, memorabilia, or works in a kind of web log of online diary |
|
|
Uses of blogging |
Self-expression, portfolio |
|
|
Contetnt Management |
a content publishing platform that appeals to site developers due to its customizability and plug-ins |
|
|
2 site platforms of content management |
wordpress.com (fully hosted by WordPress) and WordPress.org(freely downloadable self-hosted version) |
|
|
Uses of Collaboration tools |
1. Delivery Speed 2. Centralized Visual Working Space 3. Bigger Working System |
