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 другой стороны, трёхмерность и полная свобода выбора угла обзора подразумевает дополнительные способы взаимодействия и искажает пространство, поэтому подходит далеко не всегда. Предложенный метод дёшево и эффективно улучшает восприятие глубины, при этом не усложняет интерфейс и не требует смены привычек у пользователя.

http://

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

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

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

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

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

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

Dylan Highsmith
Steven Sprung, ACE
</editors>

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

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

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

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

http://

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

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

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

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

История гражданской авиации за 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 — про кулинарно-физические эксперименты.

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



© 2024

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

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