Почему не всегда следует автоматически выравнивать элементы? 🤔

Почему не всегда следует автоматически выравнивать элементы? 🤔

Словарик дизайнера (48) 📎 Оптическое выравнивание – это когда элементы на слайде выглядят ровно, даже если по линейке их положение немного отличается. 👉 Почему это важно? Иногда автоматическое выравнивание «по пикселям» — не работает. Особенно это заметно, если элемент визуально несимметричен: например, иконка с хвостиком справа или буква «о» рядом с «квадратным» элементом. 💡 Как использовать? Чтобы слайд смотрелся профессионально и гармонично, старайся выравнивать элементы на «глаз», а не с помощью встроенных инструментов. #словарикдизайнера

Явно.Дизайн

4 д.

@yavnodesign

Новый выпуск Явно.Словарика!

В этот раз давайте разберём термины мира маркетинга. Апселл (upsell) Техника продаж, когда покупателю вместо выбранного им товара или услуги предлагают купить более дорогую и функциональную версию продукта. CTR (Click-Through Rate) Показатель кликабельности, который отражает, сколько пользователей кликнули на рекламное объявление по сравнению с количеством показов. Парсинг (parsing) Автоматический процесс сбора и систематизации данных из открытых онлайн-ресурсов с помощью специальных скриптов (парсеров). Ремаркетинг (remarketing) Инструмент цифрового маркетинга, который позволяет повторно взаимодействовать с пользователями, которые уже посещали сайт или использовали мобильное приложение. Продакт-плейсмент (product placement) Неявная реклама товаров в фильмах, телепередачах, клипах, сериалах и т.д. Например, герои фильма могут ездить на машине определённого бренда. #словарик #маркетинг 🍑 Явно.Дизайн

Миша пишет про презентации в PowerPoint

4 д.

Как упростить считывание информации со слайдов? 🤔

Словарик дизайнера (47) 📎 Z-сканирование - это модель, описывающая движение глаз аудитории при просмотре презентации. 👉 Почему это важно? Такая модель сканирования учитывает естественное поведение аудитории, помогая структурировать информацию для максимального вовлечения и грамотного размещения контента. 💡 Как использовать? Создавая презентацию, помести заголовок в левый верхний угол – именно туда в первую очередь смотрит зритель, взгляд которого затем двигается по строке вправо, а затем по диагонали в правый нижний угол и снова вправо. В таблице также учитывай этот паттерн: размещай важные данные по центру и ближе к левому краю. #словарикдизайнера

Миша пишет про презентации в PowerPoint

7 д.

Как визуально отделить таблицу от данных в ней? 🤔

Словарик дизайнера (46) 📎 Линейки (или разделительные линии) — это визуальные элементы, которые отделяют друг от друга строки, столбцы или ячейки, делая таблицу более читаемой и структурированной. 👉 Почему это важно? Таблица – это не сетка, а средство донесения информации, поэтому линии не должны мешать считывать данные. Без таких линий данные в таблице могут сливаться или выглядеть хаотично. 💡 Как использовать? Разделительные линии лучше делать светло-серыми, чтобы они не перетягивали на себя внимание, а основной акцент оставлять на данных в таблице, цвет которых остается темным. #словарикдизайнера

Миша пишет про презентации в PowerPoint

9 д.

Как отделить друг от друга строки таблицы? 🤔

Словарик дизайнера (45) 📎 Чередующаяся заливка строк («зебра») – это отличие в цвете фона чётных и нечётных строк таблицы. 👉🏻 Почему это важно? Чередующаяся заливка строк помогает глазу скользить по строкам слева направо не теряться в длинной и объемной таблице. Это особенно полезно, когда таблица длинная или содержит много строк с одинаковой структурой. 💡 Как использовать? Использование такой заливки может стать альтернативой линиям — выглядит чуть мягче и визуально чище, особенно если делать заливку светло-серой или в пастельных цветах. #словарикдизайнера

Миша пишет про презентации в PowerPoint

10 д.

Что может испортить восприятие табличных данных? 🤔

Словарик дизайнера (44) 📎 Повторяющиеся данные в таблицах – это значения, которые встречаются в таблице больше одного раза. Например, в каждой строке может повторяться слово «Название тарифа», что делает таблицу неинформативной и ухудшает восприятие. 👉🏻 Зачем избавляться от повторов? Исключение повторяющихся слов позволяет снизить визуальный шум, не потеряв при этом смысл данных. 💡 Что можно сделать? Избавиться от повторов можно путем объединения ячеек и группирования строк, использования заголовка один раз, чтобы показать принадлежность группы или применяя выносной маркер (например, тонкую цветную полоску). #словарикдизайнера

Миша пишет про презентации в PowerPoint

13 д.

Как создать понятную навигацию в таблице? 🤔

Словарик дизайнера (43) 📎 Шапка таблицы — это заголовочная часть таблицы, в которой указаны наименования строк таблицы. 👉🏻 Почему это важно? Шапка таблицы – это своеобразная навигация, которая показывает, что находится в каждой колонке. Она направляет взгляд зрителя и делает таблицу более структурированной. 💡 Как использовать? Оформляя шапку таблицы помни, что она должна быть читаемой, визуально отдаленной и не кричащей. Здесь можно использовать жирное начертание, цвет фона, изменение кегля или выравнивание по центру. ✅ Важно, чтобы шапка не сливалась с «телом» таблицы и при этом не доминировала. Ее задача – помочь навигации. #словарикдизайнера

Миша пишет про презентации в PowerPoint

Кейсы

18 д.

Как сделать данные в таблице визуально ровными? 🤔

Словарик дизайнера (42) 📎 Моноширинный шрифт — это шрифт, у которого все символы (буквы, цифры, пробелы) одинаковой ширины и высоты. 👉🏻 Почему это важно? Часто данные в таблицах «пляшут»: где-то шире, где-то выше — и колонка разваливается. Это происходит, когда используется обычный или пропорциональный шрифт. В таких случая лучше использовать моноширинные шрифты и табличные цифры, чтобы данные смотрелись ровно и структурированно. 💡 Как использовать в таблицах? Создавая таблицу с объемными данными (ценами, датами или статистикой), выбирай моноширинные шрифты, например, IBM Plex Mono, IBM Plex Sans, Roboto Mono, Source Sans Pro, и табличные цифры. Они создадут визуально ровные вертикальные ряды и упростят считывание информации. #словарикдизайнера

Миша пишет про презентации в PowerPoint

20 д.

Как леттеринг задает эмоции и почему это важно в дизайне? 🤔

Словарик дизайнера (41) 📎 Леттеринг – это рисованный текст, где каждая буква создаётся вручную. Это не шрифт, а иллюстрация из букв. 👉🏻 Почему это важно понимать? Хороший леттеринг задаёт определенную эмоцию и атмосферу презентации в соответствии с ее тональностью, а не используется просто для красоты. 💡 Как использовать? В презентациях леттеринг может использоваться как декоративный элемент для создания акцента: на обложках, заглавных слайдах или в креативных проектах. ✅ Важно не перебарщивать, не заменять им обычный текст и использовать в соответствии с тональностью презентации. #словарикдизайнера

Миша пишет про презентации в PowerPoint

22 д.

Как сделать презентацию более динамичной? 🤔

Словарик дизайнера (40) 📎 Микроинтеракции – это маленькие анимации и визуальные эффекты, которые делают презентацию динамичной, вовлекающей и профессиональной. 👉 Зачем они нужны? Микроинтеракции помогают выделить ключевые моменты, визуально распределять информацию и повышают вовлечённость аудитории. 💡 Как использовать? Анимация и плавные переходы должны быть осмысленными, а не просто красивыми, а также должны быть в едином стиле, чтобы презентация выглядела более профессиональной. #словарикдизайнера

Миша пишет про презентации в PowerPoint

27 д.

Как упростить логику восприятия презентации? 🤔

Словарик дизайнера (39) 📎 User Flow (юзерфлоу) — это путь, по которому движется взгляд зрителя при просмотре презентации. Иными словами, это логика восприятия: от заголовка к иллюстрации, от ключевого факта к выводу. 👉🏻 Почему это важно? Хороший user flow делает просмотр презентации естественным и плавным, а также понять логику аудитории («Что должна сделать аудитория после слайда CTA?») и упростить презентацию, т.е. избежать «тупиковых» слайдов. 💡 Как создать user flow в презентации? Определите цель, которая может звучать так: «Что зритель должен сделать после просмотра презентации?», и разработайте шаги для достижения цели на соответствующие этапы (введение — проблема — решение — призыв к действию (CTA)), а чтобы упростить себе задачу на начальных этапах, визуализируйте путь в виде схемы. #словарикдизайнера

Миша пишет про презентации в PowerPoint

29 д.

Как сохранить качество презентации на любых устройствах? 🤔

Словарик дизайнера (38) 📎 Адаптивность дизайна — возможность подстраивать презентацию под различные устройства, сохраняя при этом читабельность текста. Другими словами это когда презентация одинаково хорошо воспринимается с экрана смартфона, ноутбука, проектора и при ярком свете или в темноте. 👉🏻 Зачем адаптировать дизайн? Адаптивный дизайн сохраняет читаемость контента и гарантирует, что текст и графика не «поплывут» и будут понятны в любых условиях, в том числе на экранах мобильных телефонов. 💡 Как адаптировать? Если создаешь презентацию для рассылки по почте, то такая презентация должна быть понятна аудитории без комментариев, а вот презентация для демонстрации на проекторе должна содержать только ключевые тезисы и быть легко читаемой. Важно учитывать размер шрифта и контрастность цветов. Если создаешь презентацию для мобильных устройств, используй вертикальный формат и располагай текст сверху-вниз. #словарикдизайнера

Миша пишет про презентации в PowerPoint

33 д.

Как визуальный шум снижает эффективность презентаций? 🤔

Словарик дизайнера (37) 📎 Визуальный шум — это всё, что не несёт пользы и отвлекает внимание от слайдов: лишние иконки, декоративные элементы, перегруз цветом. Создавая презентацию, задавай себе вопрос: «Этот элемент помогает понять смысл слайда или добавлен для красоты?» — и всё станет ясно. 👉🏻 Почему это проблема? Визуальный шум отвлекает внимание аудитории от ключевого смысла презентации, а сама презентация выглядит непрофессиональной, непродуманной. 💡 Как избежать визуального шума? Используй минимум шрифтов (1-2 гарнитуры и максимум 3 уровня иерархии: заголовок, подзаголовок, основной текст), применяй спокойную цветовую палитру и не перегружай презентацию обилием цветов (максимум 3 цвета, 1 из которых — акцентный) и не бойся пустого пространства между элементами — это сделает твою презентацию воздушной и структурированной. #словарикдизайнера

Миша пишет про презентации в PowerPoint

36 д.

Как определить главную и второстепенную информацию на слайде? 🤔

Словарик дизайнера (36) 📎 Визуальный вес — это степень привлекательности элемента в дизайне, то, насколько он «перетягивает» на себя внимание зрителя. Каждый элемент на слайде имеет «вес» — большие, темные, жирные элементы кажутся тяжелыми, а мелкие и светлые — легкими. Управляя визуальным весом, можно расставлять акценты и делить информацию на главную и второстепенную. 👉🏻 Почему это важно? С помощью визуального веса можно направлять взгляд зрителя на главное и делать дизайн более сбалансированным, чтобы слайд не «смещался» только в одну сторону. 💡 Как это использовать? На визуальный вес влияет размер элементов, их цвет, а также контрастность, поэтому, создавая презентацию, выделяй главное, а второстепенное делай менее заметным, и не забывай про соблюдение иерархии на слайде — заголовки, ключевые цифры и иная важная информация должны быть заметнее основного текста. #словарикдизайнера

Миша пишет про презентации в PowerPoint

40 д.

Как равномерно распределять контент по слайду? 🤔

Словарик дизайнера (35) 📎 Модульная сетка — невидимый каркас, который помогает организовать контент на слайдах. Это основа чистого и продуманного дизайна. Модульная сетка состоит из направляющих, колонок, строк и отступов, которые задают структуру макета и позволяют равномерно распределять контент по слайду. 👉🏻 Зачем использовать? Модульная сетка позволяет выравнивать элементы, создавать ритм и порядок в композиции, а также ускорять работу — не нужно каждый раз заново «на глаз» расставлять блоки. 💡 Как правильно применять? В зависимости от контента определите количество колонок. Обычно их может быть от двух до четырех, чтобы логично размещать текст, изображения и иные элементы. Задайте отступы от краев слайда и выравнивайте контент по линиям сетки. Например, попробуйте разделить слайд на три колонки: в левой разместите крупные цифры, в центре — визуал, а справа — текст. #словарикдизайнера

Миша пишет про презентации в PowerPoint

43 д.

Как влиять на аудиторию с помощью тональности презентации? 🤔

Словарик дизайнера (34) 📎 Тональность презентации — настроение и характер презентации, которые передаются через визуальное оформление слайдов. Правильно подобранная тональность влияет на то, как аудитория воспримет информацию: серьезно, с доверием, с интересом или даже с улыбкой. 👉🏻 Почему это важно? Тональность должна соответствовать теме или бренду, чтобы у зрителя создавалось правильное впечатление с первого слайда и подчеркивало ключевой посыл презентации в целом. 💡 Как это работает? Тональность презентации задается цветовой палитрой, шрифтами и изображениями. Например, для презентации юридической компании лучше выбрать строгие цвета, четкие линии и минимум декора, а для рекламы нового продукта подойдут контрастные цвета, акцентные шрифты и динамичная графика. #словарикдизайнера

Миша пишет про презентации в PowerPoint

46 д.

Как создать интуитивно понятную презентацию? 🤔

Словарик дизайнера (33) 📎 Консистентность дизайна — визуальный язык слайдов презентации, который делает ее целостной, последовательной и профессиональной. Иначе говоря, консистентный дизайн — это интуитивный дизайн, одинаковые элементы которого выглядят и работают одинаково. Заголовки, отступы, скругления — всё следует единой логике. 👉🏻 Почему это важно? Создание презентации в едином стиле снижает когнитивную нагрузку и помогает аудитории быстрее ориентироваться в презентации за счет использования одинаковых элементов. 💡 Как это работает? Консистентность дизайна обеспечивается за счет использования 1-2 гарнитур и 2-3 цветов на всю презентацию. Заголовки, подзаголовки и основной текст должны иметь одинаковый размер, начертание и цвет от слайда к слайду, а графические элементы, например, иконки, должны иметь единый стиль на протяжении всей презентации. #словарикдизайнера

Миша пишет про презентации в PowerPoint

49 д.

Как создать четкую иерархию на слайде с помощью блоков информации? 🤔

Словарик дизайнера (32) 📎 Блочная верстка — способ компоновки контента, при котором информация разделяется на логические блоки, создавая четкую иерархию на слайде. С такой версткой ты как будто раскладываешь информацию на слайде по «коробочкам», каждая из них содержит свою часть контента: заголовок, текст, изображение, диаграмму или цифры. 👉🏻 Зачем использовать? Благодаря блочной верстке слайды получаются «гибкими», что позволяет легко менять блоки местами без потери смысла, а аудитории последовательно воспринимать информацию и ориентироваться на слайде. 💡 Как это работает? Создавая презентацию с блочной версткой, важно разделить контент на логические блоки. Это может быть заголовок, текст, изображение, которые размещаются внутри своей «фигуры» (визуальном блоке) буквально или мысленно, а чтобы контент не слипался друг с другом, выравнивай все блоки строго по сетке и не забывай настраивать отступы между ними. #словарикдизайнера

Миша пишет про презентации в PowerPoint

52 д.

Куда поместить главную информацию на слайде, чтобы ее заметили? 🤔

Словарик дизайнера (31) 📎 Зоны интереса — области на слайде, на которые зритель смотрит в первую очередь. Обычно это левый верхний угол или центр слайда, куда можно поместить главную информацию: заголовок, ключевой смысл или крупную цифру. 👉🏻 Почему это работает? В европейских странах чтение начинается с верхней левой точки, а затем происходит F-образное или Z-образное движение взгляда до полного прочтения текста и восприятия информации. 💡 Как применять? Размещай заголовок, ключевой смысл или крупную цифру в верхнем левом углу или по середине слайда, а второстепенную информацию перемещай вправо или вниз. Не забывай про расставление акцентов и выделение главной информации цветом или размером. #словарикдизайнера

Миша пишет про презентации в PowerPoint

Кейсы

56 д.