Java Games: Flashcards, matching, concentration, and word search.

Multi-media and Web Design Vocabulary

AB
Graphics– anything on a page that is not actual text, from simple line drawings to fully active images found on the World Wide Web
Losslessintegrity is retained as image is resized
Lossysome pixels are lost when the image is resized
Portabilityease at which files are opened, modified, and viewed across software and browsers
Transparencyallows the background color of an image to be replaced or changed so that the graphic can blend into the background
Raster Graphicsalso called bitmap graphics, images composed of grids of pixels that have a fixed resolution (number of pixels per inch) and cannot be resized without losing image quality
GIFGraphics Interchange Format
JPEGJoint Photographic Experts Group
BMPBitmap (Windows)
PNGPortable Network Graphic
TIFFTagged Interleave Format
Vector Graphicscomposed of mathematical formulas that define lines, nodes (drawing points) and curves of digital images; can be 2D or 3D; edited in draw programs
AIAdobe Illustrator
EPSEncapsulated Postscript
CDRCorel Draw
DXFAutoCAD
SVGScalable Vector Graphics
PLTHewlett Packard Graphics Language Plot File
Typographyreproduction of letters on a page
Times– first designed for the Times of London newspaper in 1932
Courier New– designed as a typewriter face for IBM to emulate typewriter output for reports, tabular work, and technical documentation
Comic Sans MSoriginally developed for comic books
Century Schoolbookoriginally developed by Century magazine; later adapted and widely used in elementary textbooks and reading primers
Tahomaused for small sized text in dialog boxes and menus; can be rotated and scaled
Trebuchet MSdesigned for easy screen readability
Georgiadeveloped to address the challenges of on-screen display
Century Gothicoriginally developed to ensure satisfactory output from modern digital systems
Typefacea specific style applied to a font
Fonta specific size, weight, and style applied to a character (letter, number, symbol)
Font stylethe slant and weight of a character, such as bold or italic.
Font Familya group of similarly formatted characters
Serifsletters that have attributes on the tips that add weight and dimension
Sans Serifsletters do not have attributes (serifs) on the tips
Ornamental/Decorativedesigned strictly to catch the eye; should be used sparingly
Scripttypefaces that appear to have been written by hand, with a calligraphy pen, or a brush; should never be used to key in all caps
Concorda calm and harmonious layout
Conflictusing two different type faces that are similar, but not different enough to stand apart from each other
Contrasteffects on type face, size, and/or weight used to:
Monospaceletters share an equal amount of space, no matter their size
Proportionalletters take up space relative to their size
Leadingvertical spacing of lines of text
Kerninghorizontal spacing between letters
Trackingvertical spacing between lines or blocks of text
Oversized curly quotescan add interest to pull quotes in a design
En dashesfor showing the duration or range of an event
Em dashesfor use in place of double hyphens
Hyphensused to separate numbers and/or letters
Multimediaa computer based, interactive experience that incorporates text, graphics, sound, video, and virtual reality.
Multimedia Titlesspecific products, including CD-ROM/DVD-based games like “Flight Simulator” and educational titles like such as “Grandma and Me.”
Copyrightis legal protection that grants rights to its owners.
Fair Useis material that can be used without infringing on a copyright.
Animated pictures“hot spots” or “jumps” to locate another file or page; represented by a graphic or colored and underlined text.
Hyperlinksallow the end user to navigate between slides, additional elements (i.e. Word and Excel documents), audio, video clips, and other interactive parts of the presentation.
Navigation buttons or controlshow the user interfaces with a multimedia presentation on an electronic presentation or a web site.
Asymmetrical balancedistribution achieved by arranging non-identical elements on both sides of a centerline on the screen
Balanceis the distribution of optical weight in the layout of an image.
Build Effectan effect applied to text that makes it appear on a slide in increments of one letter, word or section at a time; keeps the audience’s attention and does not allow the audience to read or see past what the speaker is explaining.
Interactivityis the ability of the user to interact with an application.
Inter-screen unityis the design that users encounter as they navigate from one screen to another; provides consistency throughout a title.
Intra-screen unityis how the various screens elements relate on the same screen.
Linear presentationsauthor of the presentation controls the flow of information in the application.
No balancea design that has elements arranged on the screen without regard to the weight on both sides of the centerline.
Non-linear presentationallows the user to interact with a presentation and control how the information will be viewed; allows the user to be active rather than passive during the delivery of the information.
Optical centera point somewhat above the physical center of the screen.
Optical weightthe ability of an element such as a graphic, text, headline, or subheading to attract the user’s eye.
Rolloverfunction performed as the mouse pointer rolls over and points to an object
Sequential navigational schemetakes the user through a controlled, linear process.
Symmetrical balancedistribution achieved by arranging elements as horizontal or vertical mirrored images on both sides of the center line of a screen.
Treatment— how a presentation will be offered to the user; that is, the look and feel of the presentation.
Authoring Programsprograms used to create full, multimedia productions, such as simulations and tutorials; most have some point-and-click features, but require some knowledge of programming language concepts; i.e., Microsoft Visual Basic, Macromedia Director.
Director Shockwave Studiois a compressive authoring package that allows developers to create multimedia applications.
Hypercardone of the first multimedia authoring programs to use the card metaphor
Icon-based programa multimedia authoring program that uses a flowchart scheme to represent content or a particular event
Macromedia Directortime-based authoring program that uses a movie metaphor.
Macromedia Flashan animation program for developing 2-D animations delivered on the Web.
OpenScriptis a scripting language for Toolbook.
Playersare programs that allow users to run multimedia applications on their computers.
Programming languageslanguages used to create applications and, in multimedia, to produce sophisticated features such as creating animations and searching databases
Scriptis program code for a specific task such as a rollover.
Scripting Languagesprogramming languages used to create scripts.
Shockwaveprogram that allows an Internet user to play applications created with Macromedia Director.
SML(Synchronized Multimedia Integration Language) — a program created to enable developers to specify what should be presented, when it should be presented, and to control the use of transitions within a presentation.
Toolboxan authoring program based on a book metaphor.
Alignmentalignment and relationship of elements in a pattern or grid
Symmetricalelements of the design are centered or evenly divided horizontally and vertically on a page
Asymmetricaloff-center alignment created with an odd or mismatched number of elements
Radialelements radiate from or swirl around in a circular or spiral path
Contrast– the use of big and small elements, black and white text, squares, and circles
Proximity/unitygrouping of elements to demonstrate their relationship to each other
White spacenegative or blank space
7. Rule of Thirds, Visual Center, Gridsvisually dividing the page into thirds vertically and/or horizontally and placing the most important elements within those thirds
Linesused to organize information, simulate movement, lead the eyes, enhance a design
Shapesused to enhance a publication and convey meaning
Massused to define size, space, and create an impact
Textureused to convey a sense of feel
Colorused to evoke emotion and action; adds or detracts attention
Valuea subset of color; lightness or darkness of an object, regardless of color
i. Increase or decrease contrastthe greater the difference between an object and its background, the greater the contrast
Create movementobjects of the same value create a static design with all objects equal in visual importance
Lead the eyeby creating a pattern of dark to light values, even when the objects are equal in shape and size, it leads the eye in the direction of dark to light
Guidesnon-printing lines that appear on a document in desktop publishing software during the design phase to assist the developer in placing objects
Margin guideslines that indicate the space between the edge of the page and the document contents
Column guideslines that control the flow of text within columns and keep text out of the gutter (space between columns)
Ruler guidesused to align objects
Griddesktop publishing tool used to ensure consistent placement of logos, graphics, and other objects throughout multiple documents, such as a print media kit
TemplateA standard pre-formatted layout which may contain a color scheme, font scheme, pictures, and preset margins
Page sizevaries according to publication
Master pageincludes items and formats common to every page; used to maintain layout consistency
Prototype(also called mockup) an example of how the final document should appear
Format Considerationsselection of one or more document sizes and layouts for a project
Artillustrations and photographs used to convey meaning and add appeal
Ballooncircle or bubble enclosing copy in an illustration; often used in cartoons
Bleeda print effect in which layout, type, or pictures appear to run off the edge of a page
Captionalso called call-out, label used to identify parts of an illustration; can be in the form of a text box or a balloon
Dropped Capan enlarged character at the beginning of a paragraph; used to grab the reader’s attention
Running headlines/footersrunning text at the top and/or bottom of a document
Jumplineline at the end of a continuing article that tells readers which page to refer to for the rest of the article
Pull quotea small section of text “pulled out and quoted” in a larger font size; used to draw attention
Ruleslines around articles or graphics used to direct the flow of a publication and organize its content
Side barA smaller self-contained story inside a larger one which may or may not be related, usually boxed with its own headline and set off from the main text
Text boxContainer for text that can be placed and formatted randomly
WatermarkA semitransparent image in the background of printed material; may be text or object
End signa symbol, such as a wingding, that indicates the end of an article
Reverse textdark background and light text; used for emphasis
Nameplatebanner on the front of a document that identifies the publication and usually includes the name of the publication, a logo, and a motto
mastheadcontains the name of the publisher and may include staff names and other related information; usually appears on page 2 of the document
Headings and Subheadingsuse font sizes and styles to differentiate between main and subheadings; use a consistent set for each
Kickerwords positioned above a headline, usually as a lead-in or teaser
Bylinename of author or contributor of photo or article, usually placed just below the headline or photo or at the end of the article
Deckplaced between a headline and an article to provide a segue between the headline and the body of the article
d. Running headlines and footersheaders and footers used to indicate dates, page numbers, running titles
Bodythe bulk of the publication; articles and news items
Table of ContentsList of contents of a publication
Persistence of VisionThe way our eyes retain images for a split second longer than they actually appear, making a series of quick flashes appear as one continuous picture.
Frame-by-Frame AnimationA series of many frames that appears to be in continuous motion.
Vector AnimationThe movement of animations defined by formulas.
3-D GraphicsThe field of computer graphics concerned with generating and displaying three-dimensional objects in a two-dimensional space (e.g., the display screen). Whereas pixels in a 2-dimensional graphic have the properties of position, color, and brightness, a 3-D pixel adds a depth property that indicates where the point lies on an imaginary Z-axis
RolloversThe look or action of a control with relation to mouse actions. The four common rollover states are Up, Over, Down, and Hit.
morphingA technique in which one image is gradually turned into another, which is short for metamorphosing
stageThe part of the animation program window where the animator’s content is composed and manipulated.
frameA single still image in a video animation.
keyframeAn intermediate frame in an animation sequence that blends so one frame appears to change into the next.
TimelineThe part of the animation program window that organizes and controls an animation’s content over time using layers and frames
LibraryStore frequently used graphics, movie clips, and buttons
PlayheadThe vertical red marker in the timeline that shows which frame is the current frame.
ScrubDragging the playhead across the timeline.
TweeningAn animation process that uses keyframes between two images
CompressionThe process of reducing the space required to store data be efficiently encoding the content.
MP3A standard format for music files sent over the Internet that compresses music
WAVThe standard format for sound files on Windows PCs.
ExecutableA program file that can run on your computer.
Plug-inA hardware or software application that adds a specific feature to a computer
Quick TimeA cross-platform multimedia format that works on both Microsoft Windows and Apple Macintosh systems.
BandwidthThe amount of data that can be transmitted over a network in a given amount of time.
StreamingA procedure for transmitting media files so they can start playing as soon as a PC begins receiving them, rather than waiting for the complete files to download first.
Streaming RateThe rate in frames per second at which the movie can be downloaded.
Playback RateThe rate in frames per second at which the movie plays.
Clipartpremade graphics that are available online and in many software packages; may be vector or raster
Photographsraster images that contain millions of colors and realistic images
Art Workcomputer created drawing or painting; may be raster or vector
Resolutionthe amount of detail displayed in an image; the higher the resolution, the higher the level of detail
PPIpixels per inch – number of pixels displayed (not contained) in an image
SPIsamples per inch – information about how to display a scanned, printed, or digital image
DPI– dots per inch – dots of ink or toner in a printed image; the lower the DPI of a printer, the less detailed the image
LPIlines per inch – printer resolution
Aspect Ratiorelationship of an object’s width to its height; image file size and the image print size should be compatible or information will be lost
Anti aliasingsmoothes the lines or transitions between neighboring colors and shapes in an image
Cloningcopying part of an image and placing it elsewhere
Croppingremoving a part of an image
Filtersused to apply special affects to an image
Gradientsfilling an object/image with a smooth transition of colors
Layeringcompiling multiple pictures or objects together into one image
Rotatingpivoting an object around its center point
Transparencyremoving the background color of a raster image to allow the image to blend in with its background
AscenderThe part of a letter that extends above the baseline (such as l, h, and k).
Base fontThe most common font that works with the printer
BaselineThe imaginary line on which typed text rests (parts of letters below or above the baseline are called ascenders and descenders).
BleedingPrint that goes to the physical edge of a page.
BlendingA design effect created by varying shades that go from dark to light
BulletsSymbols used to draw attention to certain text in a document.
Camera readyFinal copy of a document or artwork used by commercial printers to make the plate for printing multiple copies
ChartsA pictorial representation of data used to explain and enhance word processing documents
Color matching systems -Sets of professionally designed colors that can be modified and used in a presentation.
CroppingTrimming an image in order to make it fit in a publication or to make the image more powerful in a publication.
DingbatsSmall typographical ornaments used to accent text or to decorate designs
Desktop publishing program (DTP)A program that allows you to manipulate text and graphics to create a variety of publication documents
Drop capA large capital letter at the beginning of a newspaper or magazine story (or used for decoration).
EmA typographical unit of measure equal to the width of the capital letter M.
EnA typographical unit of measure to half an em
Facing pagesPages in a publication that lie side by side on the computer screen (similar to those of an open book).
File formats(examples) - ASCII, CAD, BMP, EPS, JIFF, PC Paintbrush, PIC, TIFF, GIF, JPG, AU, DOC. The format often is shown in the extension for the file name.
GallerySet of predefined graph options with sample data and types of graphics.
GraphicA line, circle, or box which has been created or an image which is imported into a publication.
Greeking- Text or that which serves as a placeholder until the real text replaces it (used when basic layout ideas are first shown). Also refers to lines that represent text when viewing a page layout. The text cannot be read.
GuttersThe space between columns in a publication.
HalftoneA method of producing grayscale art (especially to reproduce a photograph).
HeadlineA large phrase appearing at the beginning of a newspaper article.
KerningAdjusting the horizontal space between characters in order to improve the readability or look of the text. (Example: Pulling the letters “w” and “o” closer together).
MastheadInformation printed in most periodicals, including newspapers, listing the names of the publication’s editorial staff members.
OrphanLast line of a paragraph appearing at the top of a page or column by itself
PasteboardThe work surface on the computer screen that surrounds the actual
PortraitPage orientation (layout) that is taller than wide; vertical layout.
Proportional spacingCharacter spacing based on the width of each character; the letter “I” takes up less space than the letter “M”.
Publication- A page or collection of pages created by integrating text and graphics
Pull quotescall outs) Phrases from an article that are enlarged and placed near the article to attract attention to the article.
ResolutionThe sharpness of an image; a device’s ability to produce detail on the monitor or printout (also, the number of dots per inch a printer can produce).
Reverse typeText appears in white on a black or color background
RiverWhite space formed from lines of copy containing poorly spaced words (the space is shaped like a river).
RuleA term for a line in graphic design
Sans serifTypeface that does not contain serifs (curls
Scaling an imageChanging the size of an image.
SeVectorrifTypeface containing curls to “pull” the eye across text as it is being read
ShadingThe intensity of a color.
Side barA related story that appears within a larger article, usually boxed and sometimes shaded.
Specifications sheetFormatting instructions for laying out a document.
Style sheetA sheet that contains type specifications and format definitions for different categories of text in presentation graphics.
TabloidPaper size larger than legal—printout usually has to be done in overlapping
Thumbnails- A tiny sketch of a brochure or flyer used by a designer to arrange layout of text and drawings in a publication.
TIFFA file format used to store scanned images on disk--stands for Tagged Image File Format
TrueType fontScalable fonts (capable of being changed in size and configuration).
TypefaceA set of characters with a common style and design.
VectorA type of graphic composed of computer-defined graphic routines such as lines and arcs. Vector-based graphics are the highest quality graphics, capable of infinite scaling without loss of resolutions
White spaceAn area of empty space on a page used to aid the reader in reading the information
X-heightThe first line of a paragraph appearing at the bottom of a page or a column by itself.
LeadingThe measure of blank space between lines of text
ListAn object that presents a body of text or menu from which one makes a selection.
LogoA unique symbol designed to represent a “calling card” for a person, product, business, or organization.
Master pagesPages in a publication whose contents will appear on every page of the publication.
Excel (spreadsheet).xls
Word (Word processor).doc
PowerPoint (Presentation).ppt
Access (Database).mdb
Clarisworks.cwk
webpage editor.html
Inspiration(Flowcharts/mindmaps)).ins
photo editor.jpeg
Adobe Acrobat.pdf
Microsoft Publisher.pub


CTE Instructor
Northern Nash High School
Rocky Mount, NC

This activity was created by a Quia Web subscriber.
Learn more about Quia
Create your own activities