Плагин «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 ОТКРЫТЬ
Изображение поста
ChatGPT может создавать диаграммы в FigJam
И в целом это лишь часть новости о том, что с новыми возможностями ChatGPT можно использовать для ответа различные приложения. Например, собрать плейлист в Spotify, или спланировать поездку с Booking. 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
OpenAI запустила систему Apps, которая позволяет использовать внешние приложения прямо в ChatGPT.
Среди первых интеграций появилась Figma. Теперь можно быстро создавать визуальные диаграммы в FigJam, такие как блок-схемы, диаграммы Ганта и другие. Просто упомяните Figma в вашем запросе, например: «Figma, создай диаграмму из этого эскиза». Нейросеть понимает структуру проекта через MCP, поэтому взаимодействие происходит на уровне слоёв и компонентов.
Помните анекдот про макет Саратова из шишек в натуральную величину к утру? Ну так вот...
Друзья затеяли супер-шалость: детский конкурс по визуализации данных Data kids. Кто читает датавиз-каналы уже о нём наслышаны 😁 Я в жюри и настоятельно приглашаю всех поучаствовать! Кто: дети 6-11 лет и конечно их родители Когда: подача работ до 30 октября Где: вот тут Что: визуализация данных, любая: нарисованная, пластилиновая, склеенная, сложенная из лего, игрушек или шишек в конце концов. Людей, кстати, тоже можно использовать, полная свобода творчества. Что ждёт участников: • крутые подарки: iPad, LEGO и ещё много всего классного • обучающие эфиры, где научат строить диаграммы из всего из чего вообще возможно — первый эфир уже сегодня! • памятные подарки каждому участнику • незабываемый опыт 👉 Регистрация #нерекламапростонравится
Изображение поста
Визуализируем информацию ещё быстрее с полезными сервисами:
🔸 Dataviz Project. Коллекция более 160 типов диаграмм от копенгагенского агентства инфографики Ferdio 🔸 Infogram. Удобный сервис с широкими возможностями для работы над инфографикой или дашбордом 🔸 Easel.ly. Онлайн-редактор для визуализации информации 🔸 Diagrammm. Простой онлайн-редактор диаграмм с возможностью совместной работы 🔸 Kinopio. Инструмент позволяет размещать идеи и заметки на открытом пространстве, связывать их между собой и работать над проектом всей командой 🔸 TimeGraphics. Позволяет создавать таймлайны 🔸 Isoflow. Набор инструментов для построения изометрических диаграмм с богатой библиотекой элементов и облачным хранением 🔸 Prezi. Поможет создать динамичные диаграммы, отчёты, карты, инфографику и многое другое 🔸 Mind The Graph. Шаблоны инфографики, созданные учёными для впечатляющей визуализации результатов исследований [Фабрика Дизайна]
Изображение поста
Charts & Graphs - UI Kit — Настраиваемые диаграммы, графики и визуализация данных для использования в вашей дизайн
Изображение поста
ЭВОЛЮЦИЯ ИНФОГРАФИКИ: КУЛЬТУРНЫЕ КОДЫ И ВИЗУАЛЬНЫЕ ЯЗЫКИ ЧЕЛОВЕЧЕСТВА
Инфографика часто воспринимается как продукт цифровой эпохи, однако её корни уходят в глубь веков. Это не просто инструмент визуализации данных, а фундаментальная форма абстракции, эволюция которой напрямую связана с культурными, идеологическими и художественными особенностями разных обществ. Успешная визуальная абстракция, достигая оптимального баланса между ясностью и смыслом, способна приживаться в общественном сознании как мем, становясь частью универсального языка коммуникации. Культурные ландшафты визуализации История визуализации информации раскрывает уникальные «правила игры», сформированные в разных частях света. В европейской традиции доминирует рационализм и стремление к систематизации. Эпоха Просвещения с её культом научного знания стала катализатором: именно здесь были изобретены линейчатые и круговые диаграммы, призванные очистить информацию от художественности в пользу точности и логики. Абстракция здесь служила целям доказательности и анализа. Североамериканский подход, унаследовав европейские основы, довёл до совершенства принцип прагматизма. Инфографика была адаптирована для нужд массовой коммуникации, коммерции и пропаганды. Её главной функцией стала не научная чистота, а эффективность и мгновенность восприятия, что позднее воплотилось в интуитивном дизайне цифровых интерфейсов (UI/UX). Уникальный синтез возник в российской, советской традиции. Мощная научная школа здесь сочеталась с задачами идеологического пропагандистского искусства (агитпроп). Инфографика плакатов и «Окон РОСТА» представляла собой сплав данных, высокой художественной формы и символики, где такие абстракции, как серп и молот, превращались в сакральные идеограммы целой эпохи. Азиатская культура предлагает иной взгляд — принцип целостности и гармонии. Старинные ландшафтные карты Китая и Японии передавали не столько точные координаты, сколько дух места, его значение в общей картине мироздания. Даже современные пиктограммы, рождённые в Японии, несут в себе черты эстетического минимализма и символической глубины, где данные вписываются в контекст, а не изолируются от него. Наиболее древние формы прото-инфографики демонстрируют африканская и островная культуры. Ткани с орнаментами адинкра народа ашанти или палочковые навигационные карты микронезийцев являются не украшением, а сложными системами кодирования. В них информация о социальном статусе, исторических событиях, маршрутах и течениях была неразрывно сплетена с мифологией, природой и памятью предков. Сквозь призму искусства: от иероглифов к ISOTYPE Параллельно развивалась линия, тесно связанная с декоративно-прикладным и символическим искусством. Египетские иероглифы представляли собой не просто письменность, а сложнейшую инфографическую систему, где один символ мог одновременно обозначать объект, понятие и звук. Геральдика в Европе и орнаменты по всему миру функционировали как строгие визуальные коды, передающие информацию о происхождении, статусе и мировоззрении. В XX веке эта идея была переосмыслена в проекте ISOTYPE (International System of TYpographic Picture Education). Его создатель, Отто Нойрат, стремился создать универсальный визуальный язык, преодолевающий языковые барьеры. Его правила — последовательность, простота и повторение — стали основой для всех современных пиктограмм, напрямую восходя к древнейшей потребности выражать сложные идеи через универсальные символы. Заключение: к глобальному визуальному языку Эволюция инфографики представляет собой непрерывный поиск баланса между четырьмя полюсами: степенью абстракции, художественной выразительностью, точностью данных и универсальностью восприятия. Разные культуры, руководствуясь своими ценностями, находили уникальные точки этого равновесия. Сегодня происходит глобализация визуального языка: западная рациональная графика использует принципы восточной композиции, а международные символы аэропортов объединяют наследие ISOTYPE, советского агитпрома и древнеегипетского иероглифического мышления.
Изображение поста
Плагин Map Chart — Помогает в создании инфографики с использованием карт мира.
💗 Разберем презентации по косточкам!
По вашим запросам, уже сегодня в 19:00 (МСК) мы: 🩷Поэтапно создадим WOW-слайды с диаграммами в прямом эфире 🩷Обсудим топ-10 частых ошибок и их решения при работе с отчетами на примере реальных слайдов 🩷Ответим на твои вопросы 🎁 Псс… при регистрации тебя ждут полезные подарки Регистрируйся на вебинар — места ограничены!
Изображение поста
Gantt — создавайте красивые диаграммы Ганта и временные диаграммы.
gantt.io