by Carrie Swift
Posted on May 22, 2019
Print and web designers have a lot in common… however, there are some important differences that people often don’t understand.
Print design is any design which the final outcome is intended to be printed. For example: brochures, flyers, labels, business cards, posters, book covers – t-shirts and large banners.
Web design is a collection of skills that are used to created websites / digital graphics. Web design has so many levels –– it isn't just about the graphics but also the overall look of the webpage and the user experience across all devices.
A major difference between print and web design is how people view them. Holding something physical in your hand — a piece of paper, a folding brochure –– is much different to viewing something on a screen. How designs are viewed play a big part in the designers’ decisions.
Size and layout for print design determines how the designer will use the space… in terms of font size, design elements, etc.
For web design, size less restricted. Although responsive design is currently in high-demand so web designers have to keep in mind use for all devices.
So many people don’t understand the basics of resolution for both print and web. Resolution determines image quality so it’s important to use the correct terminology.
DPI (dots per inch) – This is used in the printing process and determines how much ink is used. The higher the DPI the better the quality.
PPI (pixels per inch) – This is the number of pixels (squares) in a digital image/ photo and determines how much screen space is used.
Some common file types, their characteristics, and what types of projects you can use them for:
Both print & web:
Colour displays differently printed on a piece of paper as opposed to viewing it on screen, as it involves different colour spaces: CMYK for print and RGB for web. If a project includes designing for both print and web — say, a logo for a website and a business card, the designer will need make sure colours appear consistent throughout.
The most popular way is to use the Pantone Matching System. Pantone colours have their own reference numbers, which are different to the codes associated with CMYK and RGB. The Pantone system makes it easy for designers, clients, and printers to collaborate and ensure that the final product stays consistent.
This is a very simplified guide, but I hope it gives you an initial understanding and sheds some light into the designers world.Back to Blog