Дизайн

Фирменный стиль и печатные материалы Олимпиады 1972 года в Мюнхене, арт-директор Отль Айхер: http://www.1972municholympics.co.uk

Помню, как подбирал эти цветовые пары в Фотошопе с экрана телевизора.

Ver Sacrum (лат. «Весна священная») — официальный журнал Венского сецессиона, 1898–1903 гг.

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

Архив номеров на сайте Австрийской национальной библиотеки: https://anno.onb.ac.at/…/anno-plus?apm=0&aid=vsa

Американские продуктовые магазины сети «Трейдер Джо» используют летеринг для ценников и оформления магазинов. Мощно:

Чтобы не лепить слишком много выносных элементов для модульной сетки, можно превратить схему в комикс — показать последовательные построения.

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

На иллюстрациях — схемы построения сетки телевизионного интерфейса плеера ББК.

С 1998 года американская студия Пентаграм под арт-директорством Майкла Бирута (Michael Bierut) делает плакаты для мероприятий Йельской архитектурной школы (Yale School of Architecture). Серия объединена черно-белой гаммой и экспериментальным подходом к композиции и типографике. На каждом плакате спрятана буква Y в круге.

https://www.pentagram.com/…#/projects/87191

«Поп-чарт-лаб» сделали схему полётов по Солнечной системе.

https://www.popchartlab.com/…-chart-of-cosmic-exploration

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

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

Вся схема: https://upload.wikimedia.org/…_Kong_Railway_Route_Map_en.svg

В своем блоге Scarfolk Council писатель и дизайнер Ричард Литтлер размещает артефакты из архива городского совета Скарфолка, вымышленного города на севере Англии. Город придуман самим же автором. По задумке Литтлера, Скарфолк навсегда остался в 70-х годах.

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

Блог «Совет Скарфолка»: http://rlittler.blogspot.de/…/03/blog-scarfolk-council.html
Город Скарфолк: https://en.wikipedia.org/wiki/Scarfolk
Ричард Литтлер: http://littler-design.blogspot.com

Алексей Черенкевич, Евгений Шпилевский, Анна Ширяева, Виктор Якунин, Павел Кедич сделали интерактивную историю Белоруссии.

http://map.letapis.by/ru

Ирина Смирнова из Тильды подготовила справочник размеров превьюшек в соцсетях. Предлагает запомнить универсальный размер 1024×512 и даёт сводную таблицу по девяти соцсетям: Фейсбуку, Вконтакте, Твитеру, Инстаграму, Ютубу, Пинтересу, Линкедину, Гугль+ и Одноклассникам.

http://tilda.education/…-images-for-social

http://www.r2d3.us/…-to-machine-learning-part-1

Stephanie Yee и Tony Chu сделали интерактивный рассказ о машинном обучении. В качестве примера они рассматривают задачу классификации: по параметрам дома догадаться расположен он в Нью-Йорке или в Сан-Франциско.

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

Все снабжено интерактивной визуализацией.

Есть перевод на русский: http://www.r2d3.us/…ое-Введение-в-Теорию-Машинного-Обучения/

http://www.geheugenvannederland.nl/…?/en/homepage

Библиотека «Память Нидерландов» хранит изображения из коллекций более чем ста учреждений (музеев, архивов и библиотек) и содержит фотографии, скульптуры, картины, керамику, современное искусство, рисунки, марки, плакаты и газетные вырезки, видео и звуковые записи в очень хорошем качестве:
http://www.geheugenvannederland.nl/…/collecties/overview/1/title

Коллекции организованы по темам для быстрого доступа:
http://www.geheugenvannederland.nl/…?/en/themas

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

Например, коллекция Голландского графического дизайна:
http://www.geheugenvannederland.nl/…?/en/collecties/TotalDesign

Коллекция Муниципального музея в Гааге с более чем 7000 картинок Герда Арнца (изотайпы, диаграммы, сканы страниц, газетные вырезки, книги с иллюстрациями):
http://www.geheugenvannederland.nl/…/collecties/archief_Gerd_Arntz

Книги с иллюстрациями Герда Арнца по ключевому слову “boeken”:

Сайт Форфанкис — дизайнеров из Барселоны:
http://4funkies.com

По клику на картинку открывается увеличенная версия и расталкивает всё остальное.

Это набор умных иконок, на который собрали деньги через Кикстартер:
http://www.kickstarter.com/…-icons-for-the-modern-web

Сами иконки не мегасупер-пупер, но в честном векторном формате СВГ и настраиваются через ЦСС и яваскрипт. Настраивается текст:

И цвет отдельных элементов:

Настраивается даже форма отдельных элементов и направление:

Иконки автоматически адаптируются к выбранному размеру:

На сайте удобные фильтры для поиска:
https://useiconic.com/icons/

https://useiconic.com

Textures.js — библиотека патернов на яваскрипте для карт, графиков, визуализации данных.

http://riccardoscalco.github.io/…textures/

https://www.flickr.com/…/dasprogramm

Афиша с постепенным прояснением деталей:
http://www.mike-scott.co.uk/…-house

Отель на Сейшелах: http://www.mike-scott.co.uk/…-house

Стиль психотерапевта:

Багетная мастерская: http://www.mike-scott.co.uk/point101

Бюро путешествий с британскими полосочками: http://www.mike-scott.co.uk/harridge

Бюро патентов:

Консультанты:

ЦМСка:

Благотворительность: http://www.mike-scott.co.uk/…-music

Текстовый логотип художника:

http://www.mike-scott.co.uk/