Designer Lingo 101: Digital

Since we're on our digital devices constantly, we're all relatively savvy when it comes to the tech-speak now. But, here's a quick refresher of what you need to know when it comes to digital design.


RGB

Red, green, and blue. These are the colors that are used to create all web and digital colors. It's the color profile/setting you'll want to select for any design made with the intention of publishing online, on mobile, or for video. RGB color profiles create brighter colors than CMYK, including neons.

CMYK RGB.png

Pixel

The unit that screen size and display is measured by. All graphics and images on a screen are composed of pixels. Each pixel displays one color, therefore images or graphics with more pixels (aka higher resolutions) show more detail. Pixelation occurs when we begin to perceive the pixels in an image—a sign that the quality is low and an image with a higher resolution is needed. 

resolution

The number pixels that are displayed on a screen, measured by pixel width by pixel height. For instance, an HD display on YouTube is typically 1920 pixels x 1080 pixels.

retina/hd

Retina and High Definition (HD) displays have a higher resolution than standard displays. More pixels are squeezed onto a screen (becoming smaller pixels), showing twice the amount of detail than a normal display. Because retina and HD displays are becoming more common, we now create graphics at twice the resolution than we have in the past in order to display without pixelation. 

Pixelation.png

png

Stands for Portable Net Graphics. PNGs are the best image file type for digital displays. They're optimized for screen viewing and also support transparent backgrounds. 

gif

Stands for Graphics Interchange Format. GIFs can store multiple images in a single file, creating those fun animated graphics that we all love so much.

Powerful.gif

Coming up next week: Designer Lingo 101 - Digital