3 способа применения изображений в инфографике
Пиктограммы
Это схематические рисунки, используемые для замены текста. Они должны отражать основные свойства объекта и при этом быть максимально простыми.
Иллюстрации
Для объяснения некоторых тем требуются не схемы и даже не пиктограммы, а полноценные изображения. Это именно те случаи, когда лучше один раз увидеть, чем сто раз услышать. Например, анатомический атлас. Но и в простой ситуации, когда можно было бы обойтись обычным списком, добавление картинок идёт только на пользу.
Фон
Очень привлекает внимание использование в качестве фона изображения, поверх которого располагаются числовые, текстовые элементы и пиктограммы. Фон с точки зрения инфографики не просто служит картинкой, а помогает сориентироваться в расположении объектов. Применение фотографий добавляет схеме реалистичности
Рекомендуем уходить от стандартных инструментов и готовых шаблонов к креативным решениям. Верхом мастерства будет совмещение разных видов инфографики. На последнем примере использованы одновременно фотография для фона, схематические изображения основных достопримечательностей, таймлайн, план-схема крепостных стен и карта расположения острова.
Пиктограммы
Это схематические рисунки, используемые для замены текста. Они должны отражать основные свойства объекта и при этом быть максимально простыми.
Иллюстрации
Для объяснения некоторых тем требуются не схемы и даже не пиктограммы, а полноценные изображения. Это именно те случаи, когда лучше один раз увидеть, чем сто раз услышать. Например, анатомический атлас. Но и в простой ситуации, когда можно было бы обойтись обычным списком, добавление картинок идёт только на пользу.
Фон
Очень привлекает внимание использование в качестве фона изображения, поверх которого располагаются числовые, текстовые элементы и пиктограммы. Фон с точки зрения инфографики не просто служит картинкой, а помогает сориентироваться в расположении объектов. Применение фотографий добавляет схеме реалистичности
Рекомендуем уходить от стандартных инструментов и готовых шаблонов к креативным решениям. Верхом мастерства будет совмещение разных видов инфографики. На последнем примере использованы одновременно фотография для фона, схематические изображения основных достопримечательностей, таймлайн, план-схема крепостных стен и карта расположения острова.
❤1
Какие бывают иконки: классификации
Иконки — простейшие иллюстрации объекта или действия, это универсальный язык, который понятен каждому. Они ускоряют восприятие информации, поскольку считываются быстрее текста, хорошо запоминаются и помогают акцентировать внимание на ключевых моментах.
- монохромные/контурные
- с заливкой/без заливки
- плоские/объемные
Иконки — простейшие иллюстрации объекта или действия, это универсальный язык, который понятен каждому. Они ускоряют восприятие информации, поскольку считываются быстрее текста, хорошо запоминаются и помогают акцентировать внимание на ключевых моментах.
- монохромные/контурные
- с заливкой/без заливки
- плоские/объемные
❤2
Как прошли дизайн-выходные в Брянске?
Олег Бунов рассказал о том, как потерять ребрендинг города, и рассказывал об этом на примере Обнинска, основанном на реальных и искренних усилиях, в разработке и запуске своего собственного бренда.
Ссылка на статью: https://dsgners.ru/news/1905-kak-proshli-dizayn-vyihodnyie-v-bryanske
Олег Бунов рассказал о том, как потерять ребрендинг города, и рассказывал об этом на примере Обнинска, основанном на реальных и искренних усилиях, в разработке и запуске своего собственного бренда.
Ссылка на статью: https://dsgners.ru/news/1905-kak-proshli-dizayn-vyihodnyie-v-bryanske
dsgners.ru
Как прошли дизайн-выходные в Брянске? — дизайнерс
Всем привет! Неделю назад прошли Дизайн-Выходные в моем родном городе — Брянске.
Для такого места с весьма узким комьюнити это был очень классный, хоть и камерный, ивент. Лично для меня это стало открытием, потому что удалось пообщаться с местным дизайнерским…
Для такого места с весьма узким комьюнити это был очень классный, хоть и камерный, ивент. Лично для меня это стало открытием, потому что удалось пообщаться с местным дизайнерским…
👎1
Изменение узлов
Работа с векторной графикой требует особенных инструментов в PowerPoint. Один из них называется «Изменение узлов». Он поможет создать подобие алмаза из обычного квадрата.
Для этого кликните правой кнопкой мыши по нужному объекту и выберите функцию «Начать изменение узлов».
Контур фигуры окрасится красным и вы сможете добавлять и удалять узлы и сегменты, объединять и размыкать кривые внутри фигуры.
Работа с векторной графикой требует особенных инструментов в PowerPoint. Один из них называется «Изменение узлов». Он поможет создать подобие алмаза из обычного квадрата.
Для этого кликните правой кнопкой мыши по нужному объекту и выберите функцию «Начать изменение узлов».
Контур фигуры окрасится красным и вы сможете добавлять и удалять узлы и сегменты, объединять и размыкать кривые внутри фигуры.
Где скачать иконки для презентации: 4 сервиса
Flaticon
Наиболее удобный сайт с иконками. Большая часть материалов предоставляется бесплатно. Скачать иконки можно как поштучно, так и объединив в группу. На самом сайте можно выбрать формат, цвет и размер скачиваемых иконок. Очень удобно. Если вы хотите получить доступ к более качественным наборам и скачивать 1000 иконок в день — регистрируйтесь и покупайте ежемесячный доступ за 10 евро
Icons8
Библиотека бесплатных иконок с удобной навигацией по стилям. Главное отличие — возможность искать и сравнивать похожие иконки: если нужная иконка подходит по смыслу, но не подходит по стилю, Icons8 предложит наиболее близкие аналоги. Скачивание в формате SVG — платное
Noun Project
На этом сайте представлено более миллиона иконок. Большая коллекция, удобный поиск и быстрое скачивание, но только для зарегистрированных пользователей. Можно использовать иконки бесплатно, но обязательно указывать автора
Tilda
Подборка из 43 наборов от команды Tilda. Скачивается бесплатно, иконки в едином минималистичном стиле. Отличная работа! Только не увлекайтесь — не стоит использовать эти иконки почти в каждом проекте, они очень быстро запоминаются.
И не забывайте указывать автора при использовании
Flaticon
Наиболее удобный сайт с иконками. Большая часть материалов предоставляется бесплатно. Скачать иконки можно как поштучно, так и объединив в группу. На самом сайте можно выбрать формат, цвет и размер скачиваемых иконок. Очень удобно. Если вы хотите получить доступ к более качественным наборам и скачивать 1000 иконок в день — регистрируйтесь и покупайте ежемесячный доступ за 10 евро
Icons8
Библиотека бесплатных иконок с удобной навигацией по стилям. Главное отличие — возможность искать и сравнивать похожие иконки: если нужная иконка подходит по смыслу, но не подходит по стилю, Icons8 предложит наиболее близкие аналоги. Скачивание в формате SVG — платное
Noun Project
На этом сайте представлено более миллиона иконок. Большая коллекция, удобный поиск и быстрое скачивание, но только для зарегистрированных пользователей. Можно использовать иконки бесплатно, но обязательно указывать автора
Tilda
Подборка из 43 наборов от команды Tilda. Скачивается бесплатно, иконки в едином минималистичном стиле. Отличная работа! Только не увлекайтесь — не стоит использовать эти иконки почти в каждом проекте, они очень быстро запоминаются.
И не забывайте указывать автора при использовании
❤5🔥2
Горячие клавиши для работы с Областью задач:
•
•
•
Горячие клавиши для Поиска и замены:
•
•
•
•
CTRL + ПРОБЕЛ — отображение полного набора команд в меню области задач;•
F6 — переход к области задач;•
TAB (SHIFT + TAB) — переход к следующему / предыдущему параметру в области задач.Горячие клавиши для Поиска и замены:
•
CTRL + F — найти;•
CTRL + H — заменить;•
SHIFT + F4 — повторить поиск.Инфографика в презентации: линия времени
Таймлайн представляет собой линию, изображающую период времени, с обозначением ключевых моментов. Она иллюстрирует историю объекта и его изменения в хронологическом порядке. Это отличный способ рассказать о пути вашей компании к успеху.
Мы предлагаем вам не просто использовать стандартные элементы инфографики, но и включать в них привлекающие внимание изображения – яркие фигуры, картинки и фотографии. Контент, содержащий изображения, получает в среднем на 94% больше просмотров
Таймлайн представляет собой линию, изображающую период времени, с обозначением ключевых моментов. Она иллюстрирует историю объекта и его изменения в хронологическом порядке. Это отличный способ рассказать о пути вашей компании к успеху.
Мы предлагаем вам не просто использовать стандартные элементы инфографики, но и включать в них привлекающие внимание изображения – яркие фигуры, картинки и фотографии. Контент, содержащий изображения, получает в среднем на 94% больше просмотров
Слайды из структуры — что это и зачем нужны?
Слайды из структуры — это инструмент, позволяющий импортировать текстовые файлы в PowerPoint.
Это полезно при быстрой вставке заголовков, структурировании презентации. Также, пользуясь этим инструментом, вы никогда не упустите важные разделы.
Набросайте в Word план вашей презентации:
— Тема Конференции
— Организаторы Конференции
— Проблемы Конференции
— Основные цели Конференции
— Программа Конференции
— Пленарное заседание
— Секционные заседания
— Круглый стол
— Вопросы для дискуссии
— Подведение итогов Конференции
Чтобы воспользоваться этим файлом, перейдите во вкладку «Главная» → «Создать слайд» → «Слайды из структуры».
Слайды из структуры — это инструмент, позволяющий импортировать текстовые файлы в PowerPoint.
Это полезно при быстрой вставке заголовков, структурировании презентации. Также, пользуясь этим инструментом, вы никогда не упустите важные разделы.
Набросайте в Word план вашей презентации:
— Тема Конференции
— Организаторы Конференции
— Проблемы Конференции
— Основные цели Конференции
— Программа Конференции
— Пленарное заседание
— Секционные заседания
— Круглый стол
— Вопросы для дискуссии
— Подведение итогов Конференции
Чтобы воспользоваться этим файлом, перейдите во вкладку «Главная» → «Создать слайд» → «Слайды из структуры».
👍5❤1🔥1🤔1
Важные принципы веб-дизайна и их роль в создании эффективного сайта
Веб-дизайн включает в себя множество важных принципов, которые служат основой для создания эффективного и привлекательного сайта. Понимание этих принципов поможет вам разработать сайт, который не только привлечет посетителей, но и предоставит им отличный пользовательский опыт.
Ссылка на статью: https://dsgners.ru/ux/1951-vajnyie-printsipyi-veb-dizayna-i-ih-rol-v-sozdanii-effektivnogo-sayta
Веб-дизайн включает в себя множество важных принципов, которые служат основой для создания эффективного и привлекательного сайта. Понимание этих принципов поможет вам разработать сайт, который не только привлечет посетителей, но и предоставит им отличный пользовательский опыт.
Ссылка на статью: https://dsgners.ru/ux/1951-vajnyie-printsipyi-veb-dizayna-i-ih-rol-v-sozdanii-effektivnogo-sayta
dsgners.ru
Важные принципы веб-дизайна и их роль в создании эффективного сайта — дизайнерс
Веб-дизайн включает в себя множество важных принципов, которые служат основой для создания эффективного и привлекательного сайта. Понимание этих принципов поможет вам разработать сайт, который не только привлечет посетителей, но и предоставит им отличный…
❤2👍2
Туториал: эффект «сот» из изображения
В сегодняшнем быстром и понятном уроке мы научимся создавать визуальный эффект «дробления» изображения на соты.
—Смотреть урок
В сегодняшнем быстром и понятном уроке мы научимся создавать визуальный эффект «дробления» изображения на соты.
—Смотреть урок
👍10
Софт: Учимся онлайн с Nearpod
Ещё один бесплатный продукт для презентаций для обучения – Nearpod. Он позволяет учителям создавать онлайн-уроки, синхронизировать их с устройствами учеников и отслеживать успеваемость. Есть два варианта работы: контролировать учеников и следить за ходом урока или позволить им действовать в собственном темпе.
Учитель бесплатно регистрируется на сайте Nearpod, загружает туда свои материалы и добавляет задания. Например, в урок можно вставить видео, опросы, викторины и тесты. Чтобы ученики смогли посмотреть урок, им отправляют код доступа в виде ссылки. Учащиеся проходят по ссылке и присоединяются к уроку.
Кому идеально подойдет: учителям, тренерам, студентам
Ещё один бесплатный продукт для презентаций для обучения – Nearpod. Он позволяет учителям создавать онлайн-уроки, синхронизировать их с устройствами учеников и отслеживать успеваемость. Есть два варианта работы: контролировать учеников и следить за ходом урока или позволить им действовать в собственном темпе.
Учитель бесплатно регистрируется на сайте Nearpod, загружает туда свои материалы и добавляет задания. Например, в урок можно вставить видео, опросы, викторины и тесты. Чтобы ученики смогли посмотреть урок, им отправляют код доступа в виде ссылки. Учащиеся проходят по ссылке и присоединяются к уроку.
Кому идеально подойдет: учителям, тренерам, студентам
Новая “нейронка” для презентаций: Gamma App
Gamma App — сервис для создания презентаций нейросетью по запросу. С помощью Gamma App команды смогут наладить процесс создания документов, презентаций и лендингов для представления идей, продуктов и продвижения новых товаров. Нейросеть подойдёт для работы маркетологам, SMM-специалистам, дизайнерам и руководителям малого бизнеса.
—Ссылка
Gamma App — сервис для создания презентаций нейросетью по запросу. С помощью Gamma App команды смогут наладить процесс создания документов, презентаций и лендингов для представления идей, продуктов и продвижения новых товаров. Нейросеть подойдёт для работы маркетологам, SMM-специалистам, дизайнерам и руководителям малого бизнеса.
—Ссылка
👍24
Туториал: Вставка звука и видео на слайд в PowerPoint
В этом видеоуроке автор разбирает работу со звуком и видео в PowerPoint. Вы узнаете, как их добавлять на слайд, как настроить автоматическое проигрывание и т.д.
—Смотреть
В этом видеоуроке автор разбирает работу со звуком и видео в PowerPoint. Вы узнаете, как их добавлять на слайд, как настроить автоматическое проигрывание и т.д.
—Смотреть
🔥4
Конструктор таблиц
При каждой вставке или создании таблицы автоматически открывается вкладка «Конструктор». Здесь много стандартных (и где-то необычных) вариантов редактирования таблицы и добавления важных элементов:
«Параметры стилей таблиц» — позволяют отмечать специфические разделы, например, строку итогов и заголовки — это же позволяет назначать специфическим отделам уникальный визуальный стиль.
«Стили таблиц» — предлагает выбор из нескольких базовых заложенных дизайнов для этих элементов. Выбор здесь достаточно большой, редко когда приходится изобретать что-то новое.
«Стили WordArt» — позволяют добавлять специальные надписи в формате изображений с уникальным дизайном и внешним видом. В профессиональных таблицах почти не используется.
При каждой вставке или создании таблицы автоматически открывается вкладка «Конструктор». Здесь много стандартных (и где-то необычных) вариантов редактирования таблицы и добавления важных элементов:
«Параметры стилей таблиц» — позволяют отмечать специфические разделы, например, строку итогов и заголовки — это же позволяет назначать специфическим отделам уникальный визуальный стиль.
«Стили таблиц» — предлагает выбор из нескольких базовых заложенных дизайнов для этих элементов. Выбор здесь достаточно большой, редко когда приходится изобретать что-то новое.
«Стили WordArt» — позволяют добавлять специальные надписи в формате изображений с уникальным дизайном и внешним видом. В профессиональных таблицах почти не используется.
🔥4👍1
Ошибки в презентациях: отсутствие единого стиля
Шаблоны для презентаций придумали не зря: без них будет настоящий хаос. Именно визуальное единство помогает людям запомнить вашу презентацию и отличить ее от других. А еще без общего шаблона труднее воспринимать информацию: зритель привыкает к расположению и размеру текстов и картинок: непредсказуемость верстки его дезориентирует.
Убедимся на собственном опыте. Представьте, что три следующие картинки – это кусок одной презентации.
1. Не совпадают цвета. Если вы бывали на конференциях, где выступления идут одно за другим, вы скорее всего запомнили презентации именно благодаря цвету. У одного спикера с темой А было что-то зелененькое, а у второго с темой В были красно-оранжевые слайды… Цвет – хороший маркер, который помогает слушателю вспомнить содержание презентации.
2. Различаются графические приемы. На первом слайде у нас простые геометрические фигуры с однотонной заливкой, на втором – рисунки от руки, на третьем – градиенты. Если слушатель ненадолго отвлечется от рассказа и взглянет на текущий слайд, он может подумать, что вы начали новую презентацию.
3. Слишком много шрифтов. Лучше использовать не более двух-трех. В противном случае вид у слайдов получается грязным, а иерархию текстовых блоков трудно отследить.
4. Различается верстка. Это неочевидная, но важная вещь: размер полей, выравнивание текста, размер подзаголовков и их расположение делают презентацию единым целым. Если вы следуете одному шаблону, зритель привыкнет к тому, где у вас обозначено главное и второстепенное. И будет читать быстрее.
Шаблоны для презентаций придумали не зря: без них будет настоящий хаос. Именно визуальное единство помогает людям запомнить вашу презентацию и отличить ее от других. А еще без общего шаблона труднее воспринимать информацию: зритель привыкает к расположению и размеру текстов и картинок: непредсказуемость верстки его дезориентирует.
Убедимся на собственном опыте. Представьте, что три следующие картинки – это кусок одной презентации.
1. Не совпадают цвета. Если вы бывали на конференциях, где выступления идут одно за другим, вы скорее всего запомнили презентации именно благодаря цвету. У одного спикера с темой А было что-то зелененькое, а у второго с темой В были красно-оранжевые слайды… Цвет – хороший маркер, который помогает слушателю вспомнить содержание презентации.
2. Различаются графические приемы. На первом слайде у нас простые геометрические фигуры с однотонной заливкой, на втором – рисунки от руки, на третьем – градиенты. Если слушатель ненадолго отвлечется от рассказа и взглянет на текущий слайд, он может подумать, что вы начали новую презентацию.
3. Слишком много шрифтов. Лучше использовать не более двух-трех. В противном случае вид у слайдов получается грязным, а иерархию текстовых блоков трудно отследить.
4. Различается верстка. Это неочевидная, но важная вещь: размер полей, выравнивание текста, размер подзаголовков и их расположение делают презентацию единым целым. Если вы следуете одному шаблону, зритель привыкнет к тому, где у вас обозначено главное и второстепенное. И будет читать быстрее.