Decoding Design: Print Lingo

Posted January 11th, 2010 in Decoding Design, Highlight by Amanda Cobb

Having covered color profiles and website lingo, I will now move on to the wonderful world of print. If you’ve ever had to deal with getting something professionally printed, and are not yourself a printer or designer, you’ve probably been befuddled by terms like DPI, and possibly worried about mention of bleeds and stocks and crops. Not to worry; taking something to print is, usually, a painless and bloodless process if you’re properly prepared.

DPI

Dots Per Inch, or PPI: Pixels Per Inch. If you have ever heard the term ‘resolution’ in regards to image quality, this is what it meant. DPI refers to the dot density of an image when it is reproduced as a real physical entity, i.e. printed onto paper or displayed on a screen. In other words, dots per inch is literally a measurement of how many pixels or dots of ink fit in a line 1 inch long. This makes a difference, because generally the higher the DPI, the crisper and better-quality a printed image will be, and the larger you can print an image without losing quality or having it become pixelated. Standard resolution for online or web images is 72 DPI, wheras the minimum standard for printed images is 300 DPI. You can discover the resolution of an image by opening it in a program like Photoshop and bringing up the Image Size window (it will list DPI), or you can ask your designer if an image is of the required resolution for your project.

Bleeds and Crops

Have you ever printed something small out on a letter-sized piece of paper, but then when you went to cut it out the scissors couldn’t quite get close enough and you end up with that plain white paper smidgeon of a border around your piece? Well, bleeds and crops are the professional printing world’s way of eliminating that unsightly problem. Professional printers use large format printers,  so unless your project is also pretty large, there will be some trimming to remove the excess plain paper and get your piece to it’s actual finished size. To eliminate the possibility of that excess white border, designers set up print pieces to include a bleed – generally 1/8″ to 1/2″ of extra color or picture information that extends beyond the edges of a piece. This bleed ensures that even if the trim line isn’t exactly perfect, you just have a continuation of your design instead of that annoying border of plain paper. A crop mark is a designation that tells a printer where the actual piece ends and the bleed begins – i.e. where they should crop/trim the paper at.

Registration

Traditional printing presses run pieces through the press one ink color at a time. This means something printed in CMYK (4-color process) runs through a press 4 different times, once for each color. Registration is the method printers use to make sure the paper (and hence the printed colors) line up correctly for each color run through the press. Printers place a special mark at the edge of the press sheet and use that for alignment.

Stock

In the printing world, stock refers to paper stock. Choosing a specific paper stock for your print project sounds like it would be as simple as saying ‘plain white paper’, but it’s actually a bit more complicated than that. Paper types vary greatly by material they’re made from, finish, weight, and color. Even with plain white paper, you have the options of a cool white, or warm white, or bright white; a matte finish or gloss finish or satin finish; vellum paper, recycled paper, fiber paper, textured paper; thin lightweight paper or thicker cardstock paper. The choices can be overwhelming, but choosing the right paper to print your piece on can really enhance the finished product. Your designer or your printer can look through paper sample books with you until you find one that you like.

Decoding Design: Web Lingo

Posted July 25th, 2009 in Decoding Design, Highlight by Amanda Cobb

Last time on Decoding Design, I decoded the basic terminology regarding color profiles. This time, I’m going to decode the world of building a website. This is a conversation I have to have fairly often with new clients, so I developed a way to explain it in non-programming terms.

Your website is basically your home on the web, right? So let’s go with that metaphor. There are 5 main components and terms you’ve probably heard regarding having a home on the web: hosting, URL, website, FTP, and mail server.

Hosting

Hosting is basically the house or apartment. When you buy a hosting account, you are buying space on a server somewhere to store all of the stuff that will make up your website. Depending on how big or flashy your website is going to be, you may only need a small 5MB hosting plan with minimal features (your online efficiency apartment) or you may need a bigger, unlimited space account with all of the advanced programming languages and features enabled (your penthouse condominium or mansion). Naturally, the prices correlate with the size of the hosting account that you need, just like housing. Most hosting accounts need to be renewed annually, although you can buy up to 3 years of hosting at a time. Monthly or yearly payment plans are usually an option.

URL

URL stands for Uniform Resource Locator, though no one calls it that. It looks like www.yourwebsite.com, and is also called a domain name. The URL or domain name is your website’s address, and is what people type into their web browser in order to visit your site. Think of it like a street address for a real house – it tells people where to find you, and is part of how they distinguish your house from another. The cool part is you get to pick your house (hosting) and attach whatever address (domain name) you want to it, as long as it’s not already taken. You will have to register your new address (otherwise you don’t really have a claim on it, or have it associated with you) and renew it yearly. Most hosting companies offer domain registration services as well, though you can do it through a separate company.

Website

When people refer to a website, they’re usually referring to the content and possibly design of it, rather than which hosting plan or domain name you use (though obviously they’d need to know the latter). The meat of a website is all of the stuff on it – text, pictures or other media, how the pages are organized, how it looks, interactive features, etc. Think of it like all of the stuff in a house – how you designate which rooms are which, how you decide to decorate them, all of the furniture and knick-knacks you fill it with. That is what really makes it your home, your website. In programming terms, it’s all of the files (which are stored on the hosting account) used to create the website that people see when they come to your domain name.

FTP

FTP stands for File Transfer Protocol, but you’ll rarely heard it referred to as that. Your FTP server is basically like the security system on your web home – people have to know the correct code in order to get inside, and have access to all the stuff in the house. When they go to your domain name, they can look at your house and the stuff in it, but without FTP access they can’t change anything around or remove anything. This is what you or your website manager uses to upload or download things from your site, add new content, remove old content, move things to a new page, etc.

Mail server

The mail server is, funny enough, how your home on the web receives mail – in this case, email. The server usually is something like mail.yourwebsite.com, and works like a post office. Each person in your house can set up an email address (persion1@yourwebsite.com, person2@yourwebsite.com) and that is how the mail server distinguishes where to deliver the mail. It’s kind of like each person installing their own mailbox in front of the house – their address is still that house, but what comes before the @ symbol in the email address determines which mailbox the mail goes into. When setting up Outlook or another email client to retrieve the mail at your new web address, you will need to know both the incoming and outgoing mail server addresses. Again, this is usually mail.yourwebsite.com, but your website manager can tell you for sure.

Home on the Web

Decoding Design: Color Lingo

Posted June 23rd, 2009 in Decoding Design, Highlight by Amanda Cobb

If you’ve ever had an in-depth conversation with a designer, you’ve probably been bombarded by letter combinations like CMYK, RGB, DPI, and odd terms like bleeds and spot colors. We designers throw these terms around all the time, maybe without realizing that not everyone lives and breathes these things like we do.

I’m going to start with decoding just a few basics in this article, namely the acronyms pertaining to color profiles. They are: CMYK, RGB, and PMS.

CMYK color space

CMYK

Cyan Magenta Yellow Key (black): also called process color or 4-color – CMYK is a subtractive color model, meaning that white (the paper color) is achieved by subtracting amounts of color, and black is a combination of all of the colors. This is the color setup used by all professional printers and your home printer, too. I like to call this the ink-based color setup, as that is the medium CMYK is generally in reference to. While certain computer programs (mainly in the design field) can handle the display of CMYK images, it is meant for printed pieces rather than digital formats. There are certain colors that CMYK inks can produce which are impossible to represent on a computer screen (see gamut image below).

RGB color space

RGB

Red Green Blue: in contrast to CMYK, RGB is an additive color model, meaning that black is the lack of all color and white is produced by combining all colors. This is the color setup that your computer monitor and TV use, as well as all web graphics and online images. I refer to this as the light-based color setup, as it is the setup used by all electronic devices that display color based on pixels made up of light. While home printers and digital presses can print pieces submitted in RGB, the color conversion will not be completely accurate. RGB is meant more for digital/electronic mediums than printed materials. There are certain colors that a computer monitor can display using RGB/light that are impossible to print using CMYK inks (see gamut image below).

Color gamut comparison
Pantone swatch book

PMS

Pantone Matching System: contrary to what popular usage of this acronym may imply, in the design world PMS has nothing to do with mood swings. The Pantone Matching System is a series of special, pre-mixed inks that can be used in place of or in addition to CMYK inks. Essentially, a PMS color (often called a spot color) is an ink mixed to a very specific formula based off of 13 base pigments – for this reason, many of the Pantone system’s colors cannot be reproduced exactly by CMYK. It’s like ordering a can of paint and using that to paint your wall, rather than buying 4 different colors of paint (CMYK) and mixing on the wall itself. It’s a much more precise color system, but also generally more expensive to run if you’re using more than one or two spot colors as each ink requires its own plate on the printing press. Pantones are great to use if you need a specialty ink, such as metallic or flourescent, or if the identity standard requires an exact color match every time even if different designers or different printers are handling the work. Pantone makes color swatch books that display how each ink prints on coated or uncoated paper. See the Pantone website.

Introducing Decoding Design

Posted June 15th, 2009 in Decoding Design by Amanda Cobb

Starting this month, I’m going to be doing a series of articles here on the AC Vent that aims to help clients and prospective clients understand a little more about the world of design. Design is a skilled trade, so there is a lot of technical know-how and industry-specific lingo that we designers use without a second thought, but which people outside of the design industry may be confused about. This series will hopefully help to bridge that gap and help make sure everyone is on the same page.

It’s going to be called Decoding Design, so whenever you see a blog post with that in the title, that’s what’s going on! The first article in the series will be coming up this week, so check back in a few days.

Here are the parts of the series so far:
Decoding Design: Color Lingo
Decoding Design: Web Lingo
Decoding Design: Print Lingo

Decoding Design: Print Lingo

Posted January 11th, 2010 in Decoding Design, Highlight by Amanda Cobb

Having covered color profiles and website lingo, I will now move on to the wonderful world of print. If you’ve ever had to deal with getting something professionally printed, and are not yourself a printer or designer, you’ve probably been befuddled by terms like DPI, and possibly worried about mention of bleeds and stocks and crops. Not to worry; taking something to print is, usually, a painless and bloodless process if you’re properly prepared.

DPI

Dots Per Inch, or PPI: Pixels Per Inch. If you have ever heard the term ‘resolution’ in regards to image quality, this is what it meant. DPI refers to the dot density of an image when it is reproduced as a real physical entity, i.e. printed onto paper or displayed on a screen. In other words, dots per inch is literally a measurement of how many pixels or dots of ink fit in a line 1 inch long. This makes a difference, because generally the higher the DPI, the crisper and better-quality a printed image will be, and the larger you can print an image without losing quality or having it become pixelated. Standard resolution for online or web images is 72 DPI, wheras the minimum standard for printed images is 300 DPI. You can discover the resolution of an image by opening it in a program like Photoshop and bringing up the Image Size window (it will list DPI), or you can ask your designer if an image is of the required resolution for your project.

Bleeds and Crops

Have you ever printed something small out on a letter-sized piece of paper, but then when you went to cut it out the scissors couldn’t quite get close enough and you end up with that plain white paper smidgeon of a border around your piece? Well, bleeds and crops are the professional printing world’s way of eliminating that unsightly problem. Professional printers use large format printers,  so unless your project is also pretty large, there will be some trimming to remove the excess plain paper and get your piece to it’s actual finished size. To eliminate the possibility of that excess white border, designers set up print pieces to include a bleed – generally 1/8″ to 1/2″ of extra color or picture information that extends beyond the edges of a piece. This bleed ensures that even if the trim line isn’t exactly perfect, you just have a continuation of your design instead of that annoying border of plain paper. A crop mark is a designation that tells a printer where the actual piece ends and the bleed begins – i.e. where they should crop/trim the paper at.

Registration

Traditional printing presses run pieces through the press one ink color at a time. This means something printed in CMYK (4-color process) runs through a press 4 different times, once for each color. Registration is the method printers use to make sure the paper (and hence the printed colors) line up correctly for each color run through the press. Printers place a special mark at the edge of the press sheet and use that for alignment.

Stock

In the printing world, stock refers to paper stock. Choosing a specific paper stock for your print project sounds like it would be as simple as saying ‘plain white paper’, but it’s actually a bit more complicated than that. Paper types vary greatly by material they’re made from, finish, weight, and color. Even with plain white paper, you have the options of a cool white, or warm white, or bright white; a matte finish or gloss finish or satin finish; vellum paper, recycled paper, fiber paper, textured paper; thin lightweight paper or thicker cardstock paper. The choices can be overwhelming, but choosing the right paper to print your piece on can really enhance the finished product. Your designer or your printer can look through paper sample books with you until you find one that you like.

Decoding Design: Web Lingo

Posted July 25th, 2009 in Decoding Design, Highlight by Amanda Cobb

Last time on Decoding Design, I decoded the basic terminology regarding color profiles. This time, I’m going to decode the world of building a website. This is a conversation I have to have fairly often with new clients, so I developed a way to explain it in non-programming terms.

Your website is basically your home on the web, right? So let’s go with that metaphor. There are 5 main components and terms you’ve probably heard regarding having a home on the web: hosting, URL, website, FTP, and mail server.

Hosting

Hosting is basically the house or apartment. When you buy a hosting account, you are buying space on a server somewhere to store all of the stuff that will make up your website. Depending on how big or flashy your website is going to be, you may only need a small 5MB hosting plan with minimal features (your online efficiency apartment) or you may need a bigger, unlimited space account with all of the advanced programming languages and features enabled (your penthouse condominium or mansion). Naturally, the prices correlate with the size of the hosting account that you need, just like housing. Most hosting accounts need to be renewed annually, although you can buy up to 3 years of hosting at a time. Monthly or yearly payment plans are usually an option.

URL

URL stands for Uniform Resource Locator, though no one calls it that. It looks like www.yourwebsite.com, and is also called a domain name. The URL or domain name is your website’s address, and is what people type into their web browser in order to visit your site. Think of it like a street address for a real house – it tells people where to find you, and is part of how they distinguish your house from another. The cool part is you get to pick your house (hosting) and attach whatever address (domain name) you want to it, as long as it’s not already taken. You will have to register your new address (otherwise you don’t really have a claim on it, or have it associated with you) and renew it yearly. Most hosting companies offer domain registration services as well, though you can do it through a separate company.

Website

When people refer to a website, they’re usually referring to the content and possibly design of it, rather than which hosting plan or domain name you use (though obviously they’d need to know the latter). The meat of a website is all of the stuff on it – text, pictures or other media, how the pages are organized, how it looks, interactive features, etc. Think of it like all of the stuff in a house – how you designate which rooms are which, how you decide to decorate them, all of the furniture and knick-knacks you fill it with. That is what really makes it your home, your website. In programming terms, it’s all of the files (which are stored on the hosting account) used to create the website that people see when they come to your domain name.

FTP

FTP stands for File Transfer Protocol, but you’ll rarely heard it referred to as that. Your FTP server is basically like the security system on your web home – people have to know the correct code in order to get inside, and have access to all the stuff in the house. When they go to your domain name, they can look at your house and the stuff in it, but without FTP access they can’t change anything around or remove anything. This is what you or your website manager uses to upload or download things from your site, add new content, remove old content, move things to a new page, etc.

Mail server

The mail server is, funny enough, how your home on the web receives mail – in this case, email. The server usually is something like mail.yourwebsite.com, and works like a post office. Each person in your house can set up an email address (persion1@yourwebsite.com, person2@yourwebsite.com) and that is how the mail server distinguishes where to deliver the mail. It’s kind of like each person installing their own mailbox in front of the house – their address is still that house, but what comes before the @ symbol in the email address determines which mailbox the mail goes into. When setting up Outlook or another email client to retrieve the mail at your new web address, you will need to know both the incoming and outgoing mail server addresses. Again, this is usually mail.yourwebsite.com, but your website manager can tell you for sure.

Home on the Web

Decoding Design: Color Lingo

Posted June 23rd, 2009 in Decoding Design, Highlight by Amanda Cobb

If you’ve ever had an in-depth conversation with a designer, you’ve probably been bombarded by letter combinations like CMYK, RGB, DPI, and odd terms like bleeds and spot colors. We designers throw these terms around all the time, maybe without realizing that not everyone lives and breathes these things like we do.

I’m going to start with decoding just a few basics in this article, namely the acronyms pertaining to color profiles. They are: CMYK, RGB, and PMS.

CMYK color space

CMYK

Cyan Magenta Yellow Key (black): also called process color or 4-color – CMYK is a subtractive color model, meaning that white (the paper color) is achieved by subtracting amounts of color, and black is a combination of all of the colors. This is the color setup used by all professional printers and your home printer, too. I like to call this the ink-based color setup, as that is the medium CMYK is generally in reference to. While certain computer programs (mainly in the design field) can handle the display of CMYK images, it is meant for printed pieces rather than digital formats. There are certain colors that CMYK inks can produce which are impossible to represent on a computer screen (see gamut image below).

RGB color space

RGB

Red Green Blue: in contrast to CMYK, RGB is an additive color model, meaning that black is the lack of all color and white is produced by combining all colors. This is the color setup that your computer monitor and TV use, as well as all web graphics and online images. I refer to this as the light-based color setup, as it is the setup used by all electronic devices that display color based on pixels made up of light. While home printers and digital presses can print pieces submitted in RGB, the color conversion will not be completely accurate. RGB is meant more for digital/electronic mediums than printed materials. There are certain colors that a computer monitor can display using RGB/light that are impossible to print using CMYK inks (see gamut image below).

Color gamut comparison
Pantone swatch book

PMS

Pantone Matching System: contrary to what popular usage of this acronym may imply, in the design world PMS has nothing to do with mood swings. The Pantone Matching System is a series of special, pre-mixed inks that can be used in place of or in addition to CMYK inks. Essentially, a PMS color (often called a spot color) is an ink mixed to a very specific formula based off of 13 base pigments – for this reason, many of the Pantone system’s colors cannot be reproduced exactly by CMYK. It’s like ordering a can of paint and using that to paint your wall, rather than buying 4 different colors of paint (CMYK) and mixing on the wall itself. It’s a much more precise color system, but also generally more expensive to run if you’re using more than one or two spot colors as each ink requires its own plate on the printing press. Pantones are great to use if you need a specialty ink, such as metallic or flourescent, or if the identity standard requires an exact color match every time even if different designers or different printers are handling the work. Pantone makes color swatch books that display how each ink prints on coated or uncoated paper. See the Pantone website.

Introducing Decoding Design

Posted June 15th, 2009 in Decoding Design by Amanda Cobb

Starting this month, I’m going to be doing a series of articles here on the AC Vent that aims to help clients and prospective clients understand a little more about the world of design. Design is a skilled trade, so there is a lot of technical know-how and industry-specific lingo that we designers use without a second thought, but which people outside of the design industry may be confused about. This series will hopefully help to bridge that gap and help make sure everyone is on the same page.

It’s going to be called Decoding Design, so whenever you see a blog post with that in the title, that’s what’s going on! The first article in the series will be coming up this week, so check back in a few days.

Here are the parts of the series so far:
Decoding Design: Color Lingo
Decoding Design: Web Lingo
Decoding Design: Print Lingo