Дизайн@

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

Два энтузиаста, Вайли Оверстрит и Алекс Горош из Сан-Франциско, поехали в пустыню Блэк-Рок и построили модель Солнечной системы в точном масштабе, диаметр которой примерно равен 11 километрам. Земля при этом оказалась шариком, диаметром в полтора сантиметра.

В своем блоге 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://swissincss.com

Дизайнер Jon Yablonski перерисовал и заанимировал известные швейцарские плакаты на ЦСС.

Итальянский книжный дизайнер Филиппо Ностри

http://www.filipponostri.com

На сайте «Паспорт-индекс» собраны обложки паспортов разных стран, к сожалению, не всех.

Паспорта отсортированы по странам и цветам.

Из интересного: на обложках Сальвадора и Гватемалы нарисовано, где искать эти страны.

http://www.passportindex.org/

«Уолл-стрит Джорнал» проанализировал цвета на обложках комикса и сделал интерактивную визуализацию. Палитра упрощена до 64 цветов, площадь сектора показывает количество цвета на обложке.

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

Визуализация:
http://graphics.wsj.com/avengers/

Статья об изменении цветов на обложках «Мстителей»: http://blogs.wsj.com/…-of-earths-mightiest-heroes

Английский дизайнер Дуэйн Далтон дает уроки композиции на малых форматах — почтовых марках. Все элементы на своих местах, ни один не стоит случайно.

http://duanedalton.com/Basic-Stamps

Вам тоже надоели неправильные цвета в ПНГ и вопросы Фотошопа о цветовых профилях, на которые вы не можете ответить?

Тогда делайте вот так:

1. Выбрать в меню Color Settings, там в выпадайке Monitor color и убрать галочку Ask when opening:

2. Выбрать в меню View / Proof Setup / Monitor RGB и не забывать возвращать после проверок:

3. Донастроить Save for web — снять галочку Convert to sRGB

Раньше она пряталась в меню:

А теперь явно присутствует на панели в виде чекбокса. Если галочка стоит, то Фотошоп засовывает в ПНГ цветовой профиль, который по-разному интерпретируется браузерами. Нет, не надо.

Автор — Даг Эйври: http://viget.com/…-save-for-web-color-shift

Спасибо, Даг!

«Путеводитель по таинственной Франции» (Guide de la France mystérieuse) — настоящий гигант среди туристических справочников, в нем более тысячи страниц. Сложно представить себе путешественника, волочащего за собой эту надгробную плиту в поисках необычных мест и памятников мрачной истории. Тем не менее, изданная в 1964 году Клодом Чу, книга имела успех и породила целую серию путеводителей по отдельным регионам страны.

http://designobserver.com/…-gothic-guidebook/38501

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/

Weather Radials — инфографика на погодную тему. Она иллюстрирует погоду и климатические характеристики каждого дня месяца и сезона в 35 городах мира.

«Температурные» линии на диаграмме. Чем ближе она расположена к центру, тем ниже минимальная температура дня. Цвет линии соответствует средней температуре дня:

Круги, отражающие количество осадков:

http://weather-radials.com/