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

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

РСС

Руководство для экипажа танка «Тигр»

Руководство датировано 1943 годом. Одобрено лично генералом танковых войск Вермахта Гейнцом Гудерианом.

Заметно отличается от типичных нацистских армейских инструкций времен Второй мировой войны. Брошюра, известная как Tigerfibel, написана легким слогом с юмором, стихами и веселыми картинками. Сам танк «Тигр» в ней персонифицирован как некая юная особа Elvira Tiger.

Чтобы привлечь внимание солдат, в инструкцию добавили много картинок с полуобнажёнными женщинами, а также изображение министра вооружений Альберта Шпеера, советующего экипажу танка не тратить боеприпасы зря.

https://archive.org/…-DieTiger-fibel194392S.Scan

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

Расписание электричек с Курского и Савеловского вокзалов

Расписания изданы в конце 80-х голов. Занятно, что расписание Савеловского вокзала стоило 10 копеек, в то время как расписание Курского вокзала — 15 копеек. Притом что число страниц в обоих расписаниях одинаково: 48.

нет комментариев твитнуть  80-е, информационный дизайн, расписание, СССР, схемы, таблицы, электрички

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

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

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

24 правильных прямоугольника

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

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

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

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

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



© 2024

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

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