L
LLLOS.ai
Career
L
◆ AI Learning · Hard rule

How should a visual shape be placed next to text?

A visual shape must connect to a complete idea. A complete idea needs a main title and supporting text. The shape should sit next to both parts.

By Pawan Nayar · from the LLOS AI Learning record

The rule

A visual shape must connect to a complete idea.

A complete idea needs a main title and supporting text. The shape should sit next to both parts.

A shape next to only a title is just decoration. A shape next to a title and its supporting text works better. This pairing helps the reader see the shape, title, and text as one unit. This makes the shape more meaningful.

A designer creates a webpage. The designer places a small icon next to a section title. Below the title is a paragraph of text. The icon only sits next to the title. The icon looks like a simple decoration. The designer then moves the icon to sit next to both the title and the paragraph. Now, the icon helps the reader understand the whole section's meaning.

Words you'll need

Resolved from this lesson's own record — real definitions, not invented for this page.

Human-Computer Interaction

How people and computers communicate and work together

Information Architecture

How information is organized and labeled so people find it

Knowledge Representation

How AI stores and uses information it knows

Text-Image Alignment

Matching text descriptions to images accurately

Questions people ask

More from the same record, pulled by shared topic — not written new for this page.

How should colors be used on a page to ensure clarity and good design?

A page should use colors from only one color family. Using too many different colors makes the page look messy.

How many words should a content panel contain?

A content panel should be very short or long. It should not be a medium length.

What are the rules for creating visual elements in a user interface?

Visuals should be sparse and intentional. They are like small decorations in a book.

How can a developer create new toolbar icons that match an existing design style using an AI model?

A developer should provide example SVG code to the AI model. This helps the AI model understand the exact visual style.

What to remember

A visual shape must connect to a complete idea. A complete idea needs a main title and supporting text. The shape should sit next to both parts.