Плагин «Radar Chart» by Abhishek Shankar Удобный плагин для создания паутинообразных диаграмм прямо в Figma

Изображение поста

🎨 Oddityviz. Необычная визуальная деконструкция песни Дэвида Боуи Space Oddity.

Авторы внимательно переслушали трек и вручную выбрали данные о героях текстов, музыкальной структуре, ритме, инструментах и даже учли реакцию слушателей. На их основе создали десять круговых диаграмм, которые напечатали на плакатах и нанесли на пластинки с помощью лазера. #вдохновение@zhurnalus_lite #датавиз@zhurnalus_lite
Изображение поста

Посмотрели на Миусскую дюну.

Снег из штанов вытряхнули — можно и в февраль заходить красиво ❄️ Чтобы совсем не занесло, собрали в одном месте топ материалов, которые вы лайкали, сохраняли и уносили в работу активнее всего. Полезные и прикладные: 1. Падаем красиво Мини-гайд: как с помощью ИИ быстро собрать аккуратную и выразительную страницу 404. 2. Снежная гора или гора из графиков и диаграмм? Заключительный пост из серии — про плагины для инфографики в Figma, которые экономят время, нервы и бюджет. 3. Под что поесть и попить YouTube-ролик: могут ли нейросети тягаться с дорогим VFX-продакшеном? 4. Если на диете Как быстро увидеть и исправить критические проблемы с перспективой в генерациях. На примере виртуальной еды (самой безопасной). 5. Промпты с готовыми сценариями освещения Собрали в пост с карточками, чтобы не гадать, а сразу получать нужное настроение в генерациях. Листайте, сохраняйте, применяйте. Февраль короткий, но мы планируем прожить его максимально эффективно
Изображение поста

Плагин «Graph Generator» by you EE

Бесплатный плагин для создания векторных диаграмм (столбчатые, кольцевые, круговые) 🍭 Установить плагин 🍭 #plugin
Изображение поста
🔥 Как объяснить что угодно, если не умеешь рисовать
Полчаса объясняешь идею, а в ответ: «Не очень понял». Знакомо? Проблема не в том, что идея сложная. Проблема в том, что мы пытаемся объяснить всё словами, а мозг лучше воспринимает картинки. Ребята из Кинжала позвали продакта, которая рассказала простой метод из книги Дэна Роэма «Рисуй, чтобы победить». Суть: 7 базовых фигур (точка, линия, стрелка, круг, квадрат, треугольник, пятно) решают 90% задач. Дальше важна последовательность: сначала «кто», потом «что», «сколько», «где», «когда» и «зачем». И человечки. Человечки цепляют внимание, потому что мы неосознанно тянемся к объектам, похожим на людей. Внутри: – Как из простых фигур собирать понятные схемы; – Почему человечки на схеме работают лучше абстрактных блоков; – Метод «5W + 1» для структурирования объяснений; – Примеры: CJM, диаграмма Венна, опросы пользователей; – Четыре страха, которые мешают рисовать. А вы рисуете, когда объясняете? Или всё словами? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
"Circle Charts" by Pavel Tsikhanavets Здесь вы найдёте несколько готовых шаблонов круговых диаграмм, которые помогут сделать проект информативнее.
🗿Скачать диаграммы🗿 #материалы
Изображение поста
Изображение канала: Минутка веб-дизайна
Привет!
Классные ребята запускают канал про то, как начать работать в IT! Что ждёт тебя на канале? ⚪ Разборы профессий — чем на самом деле занимаются аналитики, продакты, тестировщики ⚪ Понятные гайды — как читать техническую документацию, строить диаграммы, работать с данными ⚪ Подготовка к собеседованиям — какие вопросы задают и как на них отвечать ⚪ Карьерные лайфхаки — как расти в профессии без выгорания ⚪ Ну и просто мемчики для хорошего настроения Почему канальчик хороший? ✔️ Разбирается сложное на простых примерах из жизни ✔️ Только практические знания, которые пригодятся сразу ✔️ Поддержка и вдохновение 💔 Канал только начинает свой путь Сейчас мы закладываем фундамент: учимся читать бизнес-требования, строить первые диаграммы, понимать основы архитектуры. Этих знаний уже достаточно, чтобы претендовать на позицию Junior! Подписывайся, задавай вопросы в комментариях! Канал Двигай таской
Изображение поста
Изображение канала: Журналус лайт
🌈 Google выпустили Nano Banana Pro aka Gemini 3 Pro Image. Главное из обновления:
• Нейронка генерирует изображения в 1, 2 и 4K с качественным рендерингом текста. Она не искажает типографику на макетах, плакатах, чертежах и инфографике • Поддерживает многоэтапные правки: можно последовательно вносить изменения в созданное изображение с помощью промтов • Использует поиск Google для проверки фактов и генерации изображений на их основе, например карт погоды или биржевых диаграмм • Работает с 14 референсными изображениями одновременно. Из них пять могут быть с персонажами, а шесть — с предметами, и нейронка сохранит их внешний вид в сгенерированной картинке • Можно редактировать ракурс, фокус, освещение и цвета, а также менять часть изображения Получившиеся изображения маркируются незаметным цифровым водяным знаком SynthID. В приложении Gemini можно проверить, картинка оригинальная или сгенерированная. Саймон Уиллисон протестировал и описал возможности модели. Он продемонстрировал, как нейронка справляется с многоэтапными правками и генерацией инфографики. Стоимость использования нейронки по API: 24 ¢ — за изображение в 4K и 13 ¢ — за изображение в 1 или 2K. #инструменты
Изображение поста
Изображение канала: Дизайн по любви, фриланс по расчёту
🌸 Непопулярные вопросы
Да, сертификаты за завершение курсов будут, даже если вы купили их на Чёрной Пятнице. Мы вышлем вам электронный вариант, когда вы сдадите последнее дз на курсе. Единственное условие – вы выполняли дз, а не просто фигачили там плюсики. Мы проверим. Да, у нас есть рассрочка и для граждан РФ, и для Казахстана, Кыргыстана, Беларуси и Узбекистана. Можно оформить на срок от 3 до 6 месяцев. Да, доступ к курсам вы получите сразу. Кто купил на прошлой неделе уже вовсю учатся и внедряют в работу. Сейчас прохожу ого лого, невероятно кайфую от подхода, всё откликается, уже внедряю и применяю, спасибо вам огромное и успехов 🧡 Да, у курсов есть порядок, в котором их лучше проходить. Сначала “Ого, я дизайнер”, потом “Ого, лого!” и только потом “Айдентик”. Курсы по клиентам можно смотреть параллельно или даже начать с них, если с заказами сейчас беда. Да, подойдёт новичкам, кто недавно в дизайне. Как раз получите слаженную пошаговую систему роста от визитки до бренд-айдентики. Да ещё со схемами монетизации. Начинайте с “Ого, я дизайнер!” Да, подойдёт опытным. Заберёте себе мои фишки, лайфхаки и без проблем стрельните х1,5-2 в ближайшие месяцы. Особенно советую Айдентик и Клиенты Дизайнера. Да, я серьёзно, новых курсов не предвидится и это не та темка, где через неделю я такая “Открываю предзапись на новый курс!”. Кто не заберёт мои секретики на Чёрной Пятнице, сможет забрать их только в личной работе. А там чек у меня ого-го. Да, места ещё есть, но их всё меньше с каждым днём. Не советую тянуть до последнего. Осталось чуть больше суток. Успеть забрать курсы со скидкой 86% Уточнить детали у Ксюши @poluksu Да, эту диаграмму я сделала в ChatGPT. Кстати, как вам? 😇
Изображение поста
Изображение канала: Дизайнер, привет
👨‍🏫 Как VK обучает дизайнеров проводить немодерируемые UX-тесты
Анастасия Пушкарева и Полина Адрианова из VK рассказали о создании программы обучения дизайнеров немодерируемым исследованиям. Главная цель в демократизации исследований: дизайнеры могут быстрее проводить тесты, находясь в контексте продукта. Программа занимает три недели и включает записи лекций, практику на реальных кейсах и работу с ментором. После нескольких итераций команда пришла к формату с готовыми кейсами и данными для анализа. В первой версии дизайнеры должны были искать задачи из своей работы и набирать по 50-60 респондентов на каждый тест, что оказалось невыполнимо. Теперь они выбирают из базы кейсов по мотивам реальных исследований VK и работают с уже собранными данными. После четырёх волн обучения команда перешла от потокового формата к точечному: теперь ментор прикрепляется к дизайнеру индивидуально без привязки к кварталу. Внутри: – Почему немодерируемые тесты проще для обучения, чем классические; – Как диаграмма Ганта помогает управлять рабочей группой исследователей; – Зачем нужны тесты с самопроверкой по сложным темам; – Почему дизайнерам пришлось делать шаблон презентации в Figma; – Какие «правила клуба» установили для совместной работы; – Как мастер-классы помогают закрепить конкретные навыки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Дизайнер, привет
📚 40 элементов интерфейса для начинающих дизайнеров
Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Дизайнер, привет
🎨 Как управлять вниманием читателя с помощью цвета в визуализации данных
Лиза Шарлотт Мут из Datawrapper объясняет, как цвет помогает контролировать, куда смотрит читатель. Главный принцип простой: делайте важное цветным, а всё остальное серым. Серый цвет стал инструментом повествования в визуализации данных, и читатели уже привыкли, что серое означает менее важное. Автор рекомендует начать с определения приоритетов. Что читатель должен увидеть первым, вторым, третьим? Лучше записать это, если вы новичок. После этого сделайте все категории серыми, а затем верните цвет только важным элементам. Wall Street Journal демонстрирует этот подход в диаграмме, где маленькие красные области привлекают больше внимания, чем большие серые. Ещё один приём — использовать менее насыщенную версию основного цвета вместо серого для второстепенных категорий. Внутри: – Почему серый цвет нельзя использовать как обычную категорию; – Как создать четыре уровня визуальной иерархии одним цветом; – Зачем FiveThirtyEight использует пять оттенков насыщенности; – Почему изменение оттенка для неважных категорий это ошибка; – Как добавить прозрачность через hex-коды (#cc0000cc); – Когда насыщенный неон побеждает чёрный цвет по привлечению внимания. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: отвратительные графики
У вас в семье есть дети 6-11 лет? Тогда этот пост для вас!
Я буду в составе жюри крутого датавиз конкурса для детей Data Kids! Немного подробностей: Дедлайн подачи работ: 🟣до 30 октября Номинации: 🟣Рисунок, Поделка, Диджитал! Что ждёт участников: • крутые подарки - iPad, LEGO и ещё много всего классного • обучающие эфиры, где диаграмму можно построить из игрушек или конфет • бонусы каждому ребёнку • детский гайд по диаграммам при регистрации Поспешите! До окончания приема работ осталось совсем чуть-чуть! Записаться на участие ❤️
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Charts
Chart — это плагин для создания различных видов графиков и диаграмм. #Plugin ОТКРЫТЬ
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
ChatGPT может создавать диаграммы в FigJam
И в целом это лишь часть новости о том, что с новыми возможностями ChatGPT можно использовать для ответа различные приложения. Например, собрать плейлист в Spotify, или спланировать поездку с Booking. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Video is not supported
Изображение канала: Designdealer
OpenAI запустила систему Apps, которая позволяет использовать внешние приложения прямо в ChatGPT.
Среди первых интеграций появилась Figma. Теперь можно быстро создавать визуальные диаграммы в FigJam, такие как блок-схемы, диаграммы Ганта и другие. Просто упомяните Figma в вашем запросе, например: «Figma, создай диаграмму из этого эскиза». Нейросеть понимает структуру проекта через MCP, поэтому взаимодействие происходит на уровне слоёв и компонентов.
Video is not supported
Изображение канала: Designing Numbers
Помните анекдот про макет Саратова из шишек в натуральную величину к утру? Ну так вот...
Друзья затеяли супер-шалость: детский конкурс по визуализации данных Data kids. Кто читает датавиз-каналы уже о нём наслышаны 😁 Я в жюри и настоятельно приглашаю всех поучаствовать! Кто: дети 6-11 лет и конечно их родители Когда: подача работ до 30 октября Где: вот тут Что: визуализация данных, любая: нарисованная, пластилиновая, склеенная, сложенная из лего, игрушек или шишек в конце концов. Людей, кстати, тоже можно использовать, полная свобода творчества. Что ждёт участников: • крутые подарки: iPad, LEGO и ещё много всего классного • обучающие эфиры, где научат строить диаграммы из всего из чего вообще возможно — первый эфир уже сегодня! • памятные подарки каждому участнику • незабываемый опыт 👉 Регистрация #нерекламапростонравится
Изображение поста
Изображение канала: Фабрика Дизайна
Визуализируем информацию ещё быстрее с полезными сервисами:
🔸 Dataviz Project. Коллекция более 160 типов диаграмм от копенгагенского агентства инфографики Ferdio 🔸 Infogram. Удобный сервис с широкими возможностями для работы над инфографикой или дашбордом 🔸 Easel.ly. Онлайн-редактор для визуализации информации 🔸 Diagrammm. Простой онлайн-редактор диаграмм с возможностью совместной работы 🔸 Kinopio. Инструмент позволяет размещать идеи и заметки на открытом пространстве, связывать их между собой и работать над проектом всей командой 🔸 TimeGraphics. Позволяет создавать таймлайны 🔸 Isoflow. Набор инструментов для построения изометрических диаграмм с богатой библиотекой элементов и облачным хранением 🔸 Prezi. Поможет создать динамичные диаграммы, отчёты, карты, инфографику и многое другое 🔸 Mind The Graph. Шаблоны инфографики, созданные учёными для впечатляющей визуализации результатов исследований [Фабрика Дизайна]
Изображение поста
Изображение канала: Retro Figma
Charts & Graphs - UI Kit — Настраиваемые диаграммы, графики и визуализация данных для использования в вашей дизайн
Install
Изображение поста
Изображение канала: DZENDESIGN
ЭВОЛЮЦИЯ ИНФОГРАФИКИ: КУЛЬТУРНЫЕ КОДЫ И ВИЗУАЛЬНЫЕ ЯЗЫКИ ЧЕЛОВЕЧЕСТВА
Инфографика часто воспринимается как продукт цифровой эпохи, однако её корни уходят в глубь веков. Это не просто инструмент визуализации данных, а фундаментальная форма абстракции, эволюция которой напрямую связана с культурными, идеологическими и художественными особенностями разных обществ. Успешная визуальная абстракция, достигая оптимального баланса между ясностью и смыслом, способна приживаться в общественном сознании как мем, становясь частью универсального языка коммуникации. Культурные ландшафты визуализации История визуализации информации раскрывает уникальные «правила игры», сформированные в разных частях света. В европейской традиции доминирует рационализм и стремление к систематизации. Эпоха Просвещения с её культом научного знания стала катализатором: именно здесь были изобретены линейчатые и круговые диаграммы, призванные очистить информацию от художественности в пользу точности и логики. Абстракция здесь служила целям доказательности и анализа. Североамериканский подход, унаследовав европейские основы, довёл до совершенства принцип прагматизма. Инфографика была адаптирована для нужд массовой коммуникации, коммерции и пропаганды. Её главной функцией стала не научная чистота, а эффективность и мгновенность восприятия, что позднее воплотилось в интуитивном дизайне цифровых интерфейсов (UI/UX). Уникальный синтез возник в российской, советской традиции. Мощная научная школа здесь сочеталась с задачами идеологического пропагандистского искусства (агитпроп). Инфографика плакатов и «Окон РОСТА» представляла собой сплав данных, высокой художественной формы и символики, где такие абстракции, как серп и молот, превращались в сакральные идеограммы целой эпохи. Азиатская культура предлагает иной взгляд — принцип целостности и гармонии. Старинные ландшафтные карты Китая и Японии передавали не столько точные координаты, сколько дух места, его значение в общей картине мироздания. Даже современные пиктограммы, рождённые в Японии, несут в себе черты эстетического минимализма и символической глубины, где данные вписываются в контекст, а не изолируются от него. Наиболее древние формы прото-инфографики демонстрируют африканская и островная культуры. Ткани с орнаментами адинкра народа ашанти или палочковые навигационные карты микронезийцев являются не украшением, а сложными системами кодирования. В них информация о социальном статусе, исторических событиях, маршрутах и течениях была неразрывно сплетена с мифологией, природой и памятью предков. Сквозь призму искусства: от иероглифов к ISOTYPE Параллельно развивалась линия, тесно связанная с декоративно-прикладным и символическим искусством. Египетские иероглифы представляли собой не просто письменность, а сложнейшую инфографическую систему, где один символ мог одновременно обозначать объект, понятие и звук. Геральдика в Европе и орнаменты по всему миру функционировали как строгие визуальные коды, передающие информацию о происхождении, статусе и мировоззрении. В XX веке эта идея была переосмыслена в проекте ISOTYPE (International System of TYpographic Picture Education). Его создатель, Отто Нойрат, стремился создать универсальный визуальный язык, преодолевающий языковые барьеры. Его правила — последовательность, простота и повторение — стали основой для всех современных пиктограмм, напрямую восходя к древнейшей потребности выражать сложные идеи через универсальные символы. Заключение: к глобальному визуальному языку Эволюция инфографики представляет собой непрерывный поиск баланса между четырьмя полюсами: степенью абстракции, художественной выразительностью, точностью данных и универсальностью восприятия. Разные культуры, руководствуясь своими ценностями, находили уникальные точки этого равновесия. Сегодня происходит глобализация визуального языка: западная рациональная графика использует принципы восточной композиции, а международные символы аэропортов объединяют наследие ISOTYPE, советского агитпрома и древнеегипетского иероглифического мышления.
Изображение поста