Where AI gets design wrong

मॉड्यूल 1: What AI already does in your job

कोर्स की रूपरेखा

यह पाठ अभी आपकी भाषा में नहीं है, इसलिए यहाँ अंग्रेज़ी में है।

झटपट जाँच

Guess first, no penalty. An AI banner has a light gray headline (#AAAAAA) on white. It looks clean. Does it pass the WCAG contrast rule for normal text?

WCAG (the Web Content Accessibility Guidelines) sets the contrast rule: normal text needs "a contrast ratio of at least 4.5:1", large text 3:1 (W3C). Contrast ratio compares the lightness of text and background. #AAAAAA on white works out to about 2.3:1.

AI design output fails in a few repeat ways: low contrast, garbled text inside images, extra fingers and odd details, colors that drift off brand, and "customer quotes" nobody said. Each one looks fine at thumbnail size.

Worked example

पहले और बाद में

One line of an AI banner spec, before and after your check.

AI banner

Headline color: #AAAAAA on white (about 2.3:1)

Now check this AI-made banner yourself.

गलतियाँ पकड़ें

Tap the three things you'd fix before this ships. Tap one that's fine and you get a hint.

AI banner for a software launch

3 में से 0 मिलीं

खाली जगह भरें

Fill the gaps in your check.

Before an AI design ships

I check text contrast . I read every word in the image . Every quote must .

Try it

आपके स्टेप, लगभग 2 मिनट

1 में से 0
  1. 1.Add these checks to your AI brief card: contrast, text at 100%, details, brand, quotes. Then run them on one AI-made design.2 मिनट

प्रैक्टिस

3 में से सवाल 1

Under WCAG level AA, what contrast ratio does normal-size body text need?

AI ट्यूटर

इस पाठ के बारे में सवाल पूछें और “करके देखें” वाले काम में मदद पाएँ। ट्यूटर Learn Pro का हिस्सा है।

Learn Pro देखें