Creative agency glossaryWeb, UX/UI, and Design

Illustration

Illustration is drawn or painted imagery, by hand or digitally, made to explain, decorate or give personality to a brand, a story or a product.

What is illustration?

Illustration is the picture that was made rather than taken. It covers a wide field: editorial drawings beside an article, spot illustrations in an interface, character work for a campaign, technical and explanatory diagrams, patterns for packaging, animated sequences for film, the drawn mark inside a logo. The common thread is authorship. A photograph records what was in front of the lens; an illustration shows what the artist chose to show, in a hand that belongs to someone.

It also carries a style the way a typeface does. A brand that uses the same illustrator, or the same drawn language, across its site, its packaging and its social channels builds something recognizable that photography alone struggles to give: a world that is unmistakably its own.

Why it matters

Why illustration matters

Illustration does things photography cannot. It can show what does not exist yet, simplify what is complicated, make the abstract concrete and make the serious approachable. It gives a brand a face without a model release, a world without a location fee and a consistency that stock photography never delivers. In a feed full of the same lighting and the same faces, a drawn image is also distinct, and distinct is the whole game. The risk is the same as the reward: a style is a strong statement, so the wrong one is as loud as the right one.

In practice

How illustration works in practice

  1. 01

    Commissioning starts with the job. Is the illustration explaining, decorating or carrying the brand? That decides the kind of illustrator and the kind of brief. We look for a hand that already does what the brand needs rather than asking one to imitate another, we agree the usage (where, how long, which markets) and the rights up front, and we brief with references, the copy it has to sit beside and the sizes it has to work at.

  2. 02

    Then the work goes through rounds: rough sketches to settle the idea and the composition, a refined drawing, color, and final art delivered in the formats the uses need, usually layered files and vector where possible so it can be recolored, cropped and animated later. For a brand system the output is also a set of rules: line weight, palette, how figures are drawn, what is never drawn, so other hands can extend it.

Watch out

What people get wrong about illustration

Using illustration as filler. The generic flat-vector people that populated every tech homepage for five years are the proof: illustration that says nothing specific says the brand is interchangeable. Second, briefing an illustrator to copy a style found online; the result is weaker than the original and sometimes a legal problem. Third, skipping the rights conversation, then discovering the drawing cannot be used on packaging or in a second market without a new fee.

And for the budget-minded: AI image generators produce pictures, not illustration. The consistent hand, the intention and the ownership are exactly what they do not supply.

Questions

People also ask

What is the difference between illustration and graphic design?

Graphic design arranges type, image and layout into communication; illustration is the making of the image itself. An illustrator draws the picture, a designer decides where it goes and what sits beside it. Some people do both.

How much does a commissioned illustration cost?

It ranges from a few hundred dollars for a spot illustration with limited use to tens of thousands for a campaign-wide system with full rights. Usage is the biggest factor: an image used on one web page costs less than the same image on packaging worldwide.

Should a brand use illustration or photography?

Photography sells real things and real people; illustration explains, characterizes and builds worlds. Many brands use both, with illustration for the interface, the diagrams and the moments photography cannot reach.

Next to it in the glossary

  1. HTTPHTTP (Hypertext Transfer Protocol) is the set of rules browsers and servers use to request and deliver web pages, and the reason every web address starts with it.
  2. HTTPSHTTPS is the secure version of HTTP, in which the traffic between a browser and a website is encrypted so that nobody in between can read or alter it.
  3. HyperlinkA hyperlink is a clickable reference in a page that takes the reader to another page, file or place, and it is the mechanism the web is built on.
  4. Interactive DesignInteractive design is the design of how a digital thing responds to a person: what happens when they click, scroll, drag, type or wait, and how it feels while it happens.
  5. Landing PagesA landing page is a single web page built for one audience and one action, where visitors arrive from an ad, an email or a search and are asked to do one thing.
  6. MicrositeA microsite is a small, self-contained website, often on its own address, built for a single campaign, product, event or story apart from a brand's main site.

Every Web, UX/UI, and Design term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage