Прибуток:
- Можливість створювати читабельні слайди з макетом, контрастністю, типографікою та кольорами та отримувати доступні палітри та пропозиції щодо дизайну від штучного інтелекту
- Здатність створювати відповідні фони, ілюстрації та узгоджені піктограми за допомогою штучного інтелекту, що генерує візуальне зображення, і застосовувати практичні обмеження, такі як «не друкувати текст на зображенні»
- Не представляти фальшиві зображення як справжні та вміти поважати етику дизайну та обмеження доступності, такі як авторське право/торговельну марку та кольорова сліпота.
Правильний вміст губиться в неправильному дизайні. Дрібний шрифт, суперечливі кольори, безладне вирівнювання; Це послаблює навіть найкраще повідомлення. У цьому підрозділі ми використовуватимемо штучний інтелект у двох роботах: (1) як радники щодо макету слайдів, кольорів і типографічних рішень; (2) створення потрібних зображень, піктограм і фону за допомогою штучного інтелекту, що генерує зображення. Мета полягає в створенні послідовних і читабельних слайдів навіть без дизайнера.
Три стовпи дизайну: макет, колір, типографіка
Кілька концепцій. Макет — це розташування елементів на слайді. Типографіка — це вибір шрифтів і розмірів. Контраст – це відмінність між текстом і фоном; низький контраст не читається. Білий простір — це дихальний простір між елементами; Не бійтеся порожнечі, вона приносить ясність.
Практичні правила старту:
- Вирівнювання: вирівнювання елементів у віртуальній сітці; Не дозволяйте йому хитатися вліво або вправо.
- Контраст: темний текст на світлому фоні або навпаки. На сірому немає сірого.
- Типографіка: до 2 шрифтів; заголовок великий і жирний, розмір корпусу читабельний (≥24 пункти – хороша база в салоні).
- Колір: 1 основний колір + 1-2 відблиски + нейтральні. Якщо у вас є фірмовий колір, дотримуйтеся його.
- Повторення: ті самі елементи в тому самому місці та в тому самому форматі на кожному слайді.
принцип
Неправильне застосування
Правильне застосування
контраст
Білий текст на світло-сірому фоні
Білий текст на синьому тлі
Кількість кольорів
7 різних яскравих кольорів
1 основний + 2 відблиски + сірі тони
типографіка
4 різних шрифти
1 заголовок + 1 основний шрифт
простір
Повне ковзання від краю до краю
Поля та передих
Застереження: дальтонізм є поширеним явищем (приблизно 8% чоловіків). Не просто розділяйте інформацію на червоний/зелений; Також додайте форми, мітки або текстури.
Консультації з дизайну зі штучним інтелектом
Модель не є дизайнерською програмою, але є хорошим консультантом з дизайну. Палітра кольорів, ідея макета та типографіка відповідають:
Ваша роль: консультант з дизайну презентацій. Основний колір бренду: [#hex або «темно-темний»]. Сектор: [ ... ].Тон: [корпоративний / теплий / технологічний]. Завдання:1) Запропонуйте доступну палітру кольорів: 1 основний, 2 акцентні, 2 нейтральні (шістнадцятковий код для кожного та де його використовувати).2) Запропонуйте 2 сумісні шрифти для заголовка + основного тексту (загальний, вільний).3) Опишіть простий макет для «слайда вмісту» (де заголовок, де зображення, де текст). Переконайтеся, що коефіцієнти контрастності читаються.
Щоб оцінити готовий слайд (завантаживши скріншот):
Розгляньте це зображення слайда очима редактора дизайну. Запишіть проблеми щодо контрастності, вирівнювання, щільності тексту, кількості кольорів і читабельності та запропонуйте конкретне вирішення кожної з них. Я прагну до ясності, а не до прикрас.
Штучний інтелект, що створює зображення: для чого, як?
Штучний інтелект, що створює зображення (наприклад, інструменти, які генерують зображення з тексту), перетворює рецепт, який ви пишете, на візуальний. Це добре підходить для фону, концептуального зображення, ілюстрації та ідеї значка в презентації. Хороша підказка зображення включає: предмет + стиль + композицію + колір + пропорції + цільове використання.
Створіть зображення обкладинки презентації. Тема: технології в сталому сільському господарстві. Стиль: простий, сучасний, плоска ілюстрація, не реалістична фотографія. Композиція: з правого боку залишити вільне місце (туди піде текст заголовка). Колір: зелений і земляні тони, спокійний. Співвідношення: 16:9 по горизонталі. ДОДАВАННЯ тексту/тексту (я поставлю текст).
Для набору значків:
Створіть узгоджену ідею набору значків для презентації. Потреба: швидкість, безпека, економія, команда, автоматизація (5 понять). Опишіть простий монохромний значок у вигляді лінії для кожного. Нехай усі вони будуть однаковою візуальною мовою та товщиною.
Порада. Не додавайте текст на зображення. Текст на створених зображеннях часто є спотвореним/помилковим. Ви додаєте текст у програмі слайдів.
Межі та етика візуального виробництва
- Підробка виглядає як справжня: представлення вигаданого зображення як «справжнього фото/справжньої людини» вводить в оману. Новини не замінюють докази чи свідчення.
- Авторське право та торгова марка: якщо говорити «імітувати» існуючий логотип, персонаж або стиль певного виконавця, це може призвести до проблем із авторським правом і торговельною маркою.
- Зображення людини: неетично створювати зображення, яке нагадує реальну людину, і змушувати її говорити щось своїми вустами.
- Точність: створені «візуальні дані» не є фактичними даними; Він не замінює графіки. Для графіка використовуйте графік, створений на основі реальних даних (наступні одиниці).
три міні-чохла
Випадок 1 — Корекція контрасту. Слайди одного викладача були підготовлені світло-блакитним текстом на світло-сірому фоні; Студенти в задньому ряду не вміли читати. ШІ запропонував темний фон + білий текст і збільшення розміру шрифту. Нарікання на читабельність із-за лаштунків повністю вичерпано.
Випадок 2 — Послідовні значки. Команда продукту використовувала 9 різних стилів піктограм у презентації (деякі заповнені, деякі лінії). Він змусив ШІ описати набір в одному стилі; все доведено до стилю. Презентація отримала відгук «виглядає професійно», навіть незважаючи на відсутність дизайнера.
Випадок 3 — Повернення з фейкового зображення. Маркетолог розмістить створений штучним інтелектом портрет із заголовком «наш щасливий клієнт» як справжнього клієнта. Команда зрозуміла, що це вводить в оману; натомість використовував реальну авторизовану фотографію клієнта або вибрав абстрактну ілюстрацію. Таким чином, ризик довіри був усунений.
Слабка підказка / Сильна підказка
Слабкий:
Створіть красивий фон презентації.
Ні стилю, ні пропорцій, ні кольору, ні простору, ні мети; Результат випадковий і часто марний.
Сильний:
Створення фону презентації 16:9. Тема: фінансове зростання. Стиль: мінімальний, абстрактний геометричний, суцільний колір. Колір: темно-синій, золоті акценти, дуже мало деталей. Ліву третину залиште порожньою (туди піде текст). Додавання тексту/чисел. Отримайте висококонтрастний фон, який добре читається.
Другий надає важливі деталі, такі як співвідношення, вільний простір, колір і "вставка тексту"; Вихід можна використовувати безпосередньо.
Поширені помилки
- Надмірна кількість кольорів і шрифтів: перетворення слайда на веселку відволікає увагу.
- Низький контраст: світлий на світлому, нечитабельний текст.
- Друк тексту на зображенні: створений текст спотворено; додати текст у програму слайдів.
- Представлення підробки як справжньої: використання виробленої особи/фото як справжніх.
- Розрізнення лише за кольором: виключає дальтонік; Також додайте форми/мітки.
- Імітація стилю бренду: це створює ризики щодо авторських прав і торгових марок.
Підсумовуючи
Трьома стовпами дизайну є макет, колір і типографіка; Вирівнювання, контраст, низький колір/шрифт і інтервали визначають читабельність. AI є хорошим порадником у рекомендаціях колірної палітри, макета та типографіки; Штучний інтелект, який створює візуальні елементи, створює ідеї для фону, ілюстрації та значків. Але не пишіть на зображенні, не представляйте підробку як справжню та будьте обережні з авторським правом/брендом і дальтонізмом. Це на службі естетичної чесності та читабельності.
Аплікаційне завдання
Виберіть один зі своїх слайдів. (1) Попросіть ШІ створити доступну палітру кольорів (1 основний + 2 світлі + нейтральні) і 2 шрифти. (2) Зробіть скріншот слайда, оцініть контраст/вирівнювання та застосуйте принаймні 2 виправлення. (3) Створення концептуального зображення за допомогою ШІ, що створює зображення; Введіть у підказку правила ставки та "додати текст".
контрольний список
- [ ] Я використовую щонайбільше 2 шрифти та обмежену палітру кольорів.
- [ ] Високий контраст тексту та фону; Читається із заднього ряду.
- [ ] Я розділив інформацію не лише за кольором, але й за формою/міткою.
- [ ] Я не надрукував жодного тексту на створеному зображенні; Я додав текст.
- [ ] Я не представляю фальшиве зображення як справжнє; Я перевірив ризик авторського права/торгової марки.
- [ ] Елементи вирівняні в сітку, достатньо місця.