Шикарная инфографика Фелтона

Отличная подборка инфгорафики, под авторством Николаса Фелтона замечательного американского дизайнера из Нью-Йорка. Его работы отличаются впечатляющей детализацией чистотой и продуманностью.

Инфографичное молочко

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

четверг, 15 декабря 2011 г.

Книги по инфографике: Нэнси Дуарте «Slide:ology»

книги по инфографике slidelogy
Эта книга о презентациях, пожалуй лучшая, из тех, что есть на русском языке.

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

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

Книга достойна, чтобы попасть на полку книг по визуальному мышлению, инфографике, искусству презентаций.
Сам с удовольствием купил книгу, несмотря на цену. Хотя сейчас она дешевеет, странно, видимо покупателей мало.

Отзывы с ОЗОНа (подробнее)

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



Привожу в пример саммари (спасибо сайту growth)

  • Мы часто виним в своих неудачах программное обеспечение, однако все же ответственность за неуспех обычно принадлежит нам.
  • Ваши работодатели и коллеги оценивают вас прежде всего по тому, как вы общаетесь.
  • Всеобщее неумение работать с презентациями исказило представление об этом средстве коммуникации. Многие даже не представляют себе его потенциала.
  • Слайд, на котором содержится более 75 слов, становится документом.
  • Презентация, на каждый слайд которых приходится 50 слов, становится для выступающего телесуфлером.
  • Настоящие презентации фокусируют внимание аудитории на выступающем, на его идеях.
  • Количество времени, которое требуется на создание презентации, прямо пропорционально ее важности.
  • Люди приходят на презентацию не для того, чтобы посмотреть на вас, а чтобы понять, что вы можете для них сделать.
  • Начните работу над презентацией с составления психологического портрета ваших слушателей. Кто они? Каковы их интересы и проблемы?
  • Программы — это сосуды для идей, а не способы их создания.
  • Для создания презентации используйте стикеры — они помогут реорганизовать идеи в нужном порядке.
  • Для отработки идей отлично подходят эскизы и скетчи.
  • Для презентации, обращенной к большой аудитории, используйте культурно-нейтральные изображения. Текст можно перевести, картинки — нет.
  • Разрушительный аспект созидательного процесса — борьба с первоначальными идеями до тех пор, пока не останется одна. Вот он, ваш победитель.
  • Постоянно обеспечивайте себя визуальной и концептуальной подпиткой — смотрите фильмы, ходите в музеи, читайте о новинках в дизайне.
  • При отображении в презентации количественных показателей, на первый план выходит только одно — ясность.
  • Слайды с цифрами, данными диаграммами и статистикой на самом деле не о самих цифрах, а о смысле, который они несут.
  • В дополнении к «цифровой» части презентации будьте готовы предоставить все данные и ответить на вопросы по нему.
  • Чтобы донести информацию до аудитории, вам следует в первую очередь сформулировать выводы, которые она должна сделать из нее.
  • Если у вас одно ключевое послание или одна цифра, зачем вообще строить графики?
  • Круговые диаграммы эффективны тогда, когда следует показать большую разницу в пропорциях. Гистограммы визуально более точны и могут вместить большее количество данных.
  • Ограничьте информацию на диаграмме восемью секциями — больше глаз не улавливает.
  • В восприятии данных важнее всего их простота.
  • Компании, ориентированные на дизайн, ценят своих клиентов.
  • Если вы способны визуально воспринять красоту, то значит вы способны и воспроизвести ее.
  • Смотрите на каждый слайд как на часть окружающей среды.
  • Фон должен подчиняться основному содержанию книги.
  • Оптимальное количество цветов в презентации — от пяти до семи.
  • Правило трех секунд: если содержание на слайде нельзя воспринять за три секунды, то его нужно переработать.
  • Шрифт воспринимается на подсознательном уровне как часть информации.
  • На одну презентацию — два шрифта.
  • Чтобы узнать кегль, разделите возраст самого старого участника презентации на два.
  • Если анимация не добавляет ценности или понятности — не используйте ее.
  • Текст, отбитый буллетами, нужно согласовать — все предложения должны быть в одном времени и  должны начинаться с одной части речи.
  • Ключевой принцип для форматирования текста — единообразие.
  • Любое изменение становится отвлекающим фактором.
  • Создавая структуру презентации, представляйте себя кинорежиссером.
  • Ваши сотрудники — послы вашего бренда. За каждым дизайнерским решением должна стоять логика бренда.
  • Если презентации приходится составлять достаточно часто, то вам следует использовать шаблоны.
  • Создавайте шаблоны, которые не будут стареть.
  • Если вы можете спокойно смотреть на презентацию в масштабе 66%, то и аудитория ее увидит.
  • Основная сложность в подготовке — отсутствие желания репетировать. Повторять, повторять и еще раз повторять!
  • Создали презентацию? А теперь сократите ее!
  • Сократили презентацию? А теперь сократите время своего выступления!
  • Печа-куча: 20 слайдов, которые меняются каждые 20 секунд. Отличная модель представления своих идей и прекрасная тренировка лаконичности.
  • Метод Лессинга: 200 слайдов на 8 минут. Прекрасный способ для динамичного представления своих идей.
  • Подумайте, что бы вы стали делать, если во время презентации бы вдруг отключили электричество?
  • Пауза во время выступления придает словам дополнительную весомость.
  • Правило 10/20/30 — 10 слайдов, 20 минут на всю презентацию, шрифт 30 кеглем.
  • Создавайте эмоции во время выступления!
  • Ваша главная задача — помочь зрителям презентации увидеть то, что вы говорите.

OZON.ru - Книги | Slide:ology. Искусство создания выдающихся презентаций | Нэнси Дуарте | Slide:ology: The Art and Science of Creating Great Presentation | Купить книги: интернет-магазин / ISBN 978-5-91657-241-4OZON.ru - Книги | Slide:ology. Искусство создания выдающихся презентаций | Нэнси Дуарте | Slide:ology: The Art and Science of Creating Great Presentation | Купить книги: интернет-магазин / ISBN 978-5-91657-241-4

Так же может быть интересно:

воскресенье, 11 декабря 2011 г.

Примеры от студии инфографики Column Five

Очень яркая студия инфографики  "Column5". Их работы отличаются большой гаммой цветов, но несмотря на это инфографика хорошо воспринимается. Эти ребята знают что делают и к их уровню следует стремиться.

До примеров статической инфографики приведу два ролика в стиле видео инфографики, сотворенных в этой студии.


Это инфографика об инфографике. С сочетанием восприятия информации людьми. У меня этот ролик вызывает оргазмы =) "That's rock and sexy!" как говорится в буржунете.





Инфографика просто потрясающая, можете сами проверить.

Ролик Facebook против Google




А теперь немного постерной инфографики и бизнес инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики

студия инфографики



Типографические портреты. Как сделать.

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

















 Подготовка в Photoshop Для примера, берем фотографию Миллы Йовович.


Открываем наш jpeg в Photoshop.
Полностью выделяем рабочую область (ctrl+A), затем дублируем слой с картинкой (ctrl+J).



Обесцвечиваем, только что созданный, слой (ctrl +shift+U).


Придадим немного контрастности нашему изображению (ctrl+L).


В открывшемся окне, настраиваем ползунки, что бы достичь такого результата, как показано ниже.


Далее, применяем фильтр Cutout (filter>Artistic>Cutout…)


С помощью ползунков, настраиваем фильтр так, что бы у вас осталось приблизительно 4-6 цветовых тона.



Подготовка в векторе
Далее, сохраняем то, что у нас получилось в формате JPEG, и на всякий случай в PSD. Закрываем Photoshop, больше он нам не понадобится. В принципе, все дальнейшие операции можно произвести в Photoshop, но для гибкого управления размером исходной картинки, нам нужен вектор.

Открываем векторный редактор. Я предпочитаю работать в Xara Extreme Pro. Создаем новый документ (ctrl+N).

Импортируем недавно сохраненную картинку комбинацией клавиш (ctrl+alt+I) или (file>import).

Для удобства работы, немного настроим интерфейс программы. Нам понадобится окно со слоями Object gallery (аналог панельки Layers в Photohsop).


Вызываем его так: (utilities>galleries>color gallery) или (F10). Немного расскажу о назначении иконок в окне Object Gallery.


1. Блокировка слоя.
2. Видимый слой.
3. Скрытый слой.
Хотя, здесь все довольно просто.

Для дальнейшей работы можно увеличить прозрачность фотографии. Выбираем в панели инструментовTransparency Tool (F6), вверху изменяем процент прозрачности с 0% на 45%.


Блокируем слой с нашей картинкой (background). Все, подготовительный этап завершен.

Самое интересное
Рисуем кривую инструментом Pen tool (shift+F5).


После того, как линия завершена, выбираем инструмент Text Tool (T) и подводим курсор к месту, от которого мы начинали рисовать нашу кривую. После, вбиваем текст, периодически изменяя размер шрифта, его жирность и межбуквенное расстояние. Начиная с больших пространств, заполняя область цветовых пятен портрета, постепенно переходим к деталям.


Чтобы направляющие линии не мешали нам, скрываем их.
Для этого: выделяем объект с текстом и направляющей, при зажатом Shift, кликнем на иконку, расположенную в цветовой панели, в левом нижнем углу. Таким образом, мы обесцвечиваем контур объекта.

По ходу добавления направляющих с текстом, кол-во слоев будет увеличиваться, для удобства, группируем их в папки. Выделяя стопку слоев, нажимаем Ctrl+G.

1.


2.


3.



4.

После того, как мы закончим с наполнением крупных и мелких пространств, перекрашиваем отдельные участки текста в нужные оттенки серого, позаимствовав цвет с самого нижнего слоя, при помощи инструмента Colour Picker (Пипетка).
Скроем нижней слой с фотографией и посмотрим, что получилось.


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



Типографический портрет
Небольшое замечание:
Этот слой с фоновым текстом должен находиться под остальными слоями.

Финал
Затем, включаем видимость других слоев, за исключением фоновой фотографии, экспортируем результат в Jpeg. (file>export…) или (shift+ctrl+E).


Все готово! Теперь можно выпить чашечку кофе и вздохнуть с облегчением.
Моей целью является ознакомление с процессом работы в данной технике, все остальное в ваших руках!
Удачи ;)



PS: это описание подойдет не всем, т.к. большинство все еще пользуется программой Adobe Illustrator. Но принцип создания остается прежним по этому уроку, только инструмент основной будет называться Type on a Path Tool:


Этот инструмент как раз и дает возможность печатать текст по выбранной траектории.
Источники: render.ru, infogra.ru

среда, 7 декабря 2011 г.

6 иностранных книг, посвященных визуализации данных


Mworld586

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

Читать далее на сайте http://theoryandpractice.ru/

четверг, 24 ноября 2011 г.

Обзор интересных статей #1



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

         Поэтому первая ссылка про Эмоциональный дизайн , где Дон Норман (когнитивный психолог) говорит о том, что дизайн объектов, чтобы нравится людям, должен воздействовать на три уровня восприятия информации: интуитивный, поведенческий, мыслительный. 
         Вы знаете, что такое энграммы? Самое время узнать. А затем прочитать статью о грядущей революции в теории информации.
         Полагаю многие уже прочли статью про 10 советов, но приложу её так же к сегодняшней подборке ссылок.
          Как известно, инфографика обладает большой "вирусностью" и быстро распространяется в социальных сетях, как это может пригодиться читать в статье "Создавайте ссылки с помощью инфографики"
         Конечно в основном это переводы иноязычных материалов, но что поделаешь, инфографика в нашей стране только на пороге своего бурного развития




понедельник, 21 ноября 2011 г.

Дополненная реальность. Будущее уже здесь

Сегодня хотелось бы рассказать о такой штуке как дополненная (расширенная) реальность (Augmented reality).Эта инновация способна найти применение во многих областях, в том числе и в области инфографики и визуализации информации.

Только представьте себе - инфографика здесь и сейчас.
Это и новые учебники и интерактивные презентации. А на сколько это может повысить продажи многих компаний.

Следующая серия роликов позволит Вам ощутить всю мощь этого инструмента

Рассказывает человек, который занимается этим, и, вероятно, хочет привнести в Россию.




Геосоциальная сеть AlterGeo уже готова к введению таких инноваций в нашей стране, но готовы ли пользователи - готовы. А технологии?


Также интересно увидеть видео по ссылке "история последних 200 лет"



Другие статьи об инфографике







Создание инфографики в google code


воскресенье, 20 ноября 2011 г.

Книги по инфографике: Визуальное мышление. Дэн Роэм


Библиотека книг по инфографике

Продолжаем собирать библиотеку книг о визуализации. Сегодня речь пойдет о книге Дэна Роэма "Визуальное мышление"
Есть два издания на русском языке. Это



  •  Визуальное мышление. Как "продавать" свои идеи с помощью визуальных образов 



  •  Визуальное мышление. Решение проблем и продажа идей при помощи картинок на салфетке



  • Отзывы с ozon'a

    1. Автор делится хорошим инструментом коммуникации.

    Основная идея: Любая проблема это максимум 6 вопросов, на которые нужно ответить, потом выбираем метод визуализации и в результате получаем решение проблемы))).

    Книга легко читается, так сказать на одном дыхании.
    Есть немного воды: автор больше чем нужно напоминает читателям, что художественные навыки и таланты к визуальному мышлению не имеют отношения. 
    Формат не очень удобен для чтения в транспорте. Дизайнер решил её в форме квадрата, в развороте пропорция 1:2
    Денег своих стоит.


    2. Покупая книгу больше всего боялся что это очередная компиляция на тему бьюзеновских интеллект-карт, карт-ума или как их там. К счастью зря! Автор писал совсем про другое. Про то, как нужно "продавать" свои мысли и идеи целевой аудитории.
    Собственно книга - это системное, последовательное обоснование того, что сложные вещи нужно доносить до аудитории максимально просто и наглядно. Учит мыслить масштабно, стратегически, на основе образов(визуальных). Много примеров, или как говорят - кейсов из жизни. И кстати "привязка" к салфеткам - это просто PR ход. Суть там совершенно не в рисунках на салфетках... Для тех кто связан с презентациями(особенно в консалтинге) где каждая "преза" перерабатывается на 80% под конкретного заказчика - эта книга IS A MUST! Книга - очень хорошо отстраивает и структурирует мозги и изложение мыслей. Стараюсь обращаться к книге каждый раз, когда нужно "продать" аудитории свои мысли/идеи.
    Дэн Роэм "Визуальное мышление. Решение проблем и продажа идей при помощи картинок на салфетке"


    3. Для всех, кто ...не привык рисовать, объясняя свои идеи кому-то. Книга заставляет задуматься как о форме подаваемого материала, так и о том как собственно этот материал подавать.

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

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

    Книга не о подготовке презентации, она именно о мышлении, которое может быть весьма полезным при подготовке к презентации.

    ps: особенно хорошо эта книга сочетается с книгой Барбары Минто "Золотые правила Гарварда и Mckinsey"

    pps: конечно эта книга не панацея, однако она даёт хорошее направление для размышлений и самостоятельной работы

    Отзывы в блогах

    http://myabc-ru.livejournal.com/47310.html
    http://visualno.ru/dan-roam-the-back-of-the-napkin-solving-problems-and-selling-ideas-with-pictures/
    http://www.facebook.com/notes


    Дэн Роэм — основатель и президент компании Digital Roam Inc., специализирующейся на управленческом консалтинге, которая помогает решать сложные проблемы с помощью инструментов визуального мышления. Свою уникальную методику он с большим успехом применял в Google, eBay, General Electric, Wal-Mart, Microsoft, eBay, и многих других известных компаниях.

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

    OZON.ru - Книги | Визуальное мышление. Как "продавать" свои идеи с помощью визуальных образов | Дэн Роэм | The Back of the Napkin: Solving Problems and Selling Ideas with Pictures | Купить книги: интернет-магазин / ISBN 978-5-699-42849-6Визуальное мышление. Как "продавать" свои идеи с помощью визуальных образов | Дэн Роэм


    Вам может быть интересно:


    Related Posts Plugin for WordPress, Blogger...

    Нужна инфографика?

    заказать

    Самое свежее здесь. Присоединяйся!