СЕРВИСЫ ВИЗУАЛИЗАЦИИ ИНФОРМАЦИИ Пархимович Мария Николаевна ВИЗУАЛИЗАЦИЯ

СЕРВИСЫ ВИЗУАЛИЗАЦИИ ИНФОРМАЦИИ Пархимович Мария Николаевна

ВИЗУАЛИЗАЦИЯ. КТО ЧАЩЕ ПОМОГАЕТ ДЕТЯМ ДЕЛАТЬ УРОКИ? По данным британских исследователей детям чаще всего помогают отцы, это 47% помощников. На втором месте – мамы, по результатам исследований – 39%. Значительно меньше – старшие братья и сестры, а также бабушки и дедушки

Инфографика — это визуализация данных, или (проще говоря) — искусство передать цифры статистики, информации, данных и знаний образным языком графики. https: //vimeo. com/5477517 https: //vimeo. com/7459305

ТРИ УРОВНЯ ВИЗУАЛИЗАЦИИ: ДАННЫХ, ИНФОРМАЦИИ, ЗНАНИЯ 1. Визуализация ДАННЫХ помогает прочитать цифры — переработка массива данных в диаграммы, позволяющая увидеть закономерности. Об этом навыке хорошо рассказывает книга «Говори на языке диаграмм» . 2. Визуализация ИНФОРМАЦИИ соединяет различные факты в историю, и в какой-то степени уже предлагает интерпретацию событий. Наверное это и есть «инфографика» в ее чистом виде. 3. И наконец, визуализация ЗНАНИЙ. Когда, например, предприниматель хочет донести миру идею своего инновационного бизнеса. Идея у него в голове и ему надо помочь облечь ее не в форму слов, а изображение схему карту.

ЛУЧШИЕ БЛОГИ И ВЕБ-САЙТЫ ОБ ИНФОГРАФИКЕ Information Aesthetics – Соотношение дизайна и информации. Visualizing. org – Понимание сложных вопросов с помощью данных и дизайна. Visual Complexity – Ресурс с визуализациями сложных сетей. Daily Infographic – Новая инфографика каждый день. GOOD Infographics – Секция инфографики GOOD Magazine. Information Is Beautiful – Идеи, проблемы, знания, данные — визуализация всего. Infographic of the Day – Серия инфографики от Fast Company. Flowing. Data – Дизайнеры и ученые, которые визуализируют данные. Datastore / Datablog – Журналистика данных от Guardian. Infographics Archive – Визуальная библиотека с инфографикой. Infographr – Все об инфографике. Video Infographics – Видеоинфографика. Datavisualization. ch – Новости и информация о визуализации данных. Visual. Journalism – 80% новостей в инфографике. Eagereyes – Визуализация и визуальные коммуникации. Amazing Infographics – Ресурс с инфографикой. Submit Infographics – Делитесь и оценивайте инфографику. The Infographics Showcase – Подборка инфографики и визуализации. I Love Charts – Tumblr-блог о графиках. Well Formed Data – Блог с инфографикой. Best Infographics – Примеры интересной инфографики. Infographic List – Для тех, кто любит инфографику.

6 ОСНОВНЫХ ЭТАПОВ СОЗДАНИЯ ИНФОГРАФИКИ 1 этап – выбор темы Ее основные свойства – востребованность и актуальность. 2 этап – сбор информации Здесь все напрямую зависит от темы. Если это авария, то нужно собрать всю доступную информацию, фотографии, экспертизы, свидетельства. В зависимости от того, как авария будет изображена, могут потребоваться карты местности. 3 этап – систематизация Он является наиболее сложным и включает организацию собранной информации и создание плана ее презентации. 4 этап – эскиз и раскадровка В сети информацию представляют поэтапно – по частям (с линейной последовательностью или без). Степень детализации в эскизах или раскадровке зависит от глубины проработки темы. Эскизы используются в печатной инфографике, а раскадровка в интернет-инфографике. 5 этап – создание основного и второстепенных объектов. 6 этап – макетирование, постановка.

БАЗОВЫЕ ПРИНЦИПЫ ВИЗУАЛИЗАЦИИ ИНФОРМАЦИИ концепции образа (Image) если мы можем посмотреть на картинку и сразу сказать, что это такое — значит картинка является образом. Мантры визуализации Человек должен иметь возможность Выбирать и фильтровать данные. Видеть связи Увеличивать интересующие его области и видеть детали. Визуализация информации = представление + взаимодействие

ПАТТЕРНЫ ВИЗУАЛИЗАЦИИ

ПАТТЕРНЫ ВИЗУАЛИЗАЦИИ Карты. Географические, картограммы, и так далее. Они всем знакомы еще из школы по урокам географии. Благодаря картам, многие из вас помнят, что в Африке добывают алмазы, а месторождение золота есть в Бодайбо Таймлайн (Временная шкала). Используется для визуализации всего, что связано со временем, скажем, график работ или лунный цикл. Многие переменные. Достаточно обширный класс паттернов, который используется для визуализации данных, имеющих много переменных. Скажем, людей по полу, весу, росту и потреблению кока-колы в год. Сети. Для визуализации зависимостей, связей и иерархий.

КАРТЫ. ГЕОГРАФИЧЕСКАЯ КАРТА

КАРТЫ. ФОТОГРАФИЧЕСКАЯ КАРТА Показывает географический объект в виде фотографии со спутника или самолета.

КАРТЫ. ДОРОЖНАЯ КАРТА ПОКАЗЫВАЕТ В СХЕМАТИЧНОМ ВИДЕ ТРАССЫ, МАГИСТРАЛИ, ЖЕЛЕЗНЫЕ И ДРУГИЕ ДОРОГИ, НАЛОЖЕННЫЕ НА ОЧЕРТАНИЯ ГЕОГРАФИЧЕСКИХ ОБЪЕКТОВ.

КАРТЫ. ТЕМАТИЧЕСКАЯ КАРТА Показывает различные объекты в виде маркеров на карте мира, страны или города. Объектами чаще всего являются те, что построены человеком: дома, магазины, памятники, объекты инфраструктуры и т. п. на карте города; либо города на карте страны; либо страны на карте мира.

КАРТЫ. КАРТОГРАММА Показывает в виде схематичной карты набор данных, каждое из значений которого привязано к географическому объекту. При этом размер объекта зависит от величины значения.

КАРТЫ. АРХИТЕКТУРНЫЙ ПЛАН Показывает в схематичном виде форму и внутреннее строение одного из этажей здания или другого архитектурного сооружения. Также может показывать расстановку мебели и других предметов наполнения помещений.

КАРТЫ. СХЕМА МАРШРУТОВ ОБЩЕСТВЕННОГО ТРАНСПОРТА Показывает остановки общественного транспорта в виде одной или нескольких пересекающихся линий разного цвета. Линия соответствует заранее определенной последовательности станций.

ВРЕМЕННАЯ ШКАЛА Показывает значения из набора данных на горизонтально й оси, которая соответствует времени. Отрезки между значениями могут быть любой величины.

ВРЕМЕННАЯ ШКАЛА ДИАГРАММА ГАНТТА Показывает последовательность, длительность, а также время начала и окончания этапов и конкретных задач, необходимых для выполнения проекта. Отображается в виде «водопада» из одного или нескольких каскадов — соединенных стрелками блоков, выстроенных по диагонали сверху вниз, слева направо (т. е. «лестницей» ). Причем длина блока зависит от необходимого для выполнения времени.

СЕТИ КРУГОВАЯ ДИАГРАММА СВЯЗЕЙ Показывает связи внутри набора данных в виде кольца, на котором расставлены значения. Значения связаны дугами или линиями, находящимися во внутренней области круга. При большом количестве значений они могут заполнять пространство внутри кольца, хотя это менее наглядно. Связи также могут иметь направление.

СЕТИ ЛИНЕЙНАЯ ДИАГРАММА СВЯЗЕЙ Показывает связи внутри набора данных в виде линии, на которой расставлены значения. Значения связаны дугами, находящимися сверху и снизу линии. Связи также могут иметь направление.

СЕТИ СВЯЗИ НА КАРТЕ Показывает связи внутри набора данных в виде земного шара или географической карты, на которой расставлены значения. Значения связаны дугами, если изображение трехмерное, или линиями, если карта плоская. Связи также могут иметь направление.

СЕТИ ДЕНДРОГРАММА Показывает близость значений набора данных по одному из параметров, используя ось Y для расстановки самих значений, а ось X — для величины параметра. Отображается в виде набора соединяющихся друг с другом горизонтальных линий, которые соединяются, если значения совпадают по параметру. Причем раньше совпадение значений находится по оси X, тем ближе они друг к другу.

СЕТИ ИЛЛЮСТРАЦИЯ Показывает ключевые шаги, которые проходит процесс, в виде изображенного на картинке сюжета. По сути является аналогом неформальной блоксхемы.

СЕТИ КОМИКС Показывает ключевые шаги последовательного процесса или явления в виде набора картинок, каждая из которых показывает один из его этапов в виде небольшого сюжета.

СЕТИ ФОРМАЛИЗОВАННАЯ БЛОК-СХЕМА Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом однонаправленными стрелками блоков. Отображается в стандартизированно м формате, где вид блока зависит от его роли в процессе.

СЕТИ НЕФОРМАЛИЗОВАННАЯ БЛОК-СХЕМА Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом стрелками блоков. Отображается в свободной форме, когда шаги показаны произвольными фигурами, а стрелки могут быть двунаправленными или вообще не иметь направления. Кроме того, блоки могут быть объединены в группы.

СЕТИ ДИАГРАММА ЦИКЛИЧЕСКОГО ПРОЦЕССА Показывает ключевые шаги процесса, который содержит набор повторяющихся действий. Циклическая часть отображается в виде кольца, которое образуют соединенные стрелками шаги. А начало и окончание процесса — входящей и выходящей из круга стрелками.

СЕТИ ДИАГРАММА СЭНКИ Показывает ключевые шаги процесса и интенсивность его протекания на каждом из участков. Отображается без узлов, в виде соединяющихся и разветвляющихся линий разной толщины (в зависимости от величины параметра). Имеет любое количество начальных и конечных точек, а значит и множество сценариев развития.

СЕТИ ДЕРЕВО Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Выстраивается в виде соединенных линиями узлов, как правило, сверху вниз. Узел обычно отображается кругом или прямоугольником.

СЕТИ МЕНТАЛЬНАЯ КАРТА Показывает состав и структуру явления или понятия в виде дерева, в котором каждый узел имеет один или несколько дочерних элементов. Это частный случай дерева, с той разницей, что ветви расходятся из узла, расположенного в центре изображения.

СЕТИ ФОРМАЛИЗОВАННЫ Е СТРУКТУРНЫЕ ДИАГРАММЫ Показывают состав и структуру системы или ее части в виде карточек, которые описаны с разной степенью детализации и связаны друг с другом как родительские и дочерние. Отображается в стандартизованном виде UML или IDEFIX

СЕТИ ДИАГРАММА ВЕННА-ЭЙЛЕРА Показывает отношения между значениями набора данных в виде накладывающихся друг на друга кругов (чаще всего трёх). Область, в которой пересекаются все круги, показывает общее между ними.

СЕТИ ПЛОСКОЕ ДЕРЕВО Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Отображается в виде набора вложенных прямоугольников, каждый из которых является ветвью дерева, а находящиеся внутри него — дочерними элементами и ветвями. Прямоугольники различаются по размеру в зависимости от параметра и имеют цвет, который задается другим параметром.

ПЕРЕМЕННЫЕ ЛИНЕЙНЫЙ ГРАФИК Наиболее распространенный случай. Объединяет линией набор точек, соответствующих значениям по осям. Например, ежедневная посещаемость сайта за месяц. Может показывать сразу несколько наборов данных

ПЕРЕМЕННЫЕ ГРАФИК РАССЕИВАНИЯ Показывает распределение ограниченного набора точек, соответствующих значениям по осям. Между точек часто рисуется выравнивающая кривая — она наглядно показывает закономерности среди значений.

ПЕРЕМЕННЫЕ СТОЛБИКОВАЯ ДИАГРАММА Показывает один или несколько наборов данных, сравнивая их между собой. Существует два варианта отображения в случае нескольких наборов: либо в виде нескольких стоящих рядом столбиков, либо в виде одного, но поделенного внутри в соответствии с долями значений.

ПЕРЕМЕННЫЕ ГИСТОГРАММА Показывает распределение набора данных внутри выборки в виде столбиков.

ПЕРЕМЕННЫЕ КРУГОВАЯ ДИАГРАММА Отображает процент, занимаемый каждым значением внутри набора данных, в виде разбитого на части круга. Может отображать сразу несколько наборов данных — в этом случае диаграммы наложены друг на друга, причем каждая из них меньше предыдущей.

ПЕРЕМЕННЫЕ ПЛОЩАДНАЯ ДИАГРАММА Смесь графика и диаграммы — по двум осям расставлен набор точек, соответствующий значениям. При этом сами точки не соединены и имеют различную величину, которая задается третьим параметром.

ПЕРЕМЕННЫЕ КОЛЬЦЕВАЯ ДИАГРАММА Показывает процент от максимального количества, которое занимает одно из значений в наборе данных, в виде частично закрашенного кольца. Часто используется сразу несколько таких диаграмм, сравнивающих разные значения.

ПЕРЕМЕННЫЕ ДИАГРАММА РАЗБРОСА Показывает минимальную и максимальную величину значений внутри набора данных в виде урезанной столбиковой диаграммы. Начало столбика лежит не на горизонтальной оси, а в точке минимального значения по вертикали.

ПЕРЕМЕННЫЕ ЛЕПЕСТКОВАЯ ДИАГРАММА Сравнивает величины нескольких значений, каждая из которых соответствует точке на оси. Количество осей соответствует количеству значений, а точки объединены линиям

ПЕРЕМЕННЫЕ ОБЛАКО ТЕГОВ Сравнивает ключевые слова или фразы (значения), содержащиеся внутри фрагмента текста (набора данных), задавая каждому из них свой размер шрифта. Размер шрифта зависит от величины параметра.

ПЕРЕМЕННЫЕ ТЕПЛОВАЯ ДИАГРАММА Сравнивает значения внутри набора данных, закрашивая их одним из цветов в заранее выбранном спектре. Основой является изображение или другая диаграмма, на которой расставлены значения. Цвет зависит от величины параметра и чаще всего накладывается в виде пятен.

ПЕРЕМЕННЫЕ ТАБЛИЦА Показывает набор данных в виде заполненных его значениями ячеек, которые образуют собой строки и столбцы. Каждому столбцу и строке соответствует параметр, который определяет конкретную ячейку для значения.

ПЕРЕМЕННЫЕ КАЛЕНДАРЬ Частный случай таблицы.

ПЕРЕМЕННЫЕ КАЛЕНДАРЬ Частный случай таблицы.

Выбор типа диаграммы Все, без исключения, сталкивались с проблемой какой тип представления данных выбрать? Диаграмма, круговая диаграмма, график, линейчатый график… и много-много других способов отображения есть на выбор. Для ответа на этот вопрос компания juiceanalytics разработала специальное приложение, которое поможет определиться с выбором —Chart-Chooser. Таблица типов http: //www. visualliteracy. org/periodic_table. html

ИСТОЧНИКИ ДАННЫХ ДЛЯ ВИЗУАЛИЗАЦИИ

ИСТОЧНИКИ ДАННЫХ На английском языке: The Data Hub – Ресурс, где вы можете скачать и использовать данные. Knoema – Большое количество наборов данных. World. Map – Исследуйте, визуализируйте и публикуйте географическую информацию. Get the Data – Задать вопрос о данных. US Census Bureau – Данные по Америке (люди, места, экономика). datacatalogs. org – Набор каталогов открытых данных со всего мира. World Bank Data – Наборы данных о разных странах. Data 360 – Наборы данных, которые рассказывают истории. Gallup – Опросы общественного мнения. Every. Block – Наборы данных о крупных городах. Google Public Data – Поиск и анимация наборов данных со всего мира. Gapminder – Данные по глобальному развитию.

На русском языке: Хаб открытых данных — Наборы открытых государственных данных. Данные Федеральных Органов Исполнительной Власти — наборы открытых данных от Министерств и Федеральных агентств РФ. Портал открытых данных Государственной Думы — Портал открытых данных официального сайта Государственной Думы. Открытое правительство — открытые данные на сайте Открытого правительства. Портал государственных закупок — информация в сфере госзакупок и услуг. Лаборатория «GIS-Lab» — сообщество специалистов в области географических информационных систем.

ДРУГОЕ /РАЗНОЕ Kaggle – Сообщество ученых, работающих с большими данными. KISSmetrics Infographics – Полезная инфографика KISSmetrics. Data Wrangler – Инструмент для форматирования данных. A World of Tweets – визуализация Twitter. We Feel Fine – Исследование человеческих эмоций. Component. Art DV – Визуализуйте ваши данные. Webpages As Graphics – An HTML DOM visualizer app. Creately – Рисуйте совместные диаграммы онлайн. Re. vu – Инструмент для визуализации резюме. Vizualize. me – Визуализация резюме в один клик. Wordle – Создавайте красивые облака тегов.

СЕРВИСЫ ДЛЯ СОЗДАНИЯ ИНФОГРАФИКИ

ИНСТРУМЕНТЫ ДЛЯ ВИЗУАЛИЗАЦИИ ДАННЫХ Gephi – «Photoshop» для данных — программное обеспечение для визуализации. Processing — Программная среда для создания визуализаций. Matplotlib — Библиотека на языке программирования Python для визуализации данных двумерной (2 D) графикой. Tableau Public – Инструмент для визуализации данных. Free Vector Infographic Kit – Элменты векторной инфографики от Media. Loot. Weave – Веб-платформа для аналитики и визуализации. i. Charts – Простое создание графиков. Charts. Bin – Веб-инструмент для создания визуализаций. Geo. Commons – Картографический инструмент. VIDI – Набор Drupal-модулей для визуализции данных. Prefuse – Программное обеспечение для визуализации информации. Stat. Silk – Программное обеспечение для картографии и визуализации. Gliffy – Создание онлайн-диаграмм. Google Chart Tools – Набор инструментов для визуализации.

JAVASCRIPT /FLASH ИНСТРУМЕНТЫ ДЛЯ СОЗДАНИЯ ИНФОГРАФИКИ d 3. js – Большая Java. Script-библиотека для создания визуализации. Info. Vis Toolkit – Java. Script инструмент для создания визуалиации. Flare – Интерактивная визуализация (Action. Script). Dygraph — Открытая Java. Script-библиотека для работы с данными. JS Charts – Java. Script-графики. Fusion. Charts – Java. Script (HTML 5) и Flash-графики. am. Charts – Java. Script и HTML-графики. Highcharts − Java. Script-библиотека для создания графиков. http: //d 3 js. org/ 3 D-инфографика moxiecode. com — JS + Web. GL

СЕРВИСЫ Google Charts — сервис создаст красивые и легко настраиваемые графики и диаграммы из ваших данных. Полученное отлично ляжет в основу хорошей инфографики или отличной презентации. Easel. ly — приложение дает возможность конструировать красивую инфографику онлайн без знаний основ графических редакторов. Infogr. am — простой и удобный инструмент для создания интерактивной инфографики.

СЕРВИСЫ Piktochart — несколько бесплатных настраиваемых тем для создания собственной инфографики и более 200. 000 пользователей по всему миру. Базовая версия бесплатна, Сreately — здесь есть возможность подставить свои данные в готовый шаблон и получить красивую, профессиональную инфографику. Поддерживает 7 языков, среди которых — русский.

СЕРВИСЫ Capsidea — хорошая разработка от российском команды, имеющая в своем арсенале множество функций и возможностей, в том числе визуализацию потоковых данных в режиме реального времени. Visage — онлайн-инструмент для построения обычных графиков и диаграмм с возможность добавления собственного фона, текста и цвета. Эдакий MS Excel, но со спокойными цветами

СЕРВИСЫ Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов, оказывающие визуальное воздействие на пользователя. https: //tagul. com/ Облако тегов

СЕРВИСЫ Cacoo – онлайн инструмент для рисования, который делает возможным создание разных видов инфографики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.

Sprites — новый сервис, который позволяет создавать анимированную инфографику и презентации онлайн. инфографика Urban Water Explorer от Jan. Willem Tulp.

СОЗДАНИЕ СХЕМ И ДИАГРАММ http: //www. duarte. com/diagrammer/

ПОСТРОЕНИЕ ГРАФИКОВ ФУНКЦИЙ ОНЛАЙН http: //yotx. ru/ http: //graph. reshish. ru/ http: //grafikus. ru/plot 3 d

ФОТОГРАФИИ И ИКОНКИ

ФОТОГРАФИИ New Old Stock Photos — потрясающие винтажные фотографии из публичных архивов. Всё абсолютно бесплатно и не требует копирайтов. Super Famous — аэрофотосъемка от голландского дизайнера Фолкерта Гортера (Folkert Gorter). Использование материалов сайта предоставляется на условиях лицензии Creative Commons 3. 0. Это значит, что вы можете бесплатно копировать, переделывать и распространять любые фотографии, если при этом ссылаетесь на их авторов. Unsplash — каждые 10 дней бесплатно присылает своим подписчикам по пачке фоток в высоком разрешении. (Посмотрите ещё Splashbox, чтобы напрямую пересылать эти фотографии в свой Dropbox).

ФОТОГРАФИИ Little Visuals — еще один сервис, предлагающий рассылку. Семь отборных фотографий каждую неделю. Death to Stock Photos — бесплатная ежемесячная рассылка со стоковыми фотографиями для личного или коммерческого использования. Gratiso Photography — бесплатная коллекция стоковых изображений. Новые фотографии добавляются каждую неделю. Refe Photos — лучшие фотографии, сделанные на мобильный телефон. Все бесплатно для любых целей использования, можно оформить подписку на обновления. Wellcome Images — огромная коллекция фотографий с удобным поиском.

СЕРВИСЫ ДЛЯ ПОИСКА ФОТОГРАФИЙ Comp Fight — самый быстрый способ найти нужные изображения для вашего блога или сайта. 500 px — популярный ресурс среди фотографов и дизайнеров. Помимо всего прочего позволяет использовать материалы сайта на основе Creative Commons 3. 0. Wikimedia Commons — хранилище медиафайлов (не только фото, но и аудио- и видеороликов). Страницы проекта точно так же свободно доступны для редактирования, как и на Википедии. Любой пользователь может свободно копировать, использовать и изменять любые находящиеся здесь файлы при условии упоминания источника и авторов. Dotspin — красивый и удобный сервис с удобным поиском. Есть связывание с социальными сетями, можно добавлять свои собственные фото. Pixabay — бесплатный сервис по поиску фотографий, поддерживает русский язык. Flickr — множество изображений, доступных для бесплатного использования на условиях Creative Commons 3. 0. Pic Jumbo — абсолютно бесплатные фотографии для любых целей использования. Множество категорий, ежедневное обновление. http: //search. creativecommons. org/? lang=ru поиск по фотохранилищам

ИКОНКИ The Noun Project — в этой базе уже содержится более 25 тысяч иконок, и их число продолжает расти изо дня в день. Есть несколько тарифных планов: от 10 до 500+ скачиваний в месяц. Icon Monstr — бесплатный сервис с удобным поиском. Более 2 тысяч иконок. Icon Sweets — нравится i. OS 7? Здесь можно найти огромное количество иконок в этом стиле. Всего их более тысячи. Icon Finder — поисковая система по коллекциям иконок. Можно искать нужные и по категориям — всего их 40. Самых же иконок более 340 тысяч. Find. Icon - — поисковая система по коллекциям иконок. https: //thenounproject. com/ - Иконки на все случаи жизни

ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ НАЧИНАЮЩЕГО ВИЗУАЛИЗАТОРА Опыт профессионалов всего мира

ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ Pixlr — сервис с функционалом фотошопа. Бесплатный. http: //avatan. ru/ — сервис с функционалом фотошопа. Бесплатный. Scoop Shoot — нужны фото со всего города? Этот сервис позволяет создавать задачи, отправлять их пользователям в нужном городе и получать от них снимки, сделанные на мобильный телефон. Placeit —Просто перетаскивайте свои скриншоты, и этот сервис поместит их в «реальную среду» :

ГРАФИКА Creative Market — работы дизайнеров со всего мира. Есть как бесплатные, так и платные материалы. Можно выкладывать собственные работы и пополнять свой бюджет. Graphic Burger — работы дизайнеров премиумкласса, доступные бесплатно. Design Modo — всё необходимое для пользовательских интерфейсов. Есть полезные статьи, советы и инструменты.

ТЕКСТУРЫ The Pattern Library — быстрорастущая коллекция бесплатных текстур. Subtle Patterns — более 360 бесшовных текстур. Идеально подходят для сайтов.

ГОТОВЫЕ ШАБЛОНЫ ДЛЯ ДОКУМЕНТОВ (ПРЕЗЕНТАЦИИ, БРОШЮРЫ, ИНФОГРАФИКА) http: //powerpointbase. com/

ИЗВЛЕЧЕНИЕ ЦВЕТОВ С САЙТА http: //www. colorzilla. com/

ИЗОБРАЖЕНИЯ ПО ЦВЕТУ http: //labs. tineye. com/multicolr/ Поиск по подобранной палитре

ИЗВЛЕЧЕНИЕ ЦВЕТОВ ИЗ ФОТО http: //labs. tineye. com/color/

ПОДБОР ШРИФТА https: //chrome. google. com/webstore/detail/whatfo nt/jabopobgcpjmedljpbcaablpmlmfcogm http: //chengyinliu. com/whatfont. html

СОЗДАНИЕ МЕНТАЛЬНЫХ КАРТ Карты знаний

СЕРВИСЫ ДЛЯ СОЗДАНИЯ КАРТ ЗНАНИЙ www. mindomo. com Можно добавлять видео, рисунки, гиперссылки. Возможно регистрация через аккаунт фейсбук или Google. Созданную ментальную карту можно экспортировать на ПК как картинку. Сервис позволяет создавать не просто ментальные карты, но и полноценные совместные сетевые проекты, где участники смогут не только совместно работать с ментальной картой, но и вести обсуждения, выполнять задачи. Пример карты,

СЕРВИСЫ ДЛЯ СОЗДАНИЯ КАРТ ЗНАНИЙ www. mindmeister. com - отличный сервис. Очень прост в использовании. Есть возможность совместного использования карт (подписка по e-mail). Для каждой идеи можно добавить иллюстрацию, гиперссылку (видео вставить в карту нельзя). В бесплатной версии можно создать не более 3 карт. Экспорт только как рисунок. Пример карты spiderscribe. net - интересный сервис, карты в нем создаются как бы играючи. В качестве идей можно добавлять интерактивные географические карты, иллюстрации, документы Word, календарные заметки. При создании карт знаний отдельные элементы можно соединять стрелками по своему усмотрению. Пример-инструкция

СЕРВИСЫ ДЛЯ СОЗДАНИЯ КАРТ ЗНАНИЙ popplet. com - сервис позволяет легко создавать красочные схемы (до 5 в бесплатной версии). В каждый блок кроме текста можно добавить иллюстрацию или видео. Можно пригласить до 10 соавторов. Карта экспортируется как рисунок. Пример http: //popplet. com/app/#/159767 mind 42. com - бесплатный сервис, В каждую идею можно добавить иллюстрацию, ссылку. Есть возможность сотрудничества (приглашение по e-mail). Сервис не позволяет указывать взаимосвязи между под-идеями. Пример карты mapul. com - сервис интересен тем, что созданные в нем карты очень походят на карты созданные от руки, Есть возможность экспорта в рисунок. Бесплатная версия очень ограничена по функционалу. Можно создать только 2 бесплатные карты. Пример bubbl. us - сервис позволяет создавать простейшие карты, в которых можно использовать разноцветные текстовые блоки. В бесплатной версии можно создавать до 3 карт, приглашать до 20 соавторов. Пример

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Prezi - прекрасная альтернатива Powerpoint. Можно создавать не простые статичные презентации, но запоминающиеся мультимедийные документы. Плавные переходы с одного слайда на другой и возможность добавить музыку создают интерактивность. Любой элемент презентации может быть увеличен для более внимательного изучения. Slide. Shark – позволяет просматривать и делиться презентациями Power. Point с различных устройств (например, i. Pad) благодаря облачным решениям. Вы можете добавлять аннотации к слайдам, отслеживать просмотры и даже проводить вебинары. Есть бесплатная версия.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Haiku Deck. Благодаря имеющимся шаблонам и стоковым фото можно быстро и легко, буквально в несколько кликов, создавать яркие запоминающиеся презентации. Здесь не получится добавить сложный график, музыку или видео. Приложение позволяет создавать презентацию формата «изображение + текст» . Slide. Dog – отличается от других широкой поддержкой разнообразных форматов. Вы можете использовать видео, изображения, слайды Power. Point, страницы PDF и многое другое. На основе файлов сервис создает плейлисты, позволяя воспроизводить и управлять мультимедийными презентациями. Есть бесплатная версия.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Customshow позволяет создавать качественные презентации, просматривать и редактировать их с разных устройств (компьютеры, i. Pad). Имеет собственную библиотеку слайдов, хранение в облаке. Есть возможность вставки видео, а также загрузки презентаций Powerpoint для дальнейшего их редактирования в Customshow. Clearslide - сервис, который облегчает проведение презентаций на расстоянии и обмен документами. Работает с разными форматами файлов. Идеально подходит для специалистов, занимающихся продажами, и маркетологов.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Powtoon – находка для любителей креативных презентаций. Сервис позволяет создавать анимационные ролики, которые просто и доступно объяснят вашей аудитории сложные понятия или возможности использования вашего продукта. Смотреть такую подачу материала интересно, так как сама презентация больше напоминает мультфильм, нежели презентацию в её классическом понимании. Keynote – программа для устройств Apple, позволяющая создавать презентации. Вы можете начать, выбрав одну из 30 доступных тем. Потрясающие эффекты и понятные инструменты позволят воплотить в жизнь самые невероятные идеи.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Knowledge Vision - пакет инструментов, которые можно использовать все вместе для создания запоминающихся мультимедийных презентаций. Пользователям сервиса доступно облачное хранилище, аналитические инструменты, онлайнтрансляция готовых презентаций. Go. Animate – сервис, позволяющий создавать анимированные презентации и обучающие ролики. Сервис довольно прост и рассчитан специально для новичков. Пользователям доступны шаблоны анимированных фонов, библиотека шумовых эффектов, фильтры. Можно настраивать и управлять движениями и эмоциями персонажей создаваемого ролика; давать голоса своим героям, используя свои файлы или синтезированные компьютером голоса. Для знакомства с сервисом есть бесплатный тарифный план.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Сервис Wink также подходит для создания обучающих роликов и презентаций. Можно сделать эффективный онлайн-учебник для пользователей. Сервис позволяет записывать происходящее на экране компьютера, добавлять скриншоты, заголовки, поля с пояснениями, звуковое сопровождение. Camstudio. Бесплатный и простой инструмент для записи происходящего на экране в формате AVI или SWF. Полезен при создании обучающих курсов, презентаций продуктов. Из недостатков – отсутствие возможности редактирования готового ролика.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Projeqt позволяет создавать брендированные презентации, которые будут выглядеть профессионально. Результатом своей работы вы сможете поделиться в социальных сетях или встроить на сторонние сайты. Emaze вы сможете создать презентацию любой степени сложности. Сервис разработан для обычных пользователей, поэтому с ним удобно работать и легко разобраться.

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Preseria. Отличный инструмент, который позволяет собрать и организовать воедино контент из нескольких презентаций. Подходит ведущим конференций, в которых участвуют несколько докладчиков. Slide. Dog можно сделать удобный плейлист из всего контента, который вы показываете при выступлении. Презентации в Power. Point и Keynote, PDF файлы, Prezi, видеоролики, изображения и вебстраницы можно слить в одну презентацию, расположив информацию в необходимом порядке. Больше никаких переключений между программами и проблем с показом каких-либо материалов!

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ Приложение Office Sway для презентаций – новый взгляд на презентации. Это создание творческих веббазированных интерактивных презентаций на смартфоне или в веб-браузере. Такие презентации, как отмечает компания, выглядят отлично на любом экране. https: //sway. com/northwest_aqu arium

СЕРВИСЫ СОЗДАНИЯ ПРЕЗЕНТАЦИЙ. ДОПОЛНЕНИЯ ДЛЯ POWERPOINT. Articulate Presenter предоставляет несколько новых возможностей, добавить интерактивности в стандартные презентации. Visual. Bee – сервис, позволяющий добавить множество новых эффектов и стилей. Можно отредактировать слайды по своему вкусу и придать им уникальности. У инструмента простой интерфейс, с которым разберутся даже начинающие пользователи.

ПРАВИЛО СОЗДАНИЯ ПРЕЗЕНТАЦИЙ 10 -20 -30 ОТ ГАЯ КАВАСАКИ Десять слайдов. Обычный человек не в состоянии охватить более 10 (десяти) понятий за одну встречу. Двадцать минут. Уложите свои 10 слайдов в двадцать минут. Тридцатый шрифт. Никакого 9 ого и море текста. Как только публика понимает, что вы читаете, она просто начинает читать до вас, поскольку читает текст быстрее, чем вы его рассказываете. В результате — вы и ваши слушатели асинхронны. Если "30 -й шрифт” выглядит для вас очень крупным. Алгоритм: выясните возраст самого пожилого вашего слушателя среди вашей аудитории и поделите это число на 2. Это и будет ваш оптимальный размер шрифта. Проблема Ваше решение Бизнес-модель Скрытая технология решения Маркетинг и продажи Резюме и призыв к действию! Текущий статус и временная линия Планирование и этапы Команда Конкуренты

ЦВЕТА В ПРЕЗЕНТАЦИИ На одном слайде рекомендуется использовать не более трех цветов: один для фона, один для заголовка, один для текста (не считая, картинок и фотографий)

КАРТИНКИ В ПРЕЗЕНТАЦИЯХ Должна быть выровнена и по высоте и по вертикали. Если кроме заглавия и картинки больше ничего нет - картинку разместите по центру слайда. Если к картинке есть какое-то описание - у левого или правого края слайда. Картинки должны быть качественными. Не следует растягивать картинки по высоте или горизонтали очень сильно - этим вы искажаете саму картинку и она будет выглядеть плохо.

СОЗДАНИЕ ЭЛЕКТРОННЫХ КНИГ С ШОРОХОМ СТРАНИЦ (FLIPPING BOOK) Карты знаний

ИНТЕРАКТИВНЫЕ ПРЕЗЕНТАЦИИ Интерактивная публикация - это интерактивный электронный документ для чтения с компьютера. При этом создается ощущение чтения бумажного документа: можно перелистывать страницы, отмечать интересные места, увеличивать масштаб изображения в журналах, брошюрах, каталогах, отчетах, презентациях и не только. Calameo http: //ru. calameo. com/– сервис для создания как отдельных книжек, так и настоящих виртуальных книжных выставочных полок Англоязычный сервис Myebook позволяет сделать очень симпатичную книжку-выставку http: //www. myebook. com/ Интерактивные 3 D-книги http: //www. zooburst. com/ (http: //www. zooburst. com/zb_booksviewer. php? book=zb 1_4 e 48 ea 68 ee 4 ec) сказка о Красной шапочке

https: //www. thinglink. com/ Сервис Speaking Image (говорящая картинка) – интерактивное изображение с комментариями в виде текста, картинки, видео, вики-ссылок. Интерактивный экран, масштабирование изображения, возможность совместного редактирования. Сервис Mapwing предназначен для создания интерактивных изображений.

ВИДЕОЗАХВАТ, ФОТО ДЛИННЫХ СТРАНИЦ САЙТА

СЕРВИСЫ ВИДЕОЗАХВАТА ЭКРАНА http: //www. screencast-o-matic. com/ http: //screencastle. com/

СЕРВИС ФОТОГРАФИРОВАНИЯ ДЛИННЫХ СТРАНИЦ САЙТА Webpage screenshot, от браузера Google. Данное расширение будет работать только в браузере Google. Web Screenshots – онлайн сервис, с помощью которого можно сделать скриншот страницы веб-сайта, блога.

СЕРВИСЫ ДЛЯ ХРАНЕНИЯ АУДИОФАЙЛОВ http: //pleer. com/ http: //www. svidetel. su/ http: //podfm. ru/

ВЕБИНАРЫ

ОРГАНИЗАЦИЯ ВЕБИНАРОВ Google+ Hangouts – бесплатный сервис для проведения вебинаров от компании Google (до 10 человек) Any. Meeting полнофункциональная система организации вебинаров (до 200 участников и 6 в режиме общего видео) onwebinar. ru – полностью бесплатный, простой в работе и изучении, безлимитный fastwebinar. ru простой интерфейс, с неограниченным количеством участников. smotri. com - трансляция с камеры и микрофона http: //myownconference. ru/ Мультиязычный сервис для проведения вебинаров и онлайн-тренингов (до 10 000 человек и одновременно до 10 ведущих). 5 удобных тарифов, доступен бесплатный пробный пакет. http: //virtualroom. ru/ на 10 дней, до 10 участников бесплатного использования Chat. Step для создания чатов в реальном времени. Быстро и оперативно.

ОРГАНИЗАЦИЯ ВЕБИНАРОВ Go Mobile with your Presentations сервис для дистанционной работы с презентациями с использованием мобильных устройств студентов Gruveo предназначен для организации видеоконференций без регистрации. Интерфейс сервиса на русском языке. Joint. me организация демонстрации рабочего стола, общение Meeting. Burner – это не только отличное место для проведения онлайн встреч (прямо в браузере, и вам не придется ничего загружать или скачивать), но он также как нельзя лучше подойдет для интернетсеминаров и предоставления коллективного доступа к вашему экрану Onwebinar организация и проведение вебинаров, конференций Open-Tok - организация видеосвязи на страницах сайтов, блогов Quatla -портал онлайн обучения Show. Document предлагает организацию онлайн встреч, коллективное пользование экраном, сотрудничество в режиме реального времени