реклама
разместить

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Среди работ Николаса Руже — гид Вернера по основным цветам, встречающимися в природе, интерактивный учебник геометрии «Начала» Евклида и реставрация ботанической энциклопедии «Иллюстрации естественного порядка растений».

Веб-дизайнер и художник по визуализации данных Николас Руже из Чикаго уже более 20 лет занимается разработкой интерактивных инструментов, инфографики и плакатов, публикует исследования и отправляет работы на выставки.

Свои работы он называет цифровым искусством, а среди тематики работ Руже последнего времени — восстановление и размещение научных работ 19 века в формате интерактивных сайтов. Благодаря его дотошности работы отличаются высокой детализацией, оригинальностью и максимальной похожестью стиля на оригинал.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Вот несколько его работ.

Немецкий геолог Вернер разработал собственную классификацию цветов минералов в 1774 году, а в 1814 году художник Патрик Сайм адаптировал её и издал в формате карманного руководства. С помощью руководства каждый оттенок можно сопоставить с растением, драгоценным камнем или частью животного.

Классификатором Вернера, например, пользовался Чарльз Дарвин во время экспедиций для точности описания в заметках.

Руже воссоздал систему цветов Вернера из книги 1821 года в формате сайта-гида для дизайнеров и дополнил её фотографиями-примерами 10 исходных цветов, разбитых на 110 оттенков.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Для каждого оттенка указано местонахождение в реальном мире (животные, растения, минералы), а также основные цвета для создания оттенка.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

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

Также дизайнер включил в проект сканы книги 1821 года, информацию о методе классификации цветов Вернера и выпустил серию плакатов с полным спектром цветов и их смешиванием.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Математик Оливер Бирн в 1847 году опубликовал учебник геометрии, который основан на труде «Начала» древнегреческого математика Евклида и был назван «одной из самых странных и красивых книг 19 века», пишет издание My Modern Met.

В учебнике Бирн взял за основу первые шесть книг Евклида и заменил текст теорем и формулы на цветные диаграммы.

От материалов Евклида к интерактивному учебнику Руже
От материалов Евклида к интерактивному учебнику Руже

Руже воссоздал учебник Бирна с максимальной приближенностью к оригиналу, а каждая схема была создана с соблюдением пропорций и размеров, чтобы соответствовать геометрическим принципам Евклида.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

В блоге дизайнер подробно рассказал о каждом шаге, например, работе с пунктирными линиями, углами и добавлении анимаций.

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

Также Руже повторил шрифт учебника, в частности, начертание старинных математических символов.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Кроме книги Руже выпустил серию плакатов со всеми 269 иллюстрациями книги, которые воссозданы с геометрической точностью, упорядочены и помечены так, как и в оригинальном учебнике 1847 года.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

На создание интерактивного учебника Руже потратил около двух месяцев.

В 1868 году английская художница-ботаник Элизабет Твайнинг опубликовала ботанический каталог в двух томах, в который вошли 160 раскрашенных вручную литографий растений. Одна из особенностей каталога — система классификации, в которой растения Великобритании объединены с растениями других стран, даже если такие пары нечасто встречались в природе.

Для начала Руже восстановил каждую иллюстрацию из оригинальных сканов книги — воссоздал цветовую палитру, очистил пятна и другие отметки:

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

После реставрации Руже вручную выделил каждое из 772 растений — для этого ему пришлось на протяжении трёх месяцев изучать ботанику, чтобы понимать, к какому цветку какой стебель относится. На один цветок дизайнер тратил от одного до четырёх часов.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Каждое растение в группе стало интерактивным — оно подсвечивается по клику, а в тексте и описании выделяется его название, а также отмечено, к какому семейству принадлежит.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Также Руже объединил растения согласно упоминаниям об их схожести и построил общую диаграмму связей.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Помимо интерактивной энциклопедии дизайнер нарисовал плакат со всеми 160 иллюстрациями, упорядоченных так же, как и в книгах.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Реставрация шеститомной коллекции из 240 иллюстраций загородных особняков и пейзажей — это совместная работа художника Ф.О. Морриса, иллюстратора Александра Лидона и печати авторства Бенджамина Фоссета. Тома публиковались с 1864 по 1880 год.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Руже дополнил сборник геолокационными метками и интерактивной картой особняков, а также выпустил серию постеров.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

На празднование 175-летия журнал Scientific American предложил Руже изучить визуальный стиль обложек всех 5148 журналов, выпущенных с 1845 года.

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

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

Если навести указатель на любую часть изображения, можно увидеть обложку года или месяца.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

В этой работе Руже переделал 16-страничную брошюру в интерактивный сайт, чтобы потренироваться в технологиях и дизайне.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты

В блоге он объясняет, как организовал композицию и написал для неё код: например, для маленьких экранов ему пришлось вращать текст и картинку, а также адаптировать современные шрифты под старину.

Также для работы он нарисовал пять тематических плакатов.

Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
217217
реклама
разместить
23 комментария

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

92

Как говорил Олег Пащенко "Любить дизайн больше чем бабло, которое можно за него получить - вот залог успеха".

10

На хабре была статья о том, как «Начала» Евклида в интерпретации Бирна перевели на русский: https://habr.com/ru/post/451682/
В конце статьи есть ссылка на репозиторий, на вкладке релизов есть готовые PDF-ки: https://github.com/jemmybutton/byrne-euclid/

20

Очень вдохновляюще! Прочитав, захотелось создать такое же грандиозное что то самой

9

В России, кстати, целое непаханое поле. Сам об этом давно задумывался, но не так много свободного времени, чтобы делать что-то подобных масштабов бесплатно. Желание возникло после некоторых научных лекций на ютубе с ужасным визуальным сопровождением, где был практически антидизайн, способный отбить интерес у любой аудитории. Заметил, что и многие детские развивающие книги страдают тем же самым.

дизайнеру следующий челендж "манускрипт Войнича". Я кстати так и не понял , его расшифровали или нет.

6
Раскрывать всегда
Стартап Nex выпустил нейросеть, которая «сканирует» продукт и генерирует предметные фотосессии

Команда начинала с генератора картинок, но потом перешла на решения для корпоративных клиентов.

2121
22
да блэт я не успеваю регистрироваться в новых нейросетях 😱😱😱😱
реклама
разместить
Моих знакомых массово сокращают из IT: во всём виноват искусственный интеллект?

Я думала, что знаю, как работает IT-сфера, но оказалось, за последние полтора года изменилось всё. Теперь компании, которые раздули штат во время ковида, массово сокращают айтишников. И как назло, ИИ может заменить некоторых из них в два счёта. Разбираюсь, как выжить в новой реальности.

Моих знакомых массово сокращают из IT: во всём виноват искусственный интеллект?
6262
1010
55
смешно читать про золотой век программистов. звучит как заголовок из 2005-го, 2010-го и 2015-го. каждые пять лет нас хоронят, а мы всё воскресаем как фениксы))) потом зарплаты растут ещё выше. сетки — просто новые инструменты, а не замена программистам.
Наружная реклама и дело в шляпе. Как продвигаться на инфоповоде?

С вами команда коммуникационного агентства Cristal Media. Сегодня мы поговорим об очень важном офлайн канале коммуникации – наружной рекламе. В сегодняшней статье речь пойдет не просто о размещение, мы затронем тему инфоповодов, думаем из названия вы уже поняли о чем речь. Разбираться в мире билбордов и шляп новостей будем на примере застройщика –…

ЦБ предложил экспериментальный режим для сделок с криптовалютами — покупать и продавать их сможет ограниченное количество инвесторов

И запретить расчёты между резидентами по сделкам с криптовалютой вне эксперимента.

1616
99
44
22
11
11
И как обычно закон делается под кремлядей, чтобы бабки ещё эффективней отмывать. А ты попробуй заработать тыщу баксов на крипте, получишь экспериментальный срок на 5 лет.
Я ушел из нефтянки в IT без знания кода и начал зарабатывать больше

В феврале 2022 года я потерял всё. Бизнес с оборотом в миллионы рублей рухнул за считанные недели. Мы с семьей уезжали из страны почти без денег — хватало только на съем квартиры. А теперь я делаю за две недели то, что команды программистов делают месяцами — и хорошо на этом зарабатываю.

Вот так выглядело оборудование и я в 2017)
4343
44
33
22
11
Ребята, не ведитесь на сказки. No-code - это игрушки для простых сайтов и лендингов. Ни один серьезный бизнес не будет использовать такие решения для критических систем. Как только нагрузка вырастет или понадобится интеграция со сложными API - всё посыплется.
Создатель Pokemon Go продаст игровой бизнес за $3,5 млрд группе из Саудовской Аравии

Осталось получить одобрение от регуляторов.

Источник фото: NYT
44
Почему клиенты не покупают сразу? Разбираем 3 уровня готовности

📢 Вы запускаете рекламу, получаете трафик, но продажи идут слабо?
🤔 Возможно, вы просто работаете не с той аудиторией. Люди не покупают сразу. У них разный уровень готовности к покупке. Давайте разберем 3 категории клиентови как с ними работать. 1. “Горячие” клиенты (3-5%) – готовы купить сейчас 📌 Кто это?
✔ Уже понимают свою проблему.
✔ Знают,…

Почему клиенты не покупают сразу? Разбираем 3 уровня готовности
Binance привлекла $2 млрд от фонда властей Абу-Даби MGX — это крупнейшая инвестиция в криптокомпанию

И первое вливание от институционального инвестора именно для Binance.

Источник фото: Kayak
44
[]