Elio L. Arteaga, MFA GRA1111c – Graphic Design 1.

Slides:

Advertisements

Similar presentations

What is Graphics? Graphics are visual presentations on some surface, such as a wall, canvas, computer screen, paper, or stone to brand, inform, illustrate,

Advertisements

Chapter 8 Enhancing Learning with Visuals

Objectives Understand how visuals are classified

Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.

Starting and Customizing a PowerPoint Slide Show

Creating and Using Presentational Aids Presentational Aids: Visual, audio, or audiovisual aids that help you express ideas in your speech.

Logos, Icons, and Descriptive Graphics Cindy Taylor.

Careers in digital media are wide-ranging— from print media to web design video editor to photographer sound technician to script writer animator to gaming.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

INTRO TO THE CLASS Arts, Audio and Video Technology and Communications.

Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.

Chapter 4 Typography.

•The Company Signature

Introduction To Graphic Design. What is graphic design? Graphic design is the process and art of combining text and graphics and communicating an effective.

Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Teaching and Learning with Technology Click to edit Master title style  Allyn and Bacon 2002 Teaching and Learning with Technology Click to edit Master.

Copyright © 2012 Pearson Education, Inc. publishing as Prentice HallChapter Visual Communication.

Part 4: Effective Advertising Messages Chapter 14

Human-Computer Interaction Lecture 2: Visual representation.

Your organisation’s presence on the Internet “To look good is to be good”-- that's the primary test when people assess a Web site's credibility The graphic.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

What is visual literacy?

ENG 171 Department of Multimedia and Graphic Arts

Literacy Test Reading Selections

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

What is GCSE Graphics? Graphic design is all about visual communication You will learn... –...about page layout, composition and colour theory –...sketching.,

Chapter 13 Design and Production

Course Title: M.M.T Chapter No: 01 “Introduction to Multimedia”

© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 14 Designing Visuals Technical Communication, 9/e John M. Lannon PowerPoint.

Graphics and Animation Multimedia Projects Part 2.

©2007 by the McGraw-Hill Companies, Inc. All rights reserved. 2/e PPTPPT.

3M Brand Identity System © 3M All Rights Reserved.

Identity Design Recognition is what every company wants. An identity must encapsulate everything the client wants to be. [“take a minimal amount of material.

Creating visually attractive and appealing publications.

Visual Text. What is Visual Text? A visual text makes its meanings with images, or with meaningful patterns.

Representing. Allow students to demonstrate their learning and understanding in a variety of ways. a.Creating, constructing, and communicating meaning.

 Graphic design can be thought of as a visual language that is used to convey a message to an audience.  A graphic design is a visual representation.

Adobe Illustrator.  Graphic design can be thought of as a visual language that is used to convey a message to an audience.  A graphic design is a visual.

EDT 612 Unit 6 © 2004 James Lockard, Peter D. Abrams.

© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 14 Designing Visuals Technical Communication, 9/e John M. Lannon PowerPoint.

Exploring the World of Multimedia Chapter 1. What is Multimedia? Multimedia is the integration of text, still and moving images, and sound using computer.

Guess The Logo. LOGOS Objective Given a computer, lecture & notes, and project guidelines, understand & design logos. Score a 70 or better on the project.

WHAT IS AN INFOGRAPHIC Data visualizations that present complex information quickly and clearly. Visual representation of data, information, and/or.

Intro to Multimedia Unit 1.

Major Art Modality Utilized: Creative Movement, Visual Art Multiple Intelligences Addressed: Visual-Spatial, Bodily-Kinesthetic, Interpersonal Lesson Abstract:

Analyzing and Visualizing Data Dr. Lam TECM 4180.

© 2005 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 14 Designing Visual Information Technical Communication, 10/e John M. Lannon.

STEM. a. Photoshop is the world’s leading digital image editing software application. b. People use it to create, enhance and modify images, such as brochures,

YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.

Introduction to Multimedia. What is Multimedia? Derived from the word “Multi” and “Media” Multi Many, Multiple, Media Tools that is used to represent.

Expressing Creativity with Multimedia Technologies BY Kenyetta mcallister.

IMPACT OF IT ON COMMUNICATION. Technological tools can enhance the uniquely human ability to communicate. Technological tools can enhance the uniquely.

Multimedia Fundamentals

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Chapter 9 Visual Media Copyright © 2014 Pearson Education, Inc. publishing as Prentice Hall 1Chapter 9 -

3D Animation 1. Introduction Dr. Ashraf Y. Maghari Information Technology Islamic University of Gaza Ref. Book: The Art of Maya.

 The Master Technology Teacher knows and applies basic strategies and techniques for using graphics and animation.

1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.

TEXT BOOK : COMPUTER GRAPHICS DONALD HEARN & M.PAULINE BAKER

Preparing and Interpreting Tables, Graphs and Figures

Graphics and Animation

Unit 2 What’s Next.

Educational Computing

VCT 251Competitive Success/snaptutorial.com

VCT 251 Education for Service-- snaptutorial.com

Chapter 14 Design and Production

Careers in Digital Media

Multimedia Fundamentals

Multimedia (CoSc4151) Chapter One : Introduction to Multimedia

Presentation transcript:

Elio L. Arteaga, MFA GRA1111c – Graphic Design 1

Images Photographs Illustrations Drawings Paintings Prints Pictographs Signs Symbols Maps Diagrams Optical Illusions Patterns Graphic Elements Marks

Classification of Images

Pictograms Signs and/or symbols consisting of elemental forms.

Pictograms Talk Chart

Icon Design Who is the audience? What size will the icons be seen? Where will the icons be displayed? On computer screens? On display signs? What do the icons represent? How reductive can the icons get? Are they part of a system? Are they consistent?

History of the Prudential Insurance Logo

Icon Design for a Web Site Accurately depict the shape. Elemental form. Represent the object from its most characteristic angle. Recognizable images that people around the world would recognize. Impact, legibility, meaning, brand, etc. Consistent design. Color and B&W, at different sizes.

Media, Methods and Viz Illustrations – hand-crafted unique images accompanying a textual communication. Photography – visuals created using a camera to record an image. Graphic Interpretation – expressive signs or symbols.

Media, Methods and Viz Motion Graphics – time-based visuals integrating type, images and audio, and used for TV, animation, film titles, and commercials. Diagram – a graphic representation of statistical information, structure or process. In the form of: Chart Graph Map Thirteen Reasons Why Your Brain Craves Infographics Thirteen Reasons Why Your Brain Craves Infographics

Stock Images and Photos StockByte iStock Photo Shutter Stock BigStock FotoSearch Photos.com FreeImages.com FreeDigitalPhotos.net Licensed Royalty-free What is cropping? What is a silhouette?

Line Quality

Cropping and Bleeding

Cropping a Photo

Cropping and Proportions

Color Wheel

Color Relationships

Monochromatic Color Palette

Color on the Web Visit color.adobe.com to learn how to combine and manipulate colors for your graphic design and web design projects.color.adobe.com Visit paletton.com for another online color mixer for your design projects.paletton.com Visit pictaculous.com, a color palette generator from uploaded photos.pictaculous.com Visit mariaclaudiacortes.com to view her Master’s thesis project from Rochester Institute of Technology and learn how color is interpreted emotionally.mariaclaudiacortes.com

Color: Best Practices Color always must be appropriate for a brand, group, or organization as well as for the audience. Color is perceived depending on colors that surround it. Color can be used to create a focal point. Color can differentiate a graphic element from others in a composition. Using color is the easiest way to establish connections among graphic elements in a single composition or across multiple pages. Color can be thematic. Color can define a section of a website or publication.

Case Study – A Story in a Single Image

Case Study - Icons

Case Study – A Set of Posters

Case Study – Posters Began as Sketches

Project 6-1, pg. 142