Skip to content

Home / Guides / Motion & illustration

Motion & illustration

Design a break screen that answers the question

Use clear status, restrained supporting information and a calm visual rhythm for a stream or presentation break screen.

By Shane Rounce · 2 min read

An animated break screen has a clear audience question to answer: has the stream finished, or is the person coming back? Its hierarchy should make that answer obvious before the decoration attracts attention.

I want the screen to answer that question immediately. The artwork can carry plenty of personality, but it should support the status rather than make the viewer decode it.

Put the status first

I start with a clear message such as back shortly or taking a short break. I decide whether an expected return time is genuinely known. If it is not, I avoid a precise promise that will become misleading if the break takes longer.

The screen needs to make sense to someone arriving halfway through. A regular viewer may recognise the illustration, but a newcomer should not have to know the stream’s visual language to understand what is happening.

Choose one supporting message

After the status, I allow a small amount of useful information: where to find the schedule, what is coming next or how to take part when the stream returns. I resist turning the break into a wall of handles, rules, promotions and unrelated reminders.

For a fictional live drawing session, the secondary message might explain that the next segment will continue the illustration. That gives the break context. It does not need a long explanation of every channel feature to be useful.

Give the animation a comfortable rhythm

A break screen may remain visible for longer than an introduction. I think about repeated viewing and choose movement that can sit in the background without demanding attention every few seconds. A short dramatic burst is a different design from something people will watch repeatedly.

I make sure the main message remains readable throughout the loop. If a bright effect crosses the lettering, I review the most difficult frame rather than approving the screen from its quietest moment. The status has a job to do at all times.

Plan the static version too

I prepare a useful still arrangement for situations where animation is unavailable or unwanted. The composition should retain the identity and the message without looking as though it has frozen halfway through an action.

I also consider the surrounding production. The break screen should be visually related to the starting, live and ending scenes, while making its own state distinct. A returning viewer should not have to inspect tiny wording to tell whether the broadcast is about to begin or has finished.

Check the handover and return

I test how the screen appears when switching from the live scene and how the return feels. The transition should not briefly expose unfinished content or conceal important information longer than intended. I use representative material in the neighbouring scenes to make the check realistic.

Before delivery, I name the files clearly and include a simple preview. If the design contains editable text, I explain how to change it without disturbing the composition. A useful break screen is a small piece of communication: recognisable, readable and honest about the pause it represents.

Need a hand with your next project?

I help with branding and logo design, with practical advice and hands-on work. Tell me what you are trying to improve.

Email Shane