The Graphic Designer's Electronic-media Manual: How To Apply Visual Design Principles To Engage Users On Desktop, Tablet, And Mobile Websites by Jason Tselentis

The Graphic Designer's Electronic-media Manual: How To Apply Visual Design Principles To Engage…

byJason Tselentis

Paperback | May 1, 2012

not yet rated|write a review

Pricing and Purchase Info

$39.16 online 
$44.00 list price save 11%
Earn 196 plum® points

Ships within 1-2 weeks

Ships free on orders over $25

Not available in stores


This comprehensive resource for graphic designers will help you merge traditional print design skills with new technology to create imaginative, informative, and useful online experiences for clients and ultimately the end users. The Graphic Designer’s Electronic-Media Manual focuses on reigning in the specific skills and tools necessary for creating design projects for the web and beyond. You'll also find a rich collection of sound design examples for the web from studios around the world. Unlike other books on web and electronic media, this book is not a technical manual, but a visual resource packed with real-world examples of design for the web.

About The Author

Jason Tselentis teaches graphic design and typography at Winthrop University in Rock Hill, South Carolina. He is the author of Type, Form, and Function by Rockport Publishers.

Details & Specs

Title:The Graphic Designer's Electronic-media Manual: How To Apply Visual Design Principles To Engage…Format:PaperbackDimensions:256 pages, 10 × 8 × 0.75 inPublished:May 1, 2012Publisher:Rockport PublishersLanguage:English

The following ISBNs are associated with this title:

ISBN - 10:1592537782

ISBN - 13:9781592537785

Customer Reviews of The Graphic Designer's Electronic-media Manual: How To Apply Visual Design Principles To Engage Users On Desktop, Tablet, And Mobile Websites


Extra Content

Read from the Book

Design and RedesignDesigners will take on one of two types of projects: a new design or a redesign. Each problem will have its own set of objectives, but in many cases, the redesign will offer the creative team a wealth of existing material for assessment. However, a new design will require more preliminary research and discovery to arrive at written content, information architecture, and graphic solutions. In both cases, performing a SWOT analysis will help evaluate the Strengths, Weaknesses, Opportunities, and Threats. By listing items related to each category, a designer can begin to shape creative directions and opportunities using some or all of the results. It is also crucial to identify who will be accountable for the plan, project, actions, and goals necessary to reach the intended purpose. Marion Dosher, Dr. Otis Benepe, Albert Humphrey, Robert Stewart, and Birger Lie developed this method of strategic planning from 1960 to 1970 at the Stanford Research Institute. A number of Fortune 500 companies funded the research to understand why existing planning did not work as intended.Questions to ask during a design or redesign:What is the intended voice?What is the received voice? Users may understand things differently than the client’s intended voice.What is the existing communication strategy?Who is the intended audience?What is being sold or delivered?How and where will people interact with the brand, product, or service?Who is the competition?How are they different?What do the existing visuals look and feel like?What types of visual assets exist? Photographic, illustrative, or diagrammatic?How do they contribute to the voice?Do typographic standards exist, or must they be invented?Does the written or visual content exist elsewhere? In print? Social media?Why will people come to the website?What will get people back again and again?Questions to ask during a redesign:Is the navigation easy to follow?Is the message clearly communicated?How do the graphics benefit the site both for content and for navigation?Were you able to navigate through the site without getting lost?How did the site engage the user, and was this action appropriate to the message?What was the most interesting aspect of this site?What brand elements must remain in place?What brand elements, or other entities, can get replaced?

Table of Contents

Preface: Reflections on Electronic Media

Introduction: Twelve Fundamentals

1. Know the Material

2. Know the Audience

3. Understand the Scope

4. Understand the Final Production

5. The Fold

6. Adaptability

7. Rough It Out

8. It’s All Type and Image

9. Use a Grid

10. Contrast, Contrast, Contrast

11. Interface Unity

12. Interface Variety

Chapter 1: The Digital Realm

The Online Experience



Navigation and Metaphors

Chapter 2: Managing the Design

Team Roles

The Design Process

Structure and Sequence

Concept and Testing

Chapter 3: Format + Layout

The Format

Composition Basics

Composition Tools

Visual Relationships and Contrasts


Chapter 4: Typography

Type Primer

Permutations and Sizes

Designing with Type


Chapter 5: Color + Pattern

Seeing and Making Color

Working with Color

Texture and Pattern

Visual Properties

Chapter 6: Image + Illustration

Image Modality

Imagined Worlds

The Language of Images

Pushing Boundaries

Chapter 7: The Online Brand

Brand Basics

Look and Feel