Alt+N
Новость...

Просветите нас.

РСС

Как работает единственная кнопка Айфона

Автор: Эндрю Дёрден (Andrew Durdin)

3 комментария твитнуть  Эпл, инфографика, интерфейс, модальность, home button

Илья Муравьёв:

Страшно и непонятно.

Сергей:

Соглашусь с Ильей, воспринимается с большим трудом.

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

Александр Лопатюк:

У Алана Купера это называется чертовски высоким когнитивным сопротивлением, ага? :)

Инфографика о Макдональдсе

Радует общий приятный стиль, понятность и забавные пасхальные яйца. Жалко, что без легенды не обошлось.

6 комментариев твитнуть  инфографика, McDonalds

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть  инфографика, визуализация, веб-дизайн

Выдающаяся инфографика от XKCD

Рэнделл Манро сделал еще одну запредельно крутую штуку: http://xkcd.com/980/huge/ (полный размер)

Каждый квадратик — определенное количество долларов США. Рассматривать можно бесконечно, чем и предлагаю заняться.

нет комментариев твитнуть  инфографика

Столяр

Инфографика в видео.

2 комментария твитнуть  инфографика, видео

Владислав Кулик:

Меня вот тут знакомые поправили, что он не плотник, а столяр.
http://ru.wikipedia.org/wiki/Столяр

Иван Пухкал:

Заставило вспомнить и найти промо-ролик Европейской конфедерации стрелкового спорта

http://www.youtube.com/…?v=LNN0_U_2mYo

Карта Википедии

Инфографичная карта по категориям научных статей на англоязычной Википедии.

http://abeautifulwww.com/…-tech-activity-in-wikipedia

1 комментарий твитнуть  инфографика, информационный дизайн, википедия

Иван Демидов:

Очередная неинформативная «инфо»графика. Иногда это бывает красиво, но здесь и этого нет. Бессмысленное нагромождение кружков, ни уму, ни сердцу.

Инфографика по истории веба

Хрому исполнилось 3 года. В честь этого сделали инфографику по истории веба с Мозаики до наших дней.

http://evolutionofweb.appspot.com/

2 комментария твитнуть  инфографика

Евгений Волков:

Хм, а вчера хром обновился у меня до 14 версии, а у них пока 13 максимальная

Озорнин Михаил:

У меня 15-ая версия. Я думаю причины 13-ой версии просты:
— Инфографику делали на заказ, тогда ещё не было 14-ой версии
— На тот момент уже была 14-ая, но её не включили, т. к. она не была стабильной (сейчас, например, аналогично, 15 не является стабильной).

Карты миграций

http://migrationsmap.net/…#/HUN/departures

Сделано на HTML5. Выглядит не очень красиво, зато данных много — и все это сравнительно информативно.

Из интересного:
— русские на втором месте по количеству иммигрантов на Кубе;
— мексиканцы в массовом порядке выезжают в Кувейт;
— в ОАЭ едет индийцев больше, чем в США (притом что коренного населения в ОАЭ раз в 30-40 меньше).

Если я правильно понял, числа обозначают количество людей, которые в данный момент (2000-е гг.) проживают в данной стране, а родились в другой (указанной) стране.

3 комментария твитнуть  инфографика, карты

Николай Товеровский:

Три миллиона из Украины в Россию, четыре наоборот. :) Сама по себе инфографика не очень, но интересно сравнивать разные страны между собой, особенно если быстро щёлкать.

Станислав Биченко:

Эх, надо было предложить в комментариях делиться мнениями о том, как можно было бы улучшить эту штуку (которая, кстати, вообще сделана как упражнение в HTML5). Из первого, что мне пришло в голову: по-разному отображать arrivals и departures (или цветовым кодированием, или стрелочками, например).

Владислав Осипов:

Судя по этой карте, китайцев Россия вообще не интересует. :)

Архив погоды на Windguru

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

http://www.windguru.cz/…&odeslano=1&model=gfs

нет комментариев твитнуть  инфографика, информационный дизайн, микро и макро

Инфографика «История рока»

Авторы: cracked.com и viruscomix.com

1 комментарий твитнуть  графдизайн, инфографика, история, рок

Антон Стуков:

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

«Общество и экономика» Отто Нойрата

Отто Нойрат, автор системы «Изотайп», в 1931 году подготовил атлас «Общество и экономика» (Gesellschaft und Wirtschaft). Задачей издания было информирование широкой публики о современной мировой экономике в наглядном виде.

http://www.medienphilosophie.net/…_und_Wirtschaft_1931.pdf

(файл по ссылке может медленно закачиваться — копия на дропбоксе: http://dl.dropbox.com/…_und_Wirtschaft_1931.pdf )

2 комментария твитнуть  графдизайн, инфографика, изотайп

Микро и макроёлка

Кажется автор не хотел, но получилась неплохая инфографика.

http://thisiscolossal.com/…-book-the-art-of-clean-up

4 комментария твитнуть  инфографика, микро и макро

The UFO Handbook

Пособие по НЛО.
Оригинал: Jonny Packham, http://jonnypackham.co.uk/…-ufo-handbook

1 комментарий твитнуть  графдизайн, инфографика

Вадим Филиппов:

Красивая фитюлька и не более того. Думаю продадут быстренько. Но там или печать или бумага дешевые. Такие пропечатки…

Секспириенс

http://sexperienceuk.channel4.com/…-sexperience-1000


1 комментарий твитнуть  инфографика, секс, график, инфограмма

Николай Товеровский:

Это очень крутая инфографика. Тут тебе и микро/макро уровень и подробная информация о каждом опрошенном и сравнения работают и понять легко всё и выглядит приятно и интересно.

Инфографика «Пятницы 13-е»

1 комментарий твитнуть  инфографика

Эдуард Журавлев:

бредятина.

Живые диаграммы фильмов

Художник-оформитель и творческий программист Фредерик Бродбек разработал систему визуальных «отпечатков пальцев» кинофильмов.

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

http://culture.compulenta.ru/625837/

2 комментария твитнуть  инфографика

Александр Дейков:

Валерий, спасибо за эту находку.

Василий Пуговкин:

Зря только их сделали круговыми, прямая слева направо была бы привычнее.

Анатомия компьютерного вируса

http://etechmag.com/…-virus-infographic-video.html

Ролик был создан для программы HungryBeast австралийского телеканала ABC1.

6 комментариев твитнуть  графдизайн, инфографика, информационный дизайн, типографика

Инфографика Викторианской эпохи

В оригинальном посте многие — в высоком разрешении.

http://butdoesitfloat.com/…/What-cannot-be-was-all-along

3 комментария твитнуть  инфографика, истоки

Анатолий Новиков:

Настоящая кладезь.

Николай Товеровский:

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

Федот Березной:

http://www.davidrumsey.com/…/servlet/view/all

David Rumsey Map Collection

Большая, нет — огромная коллекция. В основном карты. Но можно увидеть инфографику, иллюстрацию, типографику. Наверное еще что-то. Все просмотреть никак не удается.

Фантастические фильмы в одном прогнозе

Утешительного мало.

2 комментария твитнуть  графдизайн, инфографика

Николай Товеровский:

Неплохой списочек фильмов к просмотру :)

Никитос:

Главное успеть ;)

Погодное приложение Swackett

Swackett отличает минималистичная инфографика, с юмором подсказывающая, что же надеть в этот раз.

1 комментарий твитнуть  инфографика, информационный дизайн



© 2012

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru