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

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

РСС

Настроечные панели старых американских радиоприемников

http://johngrimwade.com/…/2017/05/25/radio-displays

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

Энциклопедия дизайна шрифтов и печатной продукции

На страницах энциклопедии представлено более 70 000 записей с информацией о шрифтовом дизайне и типографических вопросах в целом — http://luc.devroye.org/fonts.html

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

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

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

http://www.johngrimwade.com/…/2017/01/09/tools-of-the-trade

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

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

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

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

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

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

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

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

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

http://tabletopwhale.com/

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

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

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

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

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

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

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

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

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, веб-дизайн, графдизайн, информационный дизайн, типографика



© 2017

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

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