Всіх вітаю! У сьогоднішній статті ми будемо працювати з Gemini та ШІ-платформою Replit, яка дозволяє створювати додатки, сайти, дизайн та візуалізації за допомогою ШІ.
Пишемо промпт за допомогою Gemini
Спершу варто обміркувати, що взагалі ми хочемо бачити і яка буде тема інфографіки. Пропоную створити інфографіку з однією стовпчиковою діаграмою, яка показуватиме найуспішніші німі чорно-білі фільми за касовими зборами.
Дуже важливо було обрати тему, так як зазвичай від теми напряму залежать деякі елементи дизайну (наприклад, кольори). Тому, виходячи із теми інфографіки, стиль нашої повинен якраз нагадувати стиль чорно-білих фільмів. Тобто наша інфографіка буде складатися з чорно-білих кольорів. Також допускається й використання сірого кольору, бо він також може бути темним, що може пасувати нашій інфографіці.
Крім цього, варто не забувати, що для діаграми нам потрібні дані, які ми також візьмемо через Gemini. Тому важливо буде вказати у промпті те, що разом із дизайном ми хочемо отримати ще й вхідні дані.
Також перед написанням промпту хотів би зазначити, що у мене підписка Pro на Gemini. Цей факт вартий згадки, бо рівень підписки впливає на якість кінцевого результату (промпту).
Отже, пишемо промпт для Gemini, у якому описуємо суть нашої ідеї:
Ти - графічний дизайнер, аналітик даних та експерт у сфері візуалізації даних.
Напиши детальний промпт для ШІ на платформі Replit, який би створював інфографіку найуспішніших чорно-білих фільмів усіх часів. Також важливою частиною інфографіки повинна бути її стилістична схожість із стилістикою чорно-білих фільмів. Загалом інфорграфіка повинна містити лише одну стовпчикову діаграму, де були б зібрані топ-5 чорно-білих найуспішніших фільмів.
Важливим аспектом в дизайні даної інфографіки повинен бути той факт, що шрифти для самої діаграми повинні бути усі мати розмір 14. Також усі написи на інфографіці повинні грамотно та зручно розташовуватися.
Також важливо розуміти, що під "найуспішнішими" я маю на увазі найпопулярніші. Тобто ті, які зібрали найбільші касові збори (без урахування інфляції). Для інфорграфіки надай список із 5-ти найуспішніших не німих чорно-білих фільмів, а потім виконай усі інші вказівки у цьому промпті.
Промпт повинен бути англійською.Ось вхідні дані, які ми отримали:
Фільм | Рік | Касові збори (у млн. доларів, без урахування інфляції) |
|---|---|---|
Schindler's List | 1993 | 322.2 |
Young Frankenstein | 1974 | 86.2 |
Good Night, and Good Luck | 2005 | 54.6 |
The Longest Day | 1962 | 50.1 |
Psycho | 1960 | 50.0 |
До речі, посилання на джерела, звідки взяті дані, будуть доступні в кінці статті.
Ось готовий промпт:
Topic: The Highest-Grossing Non-Silent Black-and-White Films
Role & Tone: Act as an expert data visualization graphic designer. Create a sleek, cinematic, and minimalist infographic that highlights the top 5 most financially successful non-silent black-and-white movies in cinematic history.
Visual Style & Aesthetics:
- Color Palette: Strictly monochromatic. Use absolutely no colors other than black, white, and varying shades of gray, silver, and charcoal.
- Theme: Classic Hollywood and vintage cinema. Incorporate subtle visual motifs related to old-school filmmaking (e.g., film grain textures, classic title card frames). Keep the background dark to simulate a darkened cinema room.
Data Visualization Requirements:
- Include EXACTLY ONE chart. This chart MUST be a Bar Chart (a horizontal bar chart is highly recommended to easily fit the movie titles).
- Do not include line charts, pie charts, or any other type of graph.
- The Bar Chart should clearly display the Movie Titles against their Box Office Gross (in Millions of USD).
Typography & Layout Ergonomics (CRITICAL):
- Strict Chart Font Size: Every single text element located ON or WITHIN the Bar Chart component (including all axis labels, all movie titles, and all data value labels representing the gross) MUST be strictly set to font size 14. Do not auto-scale the text.
- Smart Spacing: Because the font size is firmly locked at size 14, you must intelligently design the layout to prevent any text from overlapping, crowding, or being cut off. Ensure there is generous margin space around the bars and titles. The text placement must be highly legible, breathable, and perfectly arranged against the dark background.
- Font Styles: Use clean, highly legible sans-serif fonts for all chart data to maximize readability at size 14. Use elegant Art Deco or vintage cinema poster styles for the main infographic headers outside the chart.
Data to Plot (Title - Value in Millions of USD):
1. Schindler's List (1993) - 322.2
2. Young Frankenstein (1974) - 86.2
3. Good Night, and Good Luck. (2005) - 54.6
4. The Longest Day (1962) - 50.1
5. Psycho (1960) - 50.0
Structure: > Provide a bold, cinematic title at the top. Follow with a brief intro about the massive commercial success of these 5 monochrome masterpieces. Center the single Bar Chart prominently as the absolute focal point. End with a minimalist footer citing the data context (Worldwide gross, unadjusted for inflation). Ensure maximum legibility and a harmonious layout across the entire design.Створюємо інфографіку у Replit
Тепер заходимо на сайт Replit, обираємо кнопку “Design” та вставляємо наш промпт (він вставлюється як текстовий файл):
У результаті отримуємо таку інфографіку:
Якщо ж вам не дуже сподобався дизайн, який створив ШІ, то ви можете переробити його, натиснувши кнопку “Reimagine”. Після цього вам треба буде лише обрати, які конкретно зміни ви хочете побачити.
Висновок
У підсумку ми створили гарну та відповідну нашій тематиці інфографіку. Також ми попрацювали із платформою Replit та зрозуміли, які можливості вона може надати. Всім дякую за увагу!
