Прибыль:
- Возможность создавать читаемые слайды с использованием принципов макета, контрастности, типографики и цвета, а также получать доступные предложения по палитре и дизайну от искусственного интеллекта.
- Способность создавать соответствующие фоны, иллюстрации и согласованные значки с помощью визуально генерирующего искусственного интеллекта и применять практические ограничения, такие как «не печатать текст на изображении».
- Не представлять поддельные изображения как настоящие, а также соблюдать этику дизайна и ограничения доступности, такие как авторские права/товарные знаки и дальтонизм.
Правильный контент теряется из-за неправильного дизайна. Мелкий шрифт, контрастные цвета, беспорядочное выравнивание; Это ослабляет даже самое лучшее послание. В этом модуле мы будем использовать искусственный интеллект в двух работах: (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. Тема: финансовый рост. Стиль: минималистичный, абстрактно-геометрический, однотонный. Цвет: темно-синий, золотые акценты, очень мало деталей. Левую треть оставьте пустой (туда поместится текст). Добавление текста/цифр. Получите высококонтрастный, читаемый текст фон.
Второй дает важные детали, такие как соотношение сторон, свободное пространство, цвет и «вставка текста»; Выходные данные можно использовать напрямую.
Распространенные ошибки
- Чрезмерное количество цветов и шрифтов. Превращение слайда в радугу отвлекает внимание.
- Низкий контраст: светлый на светлом, нечитаемый текст.
- Печать текста на изображении: Создаваемый текст искажается; добавьте текст в программу слайдов.
- Представление подделки как реальной: использование сфабрикованного человека/фотографии, как если бы она была реальной.
- Различение только по цвету: Исключает зрителя с дальтонизмом; Также добавьте фигуры/метки.
- Имитация стиля бренда: это создает риски, связанные с авторскими правами и товарными знаками.
В заключение
Три столпа дизайна — это макет, цвет и типографика; Выравнивание, контрастность, низкий цвет/шрифт и интервалы определяют читабельность. ИИ — хороший советчик, рекомендующий цветовую палитру, макет и типографику; Искусственный интеллект, создающий визуальные эффекты, создает идеи фона, иллюстраций и значков. Но не пишите на изображении, не выдавайте подделку за настоящую и будьте осторожны с авторскими правами/брендами и дальтонизмом. Он служит эстетической честности и читабельности.
Задача приложения
Выберите один из слайдов. (1) Попросите ИИ создать доступную цветовую палитру (1 основной + 2 основных цвета + нейтральный) и 2 шрифта. (2) Сделайте снимок экрана слайда, оцените контраст/выравнивание и внесите как минимум 2 исправления. (3) Создать концептуальное изображение с помощью ИИ, генерирующего изображения; Поместите в подсказку правила оценки и добавления текста.
контрольный список
- [ ] Я использую максимум 2 шрифта и ограниченную цветовую палитру.
- [ ] Высокая контрастность текста и фона; Читается с заднего ряда.
- [ ] Я разделил информацию не только по цвету, но и по форме/метке.
- [ ] Я не печатал текст на сгенерированном изображении; Я добавил текст.
- [ ] Я не выдаю поддельное изображение за реальное; Я проверил риск авторских прав/торговой марки.
- [ ] Элементы выровнены по сетке, места достаточно.