---
title: A guide to Lemonly lingo
date: 2016-11-08T00:00:00-06:00
author: Click Rain Inc.
canonical_url: "https://www.lemonly.com/blog/infographic-lemonly-lingo"
section: Blog Posts
---
![a guide to Lemonly lingo](https://d2xoo2expjpog9.cloudfront.net/generalUploads/Blog/1709_LY_BlogPreviewImages_2-01.jpg?mode=crop&pos=center-center&w=55&h=40&c=7d1d133d&v=212c39b1ddb8aca2ff209c970298f556c65a3341787da0912cb51c393f7d2743) #  A guide to Lemonly lingo

 

  [![](/assets/images/icons/back-to.svg)](https://www.lemonly.com/blog) *Sprechen sie Lemonly?* We've been living with a certain lingo for so long, we barely even notice anymore. Day-to-day design terms, project process vocab and more – we compiled a guide to the language of Lemonly.

Infographic, animatic, GIF or static? We've got you covered.

## Sweet visuals

**Infographic**  
A static piece of strategically designed content showcasing a complex set of data or story in a visual way. We’re big fans. Examples [here](https://www.lemonly.com/work?work_type=infographics).

**Interactive**  
Click it! Drag it! ([Bop it?](http://www.youtube.com/watch?v=fH4XHwefPVY)) Describes content with clickable elements and moveable data.

**GIF**  
No matter how you pronounce it, it’s a piece of animated microcontent. (Speaking of which…)

**Microcontent**  
A snack-sized bit of designed content that visually explains one or two data points. Examples [here](https://lemonly.com/microcontent-examples/).

  ![Madonna True Blue](https://www.lemonly.com/general-uploads/Blog/Grammy_Madonna_True_Blue_white-2-1.gif)   Microcontent

 

   

**Microsite**  
An individual site that functions independently from a company’s main website or acts to complement the existing website. Ideal delivery for interactive content [like this](https://annual-report-911-2015.herokuapp.com/).

**Static**  
A flat infographic or piece of microcontent that contains no animation or clickable parts. Simple, sweet, easy to share.

## First things first

**Branded**  
Should this project have your name all over it and be in your brand colors? If so, it's branded.

**Editorial**  
An editorial piece might not have your company name on it until the very bottom and typically is a style different than your brand. Rather, it’s content your target audience would be interested in or looking for, and you’re hoping they come to your site to find it.

**Ingredients**  
This list of questions gives us what we need to start a project: What we need to turn your lemons into lemonade. "What’s the big idea?" "Is there a call-to-action for this project?" Set us up and start the magic.

**Kick-off call**  
Your project manager and designer (and sometimes an animator and/or copywriter) huddle up and give you a call to go over your Ingredients questions and other project logistics. You ask questions, we ask questions, everybody feels good.

## Starting the story

**Brief**  
An organized page or two with the final research for your project. It’s the raw material for project copy.

**Tone**  
Helps determine word choice. Conversational, motivational, professional, authoritative, etc.

**Copy**  
Headings, subheadings, stats — any words that will be included in the piece.

**Script**  
What the voiceover of a video will say, word-for-word.

**Voiceover**  
A recording of a voice actor reading the script over the animation shown.

## Design phase: Engage

**Animatic**  
Fully-designed video scenes paired with selected music and voiceover. No animation yet.

**Animation**  
Providing movement to a design in video or interactive projects.

**Storyboards**  
A frame-by-frame layout of future animated scenes, often hand-sketched.

**Wireframe**  
A black-and-white “blueprint” of your infographic, focusing on the layout and flow of the data and information. It contains shapes and text describing components of the infographic, but the designer hasn’t created any designed elements for it yet.

     ![Wireframe](https://d2xoo2expjpog9.cloudfront.net/generalUploads/Blog/Screen-Shot-2016-11-08-at-9.19.02-AM.png?mode=fit&pos=center-center&w=55&h=43&c=de8f1463&v=17504826777a10497e5c43682cc8466fb5ef7fdc2e5332b3e5ab0f3d58522429)    Wireframe

 

   

**Moodboard**  
A collage-like composition showing the illustration style, color palette, fonts, and other aesthetic components the designer plans to use within the design phase.

     ![Moodboard](https://d2xoo2expjpog9.cloudfront.net/generalUploads/Blog/Screen-Shot-2016-11-08-at-9.19.25-AM.png?mode=fit&pos=center-center&w=55&h=43&c=33a77397&v=a5bde8095ae733dc0b6fbf80704d9d000b279a3d51b33c863b32af1e4c474636)    Moodboard

 

   

**Icon**  
A graphic symbol representing a point.

**Data visualization**  
Specially designed information that allows a viewer to easily distinguish trends. Charts, graphs, comparisons.

**Designed assets**  
A composition of main designed video assets, such as characters and scene environments.

## Designed, sealed, delivered. It’s yours.

**Working files**  
Files used to create the graphic (typically in Adobe Illustrator for static pieces). A must-have if you want to be able to edit your piece in the future.

**Final files**  
Exported from the working files. Typically .jpg, .pdf, or .png for static and .mp4 or .gif for animation.

     ![Final](https://d2xoo2expjpog9.cloudfront.net/generalUploads/Blog/Screen-Shot-2016-11-08-at-9.18.37-AM.png?mode=fit&pos=center-center&w=55&h=43&c=4769b77e&v=fef0211c2d4ca5f2db0eab60e54f7322096e8359653e0809d540c49de49018e0)    Final

 

   

**File type**  
Online: .jpg, .png  
Printed: .pdf  
Animation: .mp4, .gif, .mov

**Bleed**  
The solution to the problem of printers’ inability to print all the way to the edge of a paper. The bleed is the area beyond the edge of the paper (usually 0.125” on each side) where a designer extends the artwork and graphics.

**Crop marks**  
Lines in the corners of a printed document that shows that printer where the page should be trimmed.

     ![crop marks and bleed example](https://d2xoo2expjpog9.cloudfront.net/generalUploads/Blog/bleed-960x384.jpg?mode=fit&pos=center-center&w=55&h=43&c=d7fe81e8&v=83c2dc3816c41049a04c4c464ffb5b4bcfe54b953cfcad7e0a6a7a0f561dc088)   

## Share

- [  ](http://www.facebook.com/sharer.php?u=https://www.lemonly.com/blog/infographic-lemonly-lingo&p%5Btitle%5D=A%20guide%20to%20Lemonly%20lingo)
- [  ](https://www.linkedin.com/shareArticle?mini=true&url=https://www.lemonly.com/blog/infographic-lemonly-lingo&title=A%20guide%20to%20Lemonly%20lingo)
- [  ](https://www.pinterest.com/pin/create/button/?url=https://www.lemonly.com/blog/infographic-lemonly-lingo&media=https://www.lemonly.com/general-uploads/Blog/1709_LY_BlogPreviewImages_2-01.jpg&description=A%20guide%20to%20Lemonly%20lingo)
- [  ](mailto:?body=Check%20this%20out!%20https://www.lemonly.com/blog/infographic-lemonly-lingo&subject=A%20guide%20to%20Lemonly%20lingo)