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

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Делаем таблицы читабельными

Рассказ о дизайне таблиц данных https://medium.com/…-data-tables-430a30a00d8c

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

Туристическая брошюра «Аэрофлота», 1960

http://letterology.blogspot.com/…/07/aeroflot-in-1960s.html

нет комментариев твитнуть  графдизайн, реклама, вёрстка, информационный дизайн, Аэрофлот, брошюра, модернизм, авиация, 1960-е

Научные иллюстрации Элеоноры Лутц

Дизайнер из Сиэтла (США) создаёт анимированные иллюстрации и диаграммамы на научные темы.

http://tabletopwhale.com/

нет комментариев твитнуть  графдизайн, информационный дизайн, наука, gif, иллюстрации, Eleanor Lutz

Трёхмерная кривая доходности от «Нью-Йорк Таймс»

http://www.nytimes.com/…-curve-economic-growth.html

1 комментарий твитнуть  инфографика, информационный дизайн, интерактивная графика, экономика, NYT, финансы, диаграмма, 3D

Интерактивная визуализация процесса машинного обучения

http://playground.tensorflow.org/

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

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

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

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

нет комментариев твитнуть  визуализация, информационный дизайн, интерактивная графика, нейросеть, машинное обучение, Daniel Smilkov, Shan Carter

Приём: последовательное построение

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

Приёмом активно пользуется Ганс Рудольф Босхард в книге «Типографическая сетка».

На иллюстрациях — схемы построения сетки телевизионного интерфейса плеера ББК.

нет комментариев твитнуть  графдизайн, вёрстка, информационный дизайн, приём, объяснение, hans rudolf bosshard

Диаграмма исследования Солнечной системы

«Поп-чарт-лаб» сделали схему полётов по Солнечной системе.

https://www.popchartlab.com/…-chart-of-cosmic-exploration

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

Полосатая змейка в пекинской схеме метро

Две линии переплетаются, пока нет остановок.

Вся схема: https://upload.wikimedia.org/…_Kong_Railway_Route_Map_en.svg

2 комментария твитнуть  графдизайн, навигация, информационный дизайн, схема метро, переплетение, змейка, Пекин, Китай

История Белоруссии

Алексей Черенкевич, Евгений Шпилевский, Анна Ширяева, Виктор Якунин, Павел Кедич сделали интерактивную историю Белоруссии.

http://map.letapis.by/ru

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

Наглядное введение в теорию машинного обучения

http://www.r2d3.us/…-to-machine-learning-part-1

Stephanie Yee и Tony Chu сделали интерактивный рассказ о машинном обучении. В качестве примера они рассматривают задачу классификации: по параметрам дома догадаться расположен он в Нью-Йорке или в Сан-Франциско.

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

Все снабжено интерактивной визуализацией.

Есть перевод на русский: http://www.r2d3.us/…ое-Введение-в-Теорию-Машинного-Обучения/

нет комментариев твитнуть  визуализация, информационный дизайн, интерактивная графика, Stephanie Yee, Tony Chu

Textures.js — библиотека узоров на яваскрипте

Textures.js — библиотека патернов на яваскрипте для карт, графиков, визуализации данных.

http://riccardoscalco.github.io/…textures/

нет комментариев твитнуть  визуализация, информационный дизайн, библиотека, текстуры, яваскрипт, Riccardo Scalco

Радиальные погодные диаграммы

Weather Radials — инфографика на погодную тему. Она иллюстрирует погоду и климатические характеристики каждого дня месяца и сезона в 35 городах мира.

«Температурные» линии на диаграмме. Чем ближе она расположена к центру, тем ниже минимальная температура дня. Цвет линии соответствует средней температуре дня:

Круги, отражающие количество осадков:

http://weather-radials.com/

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

Карта мира в стиле Марио

Дункан Грэхем, дизайнер в Мэпбоксе, сделал карту в стиле Супер Марио и рассказал об этом в блоге:
https://www.mapbox.com/…/super-mario-with-studio

Карта: https://api.tiles.mapbox.com/…_s64VQ#5/35.675/-92.681

Исходный код https://github.com/…/super-mario-world.tm2

нет комментариев твитнуть  визуализация, информационный дизайн, карта, компьютерные игры, Duncan Graham, mapbox

История гражданской авиации за 100 лет

В «Гардиане» сделали замечательную инфографику истории развития гражданской авиации за 100 лет:
http://www.theguardian.com/…/2014/aviation-100-years

Обратите внимание на интерактивные элементы анимации в четырёх роликах.

Многие дополнительные элементы интерфейса появляются, если нажать на «паузу». Стоит покопаться и найти все эти крутые переключатели (ч. 1), картинки и исторические фотографии (ч. 2), отлично подобранные иллюстрации для каждого года истории (ч. 3), статистические диаграммы и графики (ч. 4). Многие из них вы даже не найдёте с первого раза, так увлекательна сама история. Поэтому стоит посмотреть всё снова и снова.

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

Пинг-понг Роберта Линдстрома

Интерактивный дизайнер Роберт Линдстром показал концепт стола для настольного тенниса с экраном на столешнице.

http://cargocollective.com/…/Table-Tennis-2-0-2012

1 комментарий твитнуть  информационный дизайн, концепт, игра, тачскрин, спорт, Robert Lindström, пинг-понг

Блок-схема звуков модема

Финский инженер Оона Райсанен составил чёткую блок-схему с описанием всех звуков, которые издаёт диалап-модем при установке соединения: http://windytan.blogspot.fi/…-sound-of-dialup-pictured.html

Cтатья на Хабрахабре с картинками и подробностями: http://habrahabr.ru/post/167927/

1 комментарий твитнуть  интерфейс, информационный дизайн, приём, звук, модем, Oona Räisänen

«Ласт» — голландская дизайнерская студия

Сайт из интерактивных стопочек и интересные прогрессивные работы в графдизайне и визуализации:
http://lust.nl

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

Карта краж велосипедов в Сан-Франциско в 2013 году

http://seismograph.co/…-bicycle-map-sf.html

Точки были получены на городском сайте https://data.sfgov.org, где в открытом доступе лежит ещё куча данных о Сан-Франциско. В случае велосипедов это заявления владельцев в полицию. Часть точек, кстати, была удалена с карты, так как они ссылались на адрес центрального отделения полиции, который, видимо, ставят в рапорте по умолчанию.

2 комментария твитнуть  инфографика, информационный дизайн, данные, велосипеды, кражи, san francisco, сан-франциско

53 года ядерных испытаний, показанные за 12 минут

Какие государства, где и с какой частотой взрывали ядерные бомбы с 45 по 98-й год. Драматический нарратив простыми методами представления информации. 2003 г., Исао Хасимото.

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

Страва Лэбс визуализировали данные со своих спортивных трекеров

Разработчик фитнес-приложения «Страва» визуализировал данные о велосипедных поездках и пробежках на карте мира:

What's this: This dataset includes 77,688,848 rides and 19,660,163 runs representing about 220 billion total data points.

Как бегает Европа: http://labs.strava.com/…/#4/9.42390/48.42072/gray/run

На велосипеде больше всего ездят в Британии и Голландии: http://labs.strava.com/…/#4/9.42390/48.42072/gray/bike

В Екатеринбурге бегают вокруг воды (озеро Шарташ, на карте справа, вдоль пруда — в центре, и в парке Маяковского): http://labs.strava.com/…/60.62088/56.82198/gray/run

В Москве бегают по набережным и в любом, даже самом маленьком парке: http://labs.strava.com/…/37.55173/55.75210/gray/run (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)

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



© 2017

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

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