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

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

РСС

Нью-йоркское метро

Архитектор Канди Чан нарисовал «рентгеновские» схемы загруженных станций нью-йорской подземки.

http://www.projectsubwaynyc.com/…-ray-area-maps

нет комментариев твитнуть  графдизайн, метро, карта, нью-йорк, схема

Лестницы Будапешта

http://www.balintalovits.com

нет комментариев твитнуть  архитектура, фотография, геометрия, модернизм, город, Будапешт, арт-нуво

Карта плотности населения США

Другие работы Джо Лертола: http://joelertola.com/grfx/index.html

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

Лучшие карты 2016 года по версии «Нэшнл Джеографик»

Журнал отобрал лучшие карты года: созданные в 2016 году и оцифрованные из исторических источников.

http://news.nationalgeographic.com/…/12/best-maps-cartography-2016

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

Картография и летеринг

Подборка леттеринга с заголовков американских карт начала XX века.

http://bibliodyssey.blogspot.ru/…-insurance-map-typography.html

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

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

http://playground.tensorflow.org/

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

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

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

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

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

Everyday Food

Электронный журнал Everyday Food издательства Марты Стюарт перестал выходить в 2013 году, однако это не делает старые выпуски менее прекрасными. Все они доступны бесплатно в Эпсторе: appsto.re/ru/1kcmZ.i

нет комментариев твитнуть  графдизайн, вёрстка, журнал, еда, марта стюарт

Паспорт-индекс разных стран

На сайте «Паспорт-индекс» собраны обложки паспортов разных стран, к сожалению, не всех.

Паспорта отсортированы по странам и цветам.

Из интересного: на обложках Сальвадора и Гватемалы нарисовано, где искать эти страны.

http://www.passportindex.org/

нет комментариев твитнуть  обложка, геральдика, паспорт, Arton Capital, коллекция, герб

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

Дункан Грэхем, дизайнер в Мэпбоксе, сделал карту в стиле Супер Марио и рассказал об этом в блоге:
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

Упрощение восприятия рельефа местности на географических картах

Исследователи из Университета штата Орегон и французского института ИНРИА предлагают интересный способ помочь мозгу воспринимать рельеф на интерактивной карте. Суть метода заключается во временном превращении двухмерной плоскости в трёхмерную модель при изменении области просмотра.

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

Детали описаны в одиннадцатистраничной публикации, бесплатно доступной для всех интересующихся:
https://hal.archives-ouvertes.fr/…-SACLAY/hal-01105179v1

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

Хтмл-теги и золотое сечение в титрах сериала «Скорпион»

Сериал «Скорпион» о компьютерных гениях на службе нацбезопасности США использует в титрах теги ХТМЛ и обыгрывает золотое сечение: вписанный в круг и квадрат скорпион с жалом из архимедовой спирали.

Создатели сериала вдохновились жизнью и деятельностью Волтера О’Браена, компьютерного эксперта, но к дизайну титров подошли «неэкспертно» и теги использовали несколько непоследовательно.

Чтобы порадовать гиков, можно было бы в начале писать <Scorpion> а в конце серий </Scropion>. Имена же съёмочной группы писать перед должностью:

Dylan Highsmith
Steven Sprung, ACE
</editors>

Арт-директор картины — Луи Джозеф Комо IV, но, похоже, не стоит его винить за титры.
Зато в блоге — http://loujoe4.tumblr.com/ — процесс создания декораций, реквизит, скетчи разных проектов. И, кстати, его резюме.

нет комментариев твитнуть  графдизайн, титры, золотое сечение, архимедова спираль, хтмл, арт-директор, резюме

Проморолик «Пластик-карда»

Создатели умной банковской карты «Пластик-кард» сделали эмоциональный проморолик. Как будто разговаривают друзья.

Понравился приём «Представь, что ты пошёл в магазин. Что бы ты купил? Нет, свитер слишком банально. Давай ты купишь смарт-часы».

Эмоции: «За баром стоял симпатичный бариста. Наверное, бывшая модель. Надо было взять у него телефончик».

Интересный ход со временем: «Потом я вернулась в кафе, мне вернули карту, снова этот бариста, взяла у него телефон, — и тут мы встретились с тобой. А потом мы пойдём в новый ресторан…»

нет комментариев твитнуть  реклама, приложение, видео, карта

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

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

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

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

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

Сайт музея ван Гога

Сайт:
http://www.vangoghmuseum.nl/

Не так просто найти ссылку на коллекцию произведений, поэтому вот:
http://www.vangoghmuseum.nl/…/search/collection

Произведения даны в большом разрешении, можно скачать файлы себе, чтобы рассмотреть или повесить на рабочий стол. А ещё страницы многих картин содержат их подробные описания, например:
http://www.vangoghmuseum.nl/…/collection/s0094V1962

нет комментариев твитнуть  сайт, живопись, музей, картина, искусство, Винсент ван Гог

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

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

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 (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)

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

Андроид для бедных

Мэпбокс собрали данные об использовании мобильных платформ из Твитера. Всё наложили на интерактивную карту с переключалками:

https://www.mapbox.com/…/twitter-gnip/brands

Так как красные точки Айфона лежат сверху зеленых точек Андроида, Айфон всегда доминирует. Посмотрите на Москву.

В провинциальной Испании и в Южной Корее победил Андроид.

В Океании — Блэкбери.

Аргентина захвачена коалицией Андроида и Блэкбери. С запада по берегам Чили расселись империалисты с Айфонами.

В Рейкьявике с небольшим перевесом победил Айфон.

В Саудовской Аравии доминирует Андроид.

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

Визуализация даты постройки всех зданий Нидерландов

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

http://citysdk.waag.org/buildings/

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

Карта возраста домов Москвы

http://msk.mercator.ru/

Удачное решение — разделить эпохи «по смыслу», а не просто по столетиям, как в аналогах.

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

Визуализация ветров — 2

Камерон Беккарио (@cambecc) визуализировал ветры планеты: http://earth.nullschool.net/

Вдохновлением послужила «Визуализация ветров» Северной Америки: http://design.artgorbunov.ru/…-vetrov

Визуализация ветров на планете: теплые, холодные. Смотреть можно в разных проекциях, на разных высотах, работает зум.

О проекте: http://earth.nullschool.net/about.html
Исходники на гитхабе: https://github.com/cambecc/earth. Работает на node.js, D3, backbone и when.js

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

Крутые курсеро-курсы в июле


Maps and the Geospatial Revolution: https://www.coursera.org/course/maps — про работу с картами и геоданными.


Introduction to Mathematical Philosophy: https://www.coursera.org/course/mathphil — про математику философских понятий.


The Science of Gastronomy: https://www.coursera.org/course/scigast — про кулинарно-физические эксперименты.

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



© 2017

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

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