New User Special Price Expires in

Let's log you in.

Sign in with Facebook


Don't have a StudySoup account? Create one here!


Create a StudySoup account

Be part of our community, it's free to join!

Sign up with Facebook


Create your account
By creating an account you agree to StudySoup's terms and conditions and privacy policy

Already have a StudySoup account? Login here


by: Elisabeth Swift
Elisabeth Swift
GPA 3.74


Almost Ready


These notes were just uploaded, and will be ready to view shortly.

Purchase these notes here, or revisit this page.

Either way, we'll remind you when they're ready :)

Preview These Notes for FREE

Get a free preview of these Notes, just enter your email below.

Unlock Preview
Unlock Preview

Preview these materials now for free

Why put in your email? Get access to more of this material and other relevant free materials for your school

View Preview

About this Document

Class Notes
25 ?




Popular in Course

Popular in Journalism and Mass Communications

This 8 page Class Notes was uploaded by Elisabeth Swift on Tuesday September 22, 2015. The Class Notes belongs to JTC 211 at Colorado State University taught by Staff in Fall. Since its upload, it has received 38 views. For similar materials see /class/210218/jtc-211-colorado-state-university in Journalism and Mass Communications at Colorado State University.

Similar to JTC 211 at CSU

Popular in Journalism and Mass Communications


Reviews for Computer


Report this Material


What is Karma?


Karma is the currency of StudySoup.

You can buy or earn more Karma at anytime and redeem it for class notes, study guides, flashcards, and more!

Date Created: 09/22/15
I Foundations 1 Old media vs New media characteristics Old Media mass media products of large organizations have a large audience simultaneously delivered New Media Manovich O O O O O 2 Definitions Information Designprocess of planning selecting organizing combining drafting producing a productcommunication piece testing evaluating finalizing reevaluating the whole process Multimediadigital integration of media types win a single technological system w its 5 characteristics see textbook Visual Communicationcommunication for vision that includes amp often combines typography photos graphicsillustration amp motion picture referred to as parts or elements of the design 3 Components of project planning The Three PS 0 O 0 Numerical Representation new media objects can be defined numerically as a formal equation or mathematical function Structural Modularity a new media object retains its individuality when combined w other objects in a large scale project bc the computer sees everything as a mathematical object Automation a computer can be programmed to serve as an agent of content design and production requires little expertise from the user Variability enables the new media producer to quickly repurpose digital content for a variety of distribution amp publishing scenarios Cultural Transcoding describes the bidirectional influence of computers amp human culture acting reciprocally upon one another Preproduction the preparation phase of a project that includes problem identification idea generation concept development research audience analysis budgeting etc Production the acquisition or design phase of a project Postproduction the assembly phase of a project 6 Tools used in previsualization 0 Treatment short narrative description of a project summary about the story idea 0 Storyboardcombines words and pictures to communicate an idea 0 Script a written narrative framework for organizing the visual and audio portions of a multimedia presentation 0 Wireframe a visual representation of the layout or skeletal structure of a page 0 Mockup a detailed actualsize version of the page usually created by a graphic designer 0 Prototype a paper or working model of the project designed for simulation and testing 4 Steps amp Components of Design Process 0 Specify requirements 0 Analyze Users 0 Build a working prototype or finished product 0 Evaluate and revise based on feedback 4 Audience Analysissegmentation criteria DemographicAge gender income occupation education of children raceethnicity language literacy generation relationship status Geographic Size of citycountry residential density climate PhysicalMedical Medical history family history health status illnesses or disorders risk factors PsychographicLifestyle personality characteristics political affiliation values opinionsattitudes interestsmotivation level conceptions of social norms Behavioral II Design 1 Aspect Ratio The relationship between the width amp height of a design space As long as aspect ratios are compatible images will stay true to their original proportions no matter the monitor size 2 Elements of Design Space Dot Line Shape Form Texture Pattern Color Space the distance between things 0 Twodimensional space digital workplaces have 2 dimensions width x axis amp height y axis measured in pixels 0 Depth digital spaces are physically limited to width and height but ppl can perceive the third dimension 2 axis 0 White or Negative spacethe part of the image where no visual content exists o Dot the most basic representation of form the starting point for all other elements of design and can be combined in large 5 to portray complex visual objects o Line the visual connector bw 2 points in space 0 used to divide space amp direct the viewers eye can be used to separate content lines direct the flow of content can be used to create emphasis on a specific area of your work 0 Types Straight diagonal or static Vertical Implied Psychic following w viewer s eye to look at intended content Dutch Tilt tilting the camera so the horizon is no parallel to the bottom of the frame it destabilizes the image for movement Curved an Scurve is used to gently guide viewer s eye along a linear path to the main subject Shape a 2dimensional element formed by the enclosure of dots amp lines Form adds the dimension of depth to shape 3dimensional amp connects us more fully to the way we see objects in the natural world lighting and shading changes the form Texture the lookfeel of the surface sometimes used w filters Pattern the reoccurrence of a visual element win a design space Color used to set tone and mood to promote instant associations and to attract attention 0 3 Dimensions of Color 1 Hue color shade of an object as a single point on the color spectrum 2 Saturation strength or purity of a color 3 BrightnessValue pulling out some of the color adding more white to it 0 Color Psychology amp Interaction Blue expressive serene reliable Green growth nature lifegiving Yellow sunlight energy intelligence reason Orange active appetizing hot Red festive exuberant romantic danger blood imagination 3 Principles of Design Unity Emphasis Perceptual Forces o Unity constituent parts of a work reside together in harmony 0 Proximity things that go together should look like they go together 0 Alignment positioning objects that belong together along a common edge or implied line Similarity the brain will perceive visual objects as belonging together when their style attributes are similar amp uniform o Repetition suggests that repeating visual elements help strengthen the overall unity of a design o Emphasis a good design must have a primary focal point or center of interest 0 Contrast value the range of light amp dark positions in an image or design 0 Color a powerful too for enhancing contrast in visual design space warm orange area of the spectrum the eye sees these 1st cool violets amp blues recede more into the bg 0 Depth what we perceive in the foreground or background 0 Proportion the scale of an object relative to other elements win a composition o Perceptual Forces the relative push and pull while looking at a graphic representation win a frame 0 Balance the visual weight of objects is equally dispersed win the frame symmetrical or asymmetrical 9 Rule of 3rds o Continuation our brains process what we see as continuing along lines that are predictable and free of obstacles amp that don t abruptly change direction 0 Figureground in 2 dimensional space where we must rely on visual cues win the frame to provide a sense of order along the zaxis Psychological Closure the human equivalent of connecting the dots or filling in the gaps objects can extend past the boundary of the frame 4 Screen vs Print o Color RGB red green blue vs CMYK cyan magenta yellow black o Resolution 0 Dots per inch term used in print design of dots of color in an inch of printed material 0 Pixels per inch term used w digital materials 0 O 150 ppi for inhouse printing 300 ppi for professional printing 72 ppi for Web video or PowerPoint Image File Types 0 PSD Photoshop document can create vector graphics 0 EPS Encapsulated Postscript universal file type for vector graphic JPEG good for real or realistic photos w gentle shading supports 16 million colors doesn t support transparency compresses file size my discarding data GIF optimal format for simple line art cartoons clip art supports 256 colors supports transparency PNG like a GIF only better supports transparencies TIFF best graphic file format for use in desktop publishing apps supported by all image editing apps most versatile eps for print 5 Raster vs Vector Images o Raster an image made out of pixels on a grid can get fuzzy when enlarged o Jpeg gif png tiff o Vector image composed of mathematical algorithms can enlarge for everything can t get as much detail 0 Symbol fonts can be simple or complex not displayed by web browsers except for svg and must be converted otherwise 6 Typography Applying type in an expressive way to reveal the content clearly and memorably w the least resistance from the reader all fonts communicate feelings o Legibility refers to a typeface s characteristics amp can change depending on font size the more legible the easier it is to distinguish and identify lettersnumberssymbols o Readability how easy text is to read in context not as isolated letters and depends on a variety of factors italics font size spacing capitalization etc o Tracking spacing bw all letters o Kerning adjusting spacing bw individual letters III Photography amp Videography 1 2 Key artistic factors in photography o Timing when to snap the shutter 0 Split second of genius inspiration that a photographer has to capture a certain moment o Candid situations o Composition what is in the frame 0 This is the beauty of the photography 2 Rules of Composition o The Rule of Thirds get subject in one of the intersections o Leading Lines adds depth uses zaxis o Diagonal lines a way into the picture 0 Repetitive lines eg stairs o Scurve eg roads Framing the photograph taking something in foreground amp using it to frame the subject Also include a central point of interest include some foreground experiment w texturecolorpattern pay attention to colors always look for the human element 3 3 Rules of Light o Quality The larger the light source the softer the light 0 Small light source Harshdirect light Bright highlights Deep shadows Large light source Soft amp even light Little or no shadows 0 Change it by adjusting light source size reflection o Reflected Light Light will take on characteristics of the color of the reflector on which it bounces o Intensity of Light The farther the light is from the subject the lesser the light quantity 4 Photo shots vs Video shots 5 Camera Angles o Low Angle gives the viewer the feeling that the subject is important amp powerful o High Angle makes the subject look tiny or overwhelmed subject will seem insignificant 0 IV Web Design amp Usability 1 Special Considerations in Web Design o Responsive Web Design o Crafting sites to provide an optimal viewing experience easy reading and navigation with a minimum ofresizing panning and scrolling across a wide range of devices 2 Components of Accessibility amp Usability o Accessibility focuses on allowing more people especially those w disabilities to use that interface under more circumstances o 4 Principles Media must be Perceivabe no info should be conveyed through nontext content alone provides an alternative textbased formatted for audio amp video content Operabe mobility or dexterity may be limited fully accessible w keyboard no mouse large clickable targets Understandabe plainest possible language low literacy dyslexia Robust Uses HTML CSS and JavaScript accessible through all browsers thoughtfully designed sites accommodate past present amp future needs o Usability refers to designing an effective efficient and satisfying interface 0 Accessibility to consider the load time browser compatibility and compatibility for multiple devices 0 Identity company logo prominently placed clear path to important info content amp homepage are straightforward 0 Navigation main nav is easily identifiable company logo linked to homepage links are consistent 0 Content major headings clear amp descriptive critical content above the scroll styles amp colors consistent HTML page titles are explanatory eg Google not wwwgooglecom 3 Priorities for Choose WordPress Themes o 1 Usability load time responsiveness browser compatibility obvious navigation home page vs content pages allows for critical content above the scroll o 2 Accessibility color schemecontrast typography large amp clickable targets o 3 LayoutDesign o 4 Features amp Functionality o 5 Customizability 4 What is HTML o HTML Hypertext Markup Language lets you put tags around your text so that the browser knows how to display it on the screen which words or other objects are links and where to go if you select the link 5 What is CSS o CSS Called Cascading Style Sheets because of they way the rules for styles fall into a cascade or how one rule overrides another o linked lowest priority embedded inine top priority 6 4 components of a social mediafriendly website Easytofind following options Social content displaying posts inside your website page Shareable on users desired platforms Images optimally sized for sharing


Buy Material

Are you sure you want to buy this material for

25 Karma

Buy Material

BOOM! Enjoy Your Free Notes!

We've added these Notes to your profile, click here to view them now.


You're already Subscribed!

Looks like you've already subscribed to StudySoup, you won't need to purchase another subscription to get this material. To access this material simply click 'View Full Document'

Why people love StudySoup

Jim McGreen Ohio University

"Knowing I can count on the Elite Notetaker in my class allows me to focus on what the professor is saying instead of just scribbling notes the whole time and falling behind."

Jennifer McGill UCSF Med School

"Selling my MCAT study guides and notes has been a great source of side revenue while I'm in school. Some months I'm making over $500! Plus, it makes me happy knowing that I'm helping future med students with their MCAT."

Steve Martinelli UC Los Angeles

"There's no way I would have passed my Organic Chemistry class this semester without the notes and study guides I got from StudySoup."


"Their 'Elite Notetakers' are making over $1,200/month in sales by creating high quality content that helps their classmates in a time of need."

Become an Elite Notetaker and start selling your notes online!

Refund Policy


All subscriptions to StudySoup are paid in full at the time of subscribing. To change your credit card information or to cancel your subscription, go to "Edit Settings". All credit card information will be available there. If you should decide to cancel your subscription, it will continue to be valid until the next payment period, as all payments for the current period were made in advance. For special circumstances, please email


StudySoup has more than 1 million course-specific study resources to help students study smarter. If you’re having trouble finding what you’re looking for, our customer support team can help you find what you need! Feel free to contact them here:

Recurring Subscriptions: If you have canceled your recurring subscription on the day of renewal and have not downloaded any documents, you may request a refund by submitting an email to

Satisfaction Guarantee: If you’re not satisfied with your subscription, you can contact us for further help. Contact must be made within 3 business days of your subscription purchase and your refund request will be subject for review.

Please Note: Refunds can never be provided more than 30 days after the initial purchase date regardless of your activity on the site.