• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: Инструменты 6

Програмное обеспечение, позволяющее визуализировать статистическую информацию. Помощники инфографера. Для того, чтобы визуализировать информацию, не обязательно быть дизайнером. Накопилось уже много всяких разных инструментов от всем известного Excell до специализированных инструментов для журналистов Knightlab. Мы делимся с вами самым интересным в этом разделе. А какие инструменты знаете вы? Делитесь в комментариях к данному разделу. Присылайте письма.

Как создать карту авиалиний и не запутаться. Часть 1 — Карта

7 г. назад Инструменты, Примеры визуализациивизуальное мышление, карты

Картограф Даниэль Хаффман (Daniel Huffman) сделал схему авиалиний и рассказал о процессе в своем блоге. Несмотря на деформации на карте легко распознать все континенты, несмотря на большое количество перелетов — легко проследить маршруты. Делимся с вами переводом статьи, о том как Даниэль принимал визуальные решения. Эта карта не финальный вариант, принятый клиентом, но фаворит автора.   

Карта перелетов, автор — Daniel Huffman

Карта

Первый вариант расположения карты

Даниэль начал с поиска подходящего расположения карты мира для разворота журнала и хотел использовать стандартную стереографическую проекцию Галла (именно по ней мы все знаем карту мира) и сразу столкнулся с двумя проблемами.

  1. Промежуток между страницами (gutter). В месте, где соединяются страницы разворота, не должно  быть важной информации. На карте сверху эта проблема решена небольшой деформацией — Атлантический океан шире, чем в реальности. Проблема тут в том, что при таком расположении карта получается несбалансированной — большинство маршрутов оказались справа.
  2. Масштаб. Размер разворота 398 × 270 мм и этого достаточно, но некоторые направления (например, Европа) очень плотные, и сложно будет сделать читаемые подписи.

В итоге, Даниэль выбрал другой подход — он сам нарисовал карту. С помощью изменения формы и размера зон он убрал излишнюю плотность городов и выделил место для промежутка между страницами.

Запад Индии стал шире, чтобы выделить место для разрыва страниц. Места, где мало направлений, стали меньше, и наоборот. Несмотря на это, карта выглядит узнаваемой. Чтобы понять, насколько искажена карта, удобно использовать MapAnalyst.

Сравните сетки на картах, они показывают, как изменилась стереографическая проекция. Например, Тихий океан стал меньше, а Америки стали ближе к Азии

Чтобы нарисовать новую карту, Даниэль взял за основу стереографическую карту Галла и редактировал картинку с помощью инструмента Lasso в Adobe Illustrator.

Он сжимал, раздвигал, перемещал элементы и смотрел, как изменение одной части влияет на другие. Процесс занял около пары часов. В результате все элементы карты были расставлены по местам, но получились некрасивые шероховатые края.

Чтобы подчистить шероховатости, Даниэль перерисовал карту сверху, используя линии и арки. Так карта стала аккуратной, сохранив при этом достаточно деталей для узнаваемости и приобрела современный вид.

Последним штрихом в работе с картой были передвижения городов — некоторые прибрежные города съехали в ходе деформации, другие нужно было подвинуть, чтобы освободить место для подписей.

Вторым этапом стала работа с линиями перелетов, читайте про нее во второй части статьи.

Оригинал статьи: ON AIRLINE MAPPING
Автор: Daniel Huffman

 

Подборки: презентации

8 г. назад 1 Инструменты, Теориявизуальное мышление, подборка, презентации и слайды

Начинаем новую рубрику. Мы недавно поняли, что у нас на сайте за 7 лет накопилось уже много всякого рода материалов, и решили собрать их в небольшие подборки на тему и обучалки.

Начнем с презентаций

Вот вам для вдохновения — гуру презентаций Нэнси Дуарте и ее TED talk — «Секретная структура великих презентаций».

Нэнси проанализировала множество успешных презентаций и поняла, что в их основе одинаковая структура. Выглядит она — вот так:

Структура успешной презентации

Нэнси Дуарте. Структура успешной презентации

В видео она анализирует презентацию первого iPhone и речь «I have a dream» Мартина Лютера Кинга.

Нэнси Дуарте также знаменита своей книгой Slide:ology, в которой она рассказывает о том, как правильно составлять и проводить презентации. А еще мы переводили ее статью о том, как использовать Power Point для работы с текстами, набросками и макетами. 

Переопубликуем еще кусок шикарнго списка литератутры о презентациях и коммуникации от Энди Кирка.

Art of Plain Talk, by Rudolf Flesch
Better Presentations: A Guide for Scholars, Researchers, and Wonks, by Jon Schwabish
Building Stories, by Chris Ware
Graphic Storytelling and Visual Narrative, by Will Eisner
The Jelly Effect: How to Make Your Communication Stick, by Andy Bounds
Made to Stick: Why Some Ideas Survive and Others Die, by Chip and Dan Heath
Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations, by Garr Reynolds
Presentation Zen: Simple Ideas on Presentation Design and Delivery, by Garr Reynolds
Switch: How to Change Things When Change Is Hard, by Chip and Dan Heath
Understanding Comics: The Invisible Art, by Scott Mccloud

На русском

Тоже уже можно найти много всего интересного. Мы писали однажды про книгу Алексея Каптерева «Мастерство презентации». В издательстве Манн, Иванов и Фебер можно найти еще несколько качественных книг про презентации.

И на десерт

Наш пост про прототип Power Point — диафильмы. С бонусом в виде истории про катализ и катализаторы.

PowerPoint для работы с текстами, набросками и макетами

Статья9 г. назад 1 Инструментывизуальное мышление, инструменты визуализации, презентации и слайды

Большинство документов создается в текстовых редакторах. Однако, для этого можно использовать и презентационные программы, такие как PowerPoint. Автор книг по искусству презентации Нэнси Дуарте использует PowerPoint при написании книг, внутренних документов, гарантийных писем и рекламных текстов на сайте.

В PowerPoint удобно устроить мозговой штурм. Можно накидать идеи, выделить основные темы, проверить, а достаточно ли идей для этой темы, и потом развить ее на каждом отдельно взятом слайде.  На ранних стадиях работы каждый слайд — словно страничка Pinterest: простой, но внятный заголовок, набросок текста, несколько картинок — нарисованных или найденных — для прояснения мысли. Если для конкретной темы идей не набирается, ее можно бросить и не тратить лишнее время на подбор идеальных фраз, перетащить забракованные слайды в конец «колоды», чтобы потом вернуться к ним, дополнить или, наоборот, удалить.

Ниже — черновик второй книги Нэнси, Resonate, выполненный с помощью PowerPoint. Каждый слайд — разворот страницы.

В слайд включен черновой текст, вдохновляющие образы, цитаты и ссылки.

Работа над текстами именно в PowerPoint дает множество дополнительных возможностей.

Работа над структурой
Слайды работают как карточки и стикеры — их можно перетасовывать столько, сколько необходимо. Можно так же попеременно работать над содержимым слайдов и над их последовательностью. Для удобства можно также маркировать текст цветом,чтобы обозначить различную степень готовности (например, «в редактуру», «добавить пару идей»).

Контроль объема
Работа со слайдами помогает контролировать количество текста на каждой странице. Достаточно задать определенный размер текста и сразу будет заметно, если текста станет слишком много, и надо начать его сокращать.

Обратная связь
Если необходимо получить совет, то представление материала в виде слайдов, заметно облегчит задачу. Слайды можно распечатать, а потом попросить добавить комментарии, например, на стикерах.

Финальный документ
Информацию, подготовленную в презентационной программе, легко считывать и воспринимать. Поэтому, если речь идет не о книге, а о каком-нибудь внутреннем документе, программы PowerPoint будет достаточно не только для черновика, но и для финального документа. Потом этот документ будет довольно просто разослать по почте и поделиться с коллегами.

Полный текст статьи Нэнси Дуарте на сайте Harvard Business Review Россия

4 бесплатных инструмента для он-лайн сторителлинга от Knight Lab

Статья10 г. назад 1 Инструментывизуальное мышление, журналистская инфографика

Knight Lab — это проект Северозападного университета (Northwestern University) в рамках которого технологи, журналисты, преподаватели и студенты разрабатывают новые инструменты для он-лайн сторителлинга.

Некоторые из инструментов так и остаются на уровне прототипов, другие — выполняются под заказ, а третьи — открыты для свободного использования всем желающим. Предлагаем вам краткий обзор четырех таких инструментов — TimelineJS, StoryMapJS, JuxtaposeJS и SoundCiteJS.

TimelineJS

Генератор интерактивных таймлайнов для web. Можно забить все необходимые данные в специальный шаблон на Google Таблицах, подтянуть картинки и видео, — и TimelineJS сгенерирует HTML код для сайта.

Продолжить чтение →

План проекта и принципы визуального мышления. 10 шагов к плану, который работает

Статья10 г. назад Инструментывизуальное мышление, правила визуализации, теория информационного дизайна

Качественный план проекта — это уже заявка на победу. Для того, чтобы план сработал,  он должен быть прозрачным и понятным всем участникам, и навыки визуального мышления тут очень пригодятся. Начать стоит с того, чтобы ответить себе на 5 основных вопросов:

Зачем? Что? Как? Кто? Когда?
Продолжить чтение →

Как работает тостер

Статья14 г. назад 7 Инструментывизуальное мышление

С наступившим Вас 2011!

Представляю вашему вниманию небольшое упражнение, которое используется на тренингах по развитию визуального мышления. Вообще, что в этом году будет больше постов по этой теме, потому что мы считаем визуальное мышление базовым навыком, лежащим в основе инфографики.

Задание – схематично изобразить работу тостера. Чем меньше стадий будет отображено, тем лучше.

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

И ниже- сборка разных работ. Я думаю вы легко опознаете более профессиональные/удачные/концентрированные

Продолжить чтение →

Темы раздела
Инструменты 6Примеры визуализации 1Теория 1
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+