Print design VS. Web design

Designing for print media versus designing for the web can be a completely different experience. To understand better these differences, the two can be compared in major topic areas: types of media, audience, layout, color, technology and careers.

Types of Media: before looking at the actual differences in design, it is important to know what type of work you may find yourself doing in each field.

Of course the list can go on for both, but the basic difference is that when designing for print you will end up with a finished product that someone can hold in their hand, and when designing for the web you will generally work on an ever-evolving piece viewed on a computer display.

Audience: when beginning a project, it is important to think about the experience of your audience, which differs greatly between print and web design. At the most basic level, the web is interactive and print pieces are usually not.

In print, you are trying to get your audience to stay on a page long enough to get a marketing message across. You are often faced with a limited area in which to achieve this, such as a one-page magazine ad. In some cases, you are trying to catch their attention and have them dive deeper into your product, as with a book cover or the first page of a brochure. One of the benefits of print design is that you are dealing with a physical product, so physical properties such as texture and shape can help you achieve your design goals. As an example, paper companies will take out magazine ads printed on their own paper, allowing the audience to feel the weight and texture of their product.

On the web, you are generally trying to keep your audience on a specific website for as long as possible. The amount of pages to work with can be unlimited, so you ‘tease’ the audience with snippets of content to entice them into clicking further into your site. Clear navigation (buttons that users click to get to the sections of your site), animation, sound and interactivity all come into play.

Layout: both print and web design require clear and effective layout. In both, the overall goal is the same - using elements of design (shapes, lines, colors, type, etc) to present content to your audience.

The differences start in the available space to create your design:

Another major difference is how you actually achieve your layout. As a print designer, you know the final piece will be delivered as-is to the printer, though you must make the final print job appears as intended. As a web designer, you must keep in mind that you will deliver your design to a programmer (if not doing it yourself) who will prepare it for the web.

Color: dealing with color can be very tricky in both print and web design. It is important to understand each of the color models and spaces, such as RGB, CMYK and HSV. Below are some of the choices, issues and concerns when dealing with color in print versus web design.

Technology: keeping up with the latest technology is necessary in both print and web design. For both, it is important to work in graphic programs such as Adobe Photoshop, Illustrator, and InDesign. For print designers, knowing the latest advances in the printing process will help you to achieve the best results in your work. For web designers, knowing what your programmer (if not yourself!) can and cannot do will help you to provide the most effective designs.

Careers: a career in graphic design can mean many things. Below are just a few examples of specific jobs in print and web design.

Which to Choose?

Ideally, deciding which type of design to pursue will be based on experience. Even if you create your own personal projects, try creating some print pieces (such as your own business card) and websites (create a mockup of your online portfolio). See what you enjoy, and learn more about it! Think about the differences in this article and what you’d like to focus on.

Learning both print and web design will make you even more marketable. In today’s job market, listings often ask for a focus on one, but knowledge of both. As a freelancer, being able to offer a client a full marketing package, with print materials and a website to match, will only help to grow a business and build an impressive portfolio.

NOTES:

_____________________________________________________________________

*Flash websites: flash is a multimedia technology used for creating animations and interactive websites. Web developers often use Flash to add dynamic content that is not possible with HTML or other scripting languages. Some examples include splash screen animations, YouTube videos, and interactive song playlists.

XIV. Choose the correct word or word combination to complete the sentences:

1. As a print designer you may work on…

a) business cards and logos;

b) flash websites;

c) banner advertising.

2. As a web designer you may work on…

a) magazine advertisements;

b) business cards and logos;

c) standard HTML websites and flash websites.

3. In print design physical properties such as … can help you achieve your design goals.

a) clear navigation;

b) texture and shape;

c) animation and sound.

4. In web design such properties as … can help you achieve your design goals.

a) colors and lines;

b) texture and shape;

c) animation and sound.

5. The differences in layout start in the available … to create your design.

a) material;

b) software;

c) space.

6. Dealing with color it is important to understand each of the color model and spaces, such as …

a) HTML and CSS;

b) RGB, CMYK and HSV;

c) CAD, GIS and DTP.